Updated on May 21, 2015 in Learn
5 Reasons Sketching Wireframes in Groups is So Important
When we take that first step in building a new web app we quickly forget about the simple things. We get so immersed in the features and functionality of the application, when we should be focusing on the layout and…
Updated on May 21, 2015 in Learn
Customize an HTML5 Webpage using the Bootstrap Framework
Many web developers are familiar with Twitter Bootstrap and have seen this library on a number of projects. The Bootstrap core is fantastic when you need a CSS reset along with other common layout features. It may not be the…
Updated on May 21, 2015 in Learn
Extending Placeholder Selectors with Sass
I recently wrote an article on creating a themable button set with Sass where I used a mixin to define all base styles, then a color value was passed as an argument when included in each theme. Example: @mixin btn-theme($btn-color)…
Updated on May 23, 2016 in Learn
Best jQuery Date Picker Plugins for Input Fields
When building a web form you need to consider a number of factors for your particular application. Many developers will need to handle special data such as the user’s birthday, invoice date, or subscription trial period. These examples could all…
Updated on May 21, 2015 in Learn
Most Helpful Webapps & Resources for Building Modern Websites
There is a large number of online resources for developers looking to make better websites. These are all free tools for anybody to use, and they provide an exceptional push forward in quality. Designers have been striving towards a better…
Updated on May 21, 2015 in Learn
10 Things to Know Before Designing for the Web
The world of web design is one of the most beautiful and rewarding spaces you could possibly enter into. With so many options and such a great community, your path as a web designer is uncharted and wide open. With…
Updated on April 17, 2018 in Learn
HTML5/CSS3 Image Thumbnail Gallery with Lightbox Effect
The fading lightbox interface has become a staple in many website layouts. This dynamic script was originally based off Lightbox as a pure JavaScript library. Open source developers eventually start playing around with these codes to generate new designs, plugins,…
Updated on May 21, 2015 in Learn
Adding Motion into Web Design with Animate.css
Lots of frontend web developers have been getting interested in dynamic interfaces using motion effects. This is all too common with many advancements within popular JavaScript libraries. But there has also been a lot of interest in CSS3 animated effects….
Updated on October 14, 2017 in Learn
Take Control of the Box Model with box-sizing
I get asked a lot about the CSS box-sizing property, especially from beginning designers and developers who’ve dealt with broken layouts and misaligned grids. The CSS box model can be a little deceiving and tricky to work with at times,…
Updated on July 24, 2017 in Learn
Speeding Up Page Load Times
The average size of a web page has been growing at an accelerating rate over the last few years. Research carried out by HTTP Archive in January reports that the average page size has now hit 1.25mb. For users with a…
Updated on May 21, 2015 in Learn
The Absolute Beginner’s Guide to CoffeeScript
CoffeeScript has become increasingly popular over the last couple of years due to its adoption by the Node.js and Rails communities. Let’s take a look why it’s become the go-to language when people are wanting to write JavaScript in their…
Updated on February 23, 2022 in Learn
Create a Themable Button Set with Sass
If you have yet to give Sass a try, don’t worry, this is a good place to start. And if you haven’t already read Andrew’s primer on Sass, give it a read for a better understanding of what we’ll be…