Elements on a web page can stack for a variety of reasons. With basic CSS positioning tools, it’s possible to stack elements on top of one other with negative margins, floats, and other tools. Even without specific position, elements stack, with div stacking on backgrounds on table cells stacking on tables. But default stacking is […]
Using CSS Pseudo-elements and Pseudo-classes like ::before and ::after
CSS wasn’t always as flexible as it is today. By using CSS pseudo-elements and pseudo-classes, designers can target elements based on their dynamic states or positioning in relation to other elements.
Learn Web Development With These Web Developer Courses
If you’re a newbie hoping to learn web development, these web developer courses below will be powerful tools in your journey to greater knowledge. As you embark on this journey, remember that Google and websites like StackOverflow are your best friends. You will encounter many frustrating problems along the way, but they are all problems […]
Recreating Photoshop Effects in CSS – Part 2 – The CSS Code
In part 1 of this tutorial series I demonstrated how to create vector shape buttons with layer styles in Photoshop. For part 2 I’ll explain how to write code to recreate these layer styles in CSS. Modern development techniques have advanced along with browser support to make CSS3 a viable option for everyone. Photoshop layer […]
When To Use JavaScript vs. CSS3 for Animation
Animated web content has been around for years in the form of GIFs and Flash content. But as those older methods fall to the wayside newer techniques have grown in their place. Back in the early 2000s JavaScript was widely-regarded as the best solution for animated web content. Then an update to CSS created the […]
Modern Tools for Advanced CSS Development
Web development has taken a turn towards more candid and fluid information. More people are willing to release free open source code just to help the community and other developers working on similar projects. But aside from free code samples there are dozens of handy webapps, resources, tools, and programs built to enhance the frontend […]
33 Amazing Frontend Design Patterns using CSS3 and jQuery
Website layouts are typically seen as a combination of design and development meshed together. UI design can be performed using graphics software, code, or in most cases both. This subject offers an interesting combination of skills that work hand-in-hand with each other. Frontend inspiration can offer a lot of great ideas for anyone who builds […]
Routines for Practicing your Frontend Development Skills
Let’s face it – any skillset worth acquiring takes time and lots of practice. The most fitting yet ironic way to improve is by screwing up and learning from your mistakes. While this process may not benefit the aspiring counterfeiter, mistakes are often the quickest and most resilient teaching methods. Web development is perhaps one […]
28 Free Open Source CSS3 Code Snippets
Web developers are constantly building awesome stuff and releasing the code online for free. Open source code allows other developers to recreate page elements without spending hours of time writing code again from scratch. This can range from website navigation to image sliders and even CSS dropdown menus. As a developer myself I have learned […]
38 Free Open Source CSS Dropdown Navigation Menus
Constructing a website from scratch has become easier and less stressful over these past few years. I find myself ripping out fewer and fewer hairs as more open source projects become available. One of the most common UI elements would be a dropdown menu for multi-tier navigation. In the past I’ve written about coding a […]