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 […]
36 Open Source Twitter Bootstrap Code Snippets
We all love to save time on frontend web development – especially when you’re coding something every week! Twitter Bootstrap has provided an enormous framework to jump start any new web project. You can find plenty of Bootstrap examples all over the Internet with brilliant designs. But how should you get started coding with Bootstrap? […]
40 CSS Apps, Tools, and Resources for Web Developers
The task of coding a new website is often repetitive and time-consuming. It takes effort and hard work to build an HTML/CSS layout fitted properly in all browsers. Alternatively the design process is much more fluid to allow for new ideas and thought patterns. If you feel the web development cycle takes a bit too […]
How To Code a Hidden Dropdown Search Form using jQuery
Expanding search fields have become a popular choice for designers looking for extra room on the page. Almost every website is going to need a search field somewhere in the layout. It’s practically a necessity for any visitor who is looking for a specific page or bit of information. As trends advance user interfaces are […]
Coding a Magazine-Style Blog Post Layout with CSS3 Effects
Average weblogs have slowly been transformed into content-packed online magazines. Over the past 5 years I have noticed a rise in digital magazines curating their posts online instead of print. One early example would be Mashable but today there are hundreds of different sites. For this tutorial I’d like to demonstrate how to build a […]
20 Free Open Source CSS3 User Interface Kits
The power of CSS3 design offers unique trends for building custom website interfaces. And with the help of the open source movement, it is now easier than ever to make your own customized layout design. CSS3 user interface kits have become more common and you can find these published within various websites and blog. For […]
