Twitter Bootstrap has become a powerful asset to frontend web developers. It comes with a library of JavaScript widgets and quintessential CSS resets to build identically-rendered layouts for any web browser. If you’re already familiar with HTML/CSS you can pick up general Bootstrap concepts within a day or two. This collection of open source code […]
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 […]
26 Open Source JavaScript Libraries & Frameworks
As a longtime JavaScript developer there are still dozens of libraries I have never touched before. Many concepts are out in the wild that I can’t even wrap my head around! Prototypical JS templating is one, and full MVC control is another. But these libraries are seriously powerful and beneficial to those who understand them. […]
Project Web Applications for Designers & Developers
Web developers need to learn a voluminous library of information to start crafting websites. Your first projects are usually simple, but not very good. Over time you practice more and begin to learn concepts surrounding good web design. With this foundation you can start implementing tools and webapps to expedite your performance. Such resources may […]
33 Open Source jQuery Plugins for Gathering User Input
I can remember the long structured blocks of JavaScript before jQuery was even an option. Nowadays this library has expanded to include hundreds(if not thousands) of free open source plugins. You can find a particular bit of functionality related to almost any page element on your website. Specifically I’ve collected a list of 33 plugins […]
How To Build a Grid-Style Image Gallery with jQuery Modal Popups
There are a number of free open source image gallery plugins you can build with jQuery. Each has their own unique features and reasons you may incorporate the design into your website. But I really like the simplicity of jQuery Lighter. The plugin focuses around smaller image thumbnails which provide a mini-lightbox once clicked. I […]
Code a Dynamic Questions & Answers FAQ Page with jQuery
You can perform many various effects using the jQuery JavaScript library. It’s an open source project which has been gaining followers for a couple years now. Aside from the many jQuery plugins you can build a lot of custom web functionality right from scratch. I want to use this tutorial to showcase how we can […]
41 Outstanding Web Design Agency Layouts
Web design agencies have become more creative and transparent in the recent years. It’s easier for a young professional to launch their own agency now than ever before! All the information is out on the web and you can pick up clients with just a few weeks of networking. But to create a truly impressive […]
27 Web Apps & Resources for Responsive Mobile Design
In the past we have written on creative responsive website layouts built for mobile smartphones. This trend has grown very quickly in just a few short years – and with good reason! Why not build your website to support both desktop and mobile platforms? You only need 1 set of codes and the whole layout […]
22 JavaScript/jQuery Tutorials for New Web Developers
Frontend web development is the hottest area for modern user interactivity. You can build practically any type of user interaction when you understand the concepts behind JavaScript. DOM manipulation is a hugely popular technique which, coupled with Ajax requests, can build one incredible user experience. In this showcase I have collected 22 exciting jQuery & […]