Web Design

Use Codepen.io to Design and Publish Your Best Web Animations

Codepen.io is an interactive website where users design and post online projects that showcase to the public what kinds of animations and interactive elements can be rendered natively by web browsers without the need to load any previously animated video or Flash files. Site visitors ...

CSS Grid Layout: Its Function in High-Quality Websites

Today's most prominent internet browsers support a set of syntax for CSS files that allow them to dictate grid-based layouts for webpage content. This is called CSS Grid Layout, and the reason a web developer would use it over straightforward HTML-based tables is that CSS Grid ...

Stop Looking Like a Web Clone with Brutalist Design

If it seems like so many of the sites you visit are built from the same templates, that's because they probably are. The prevalence of the CSS Bootstrap framework, the rise of site creators like Squarespace, and the dogmatic prescription to complementary color theory have made ...

Maximize Basic Code Using Martijn Cuppens' Elegant Div

There's a lot of talk in the world of web development about "responsive design". Creating tools that minimize the need to rewrite code for the wide range of devices your viewers use is big business, and the ability to write code that's both responsive ...