Archive for the ‘CSS3’ Category

How to use Media Queries in JavaScript

Posted on: No Comments
If you thought responsive design was reserved for CSS layouts only, you'll be pleased to hear media queries can also be used in JavaScript. Continue reading %How to use Media Queries in JavaScript%

7 of the Best Code Playgrounds

Posted on: No Comments
Messing around with experimental code is easy thanks to several free online development playgrounds. Craig Buckler looks at seven of the best... Continue reading %7 of the Best Code Playgrounds%

GreenSock for Beginners: a Web Animation Tutorial (Part 1)

Posted on: No Comments
My aim in this article is to give you a thorough introduction to GreenSock, also known as GSAP (GreenSock Animation Platform), a super performant, professional-grade HTML5 animation engine for the modern web. This is the fourth article in the series B...

20 Protips For Writing Modern CSS

Posted on: No Comments
In this post we want to share with you a collection of 20 useful conventions and best practices that are recommend by the CSS community. Some are tailored more towards beginners, and some are a bit advanced, but we hope everyone will find a cool tric...

5 Flexbox Techniques You Need to Know About

Posted on: No Comments
Flexbox is a CSS standard optimized for designing user interfaces. Using the various flexbox properties we can construct our page out of small building blocks, which then are effortlessly positioned and resized any way we want. Websites and apps m...

Quick Tip – Installing and Getting Started with Cordova

Cordova is a phenomenal tool that allows you to build native mobile apps using the web technologies you know and love. It gives access to some hardware features unaccessible in vanilla HTML5, and most crucially, the marketing potential of app stores. C...

Quick Tip: The Best Way To Make Sticky Footers

Posted on: No Comments
While developing web layouts, at some point you’ve probably run into this issue: This obviously broken layout happens when a footer is positioned statically at the end of the body, but the page doesn’t have much content. There is nothin...

What You Need To Know About CSS Variables

Posted on: No Comments
When web projects grow bigger, their CSS usually becomes astronomically large and often times messy. To help us deal with this, new CSS variables are soon to hit mainstream browsers, giving devs the ability to reuse and easily edit repeatedly occurri...

Quick Tip: The Easiest Way To Make Responsive Headers

Posted on: No Comments
Making pretty, responsive, headers is always a tricky process. Until now you needed to use floats or other complicated tricks and you even had to manually adjust pixel values. But not any more! The technique we are about to show you relies on the p...