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 […]
Building Internal Content Scrollbars using jQuery
Mobile web applications and some more advanced layouts are commonly seen using internal scroll bars. These are custom-made scroll features which are nested inside another container on the page. I feel these have become more popular since the rise of dynamic content and the popularity of jQuery plugins. Keep in mind that most webpages still […]
35 Online CSS Design Galleries to Submit your Web Projects
There have been online CSS galleries running for a decade or longer. These websites are more like curated directories which contain the best examples of website design. I will often use these resources for ideas on new layouts and interface features. CSS galleries are very common and there are so many to choose from – […]
Coding an Image Thumbnail Hover Magnify Effect with jQuery
I have run into a number of simple effects to generate image magnification. You can sometimes find this on e-commerce websites for product images when you hover onto the thumbnail and a bigger zoom effect will display. This is a great technique no matter what type of website you have. But I was running into […]