Category Archives

CSS

Where HTML elements give a web page structure, CSS (Cascading Style Sheets) controls how those HTML elements are presented on that web page. A style sheet can be applied to any web page and makes it much easier to edit and manage the appearance and layout of a multi-page website.

Here you will find collections of articles, tutorials, snippets, covering almost all areas of CSS, including flexbox, grid, animation, image filters, responsive toolkits, frameworks, libraries, and so much more.

Writing Good CSS

Writing Good CSS

CSS

I’m always trying to learn new things. However, I also try to learn ways to improve the way I already do things. Both at my full-time gig and for client…

How the Foundation Framework Pushed the Web Forward over the Last Five Years

How the Foundation Framework Pushed the Web Forward over the Last Five Years

CSS

One of the most divisive issues in the web design community has been the use of frameworks. Front-end frameworks are collections of HTML, CSS and JavaScript that make up common…

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

The Cutting-Edge CSS3 Features That Are Essential to Modern Web Design

CSS

Over the last couple of years, CSS has evolved into more than web designers and developers could have ever expected. CSS3 introduced features such as border-radius, box-shadow, text-shadow, text-overflow, multiple-background,…

Common CSS Errors Made by Beginners

Common CSS Errors Made by Beginners

CSS

With so many new web designers and committing themselves to creating standards-valid website with deep stylesheet formatting, a few patterns have emerged in terms of common errors. Whether it’s the…

CSS3 Compatibility Tools for Internet Explorer

CSS3 Compatibility Tools for Internet Explorer

CSS3 is the coolest thing to happen to web design in a long, long time. With all of its incredible new properties, border-radius, box-shadow, border-image, transform to name just a…

30 Pure CSS Alternatives to JavaScript

30 Pure CSS Alternatives to JavaScript

CSS

With all the cool things that surround JavaScript (especially with jQuery), it’s easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all…

How to Create a Full Width Responsive Tiled Menu with CSS

How to Create a Full Width Responsive Tiled Menu with CSS

CSS

Full width tiled menus are a crisp way for displaying your site’s navigation and for giving end to end coverage, creating a very full-bodied effect for the user. In this…

10 Mind-Blowing Experimental CSS3 Techniques & Demos

10 Mind-Blowing Experimental CSS3 Techniques & Demos

CSS

As CSS3 gathers momentum, more and more new techniques are being published every day. Each seems to explore exciting never seen before avenues, and ALL push the boundaries of CSS…

5 HTML5 Video Libraries, Toolkits and Players

5 HTML5 Video Libraries, Toolkits and Players

For the most part, Flash has always been the standard for showing video on the web (think of YouTube and Vimeo), supported in all browsers with the only exception being…

Bootstrap Version 3 Has Been Released!

Bootstrap Version 3 Has Been Released!

Twitter Bootstrap, the powerful framework that is loved by developers all around the world, has just a couple of days ago taken the first step towards a major upgrade. The…

10 Resources for Getting Started with HTML5 Forms

10 Resources for Getting Started with HTML5 Forms

CSS

This article explores some of the new HTML5 form features and how it has significantly improved text inputs, search boxes, and other form fields by providing better and cleaner controls…

Getting to Grips with the HTML5 File API

Getting to Grips with the HTML5 File API

CSS

The HTML5 File API allows developers to interact with the local filesystem on the client-side. Using these APIs, developers can build more robust web applications that work seamlessly both online…

Classic Digg-Style Radio Buttons with CSS and jQuery

Classic Digg-Style Radio Buttons with CSS and jQuery

I’m sure many Internet users can remember the old days when Digg was a booming social news community. Although the company has fallen fast off the tracks in recent years,…

How to Rearrange Content When it’s Too Wide with jQuery

How to Rearrange Content When it’s Too Wide with jQuery

From its humble beginnings more than 25 years ago to the omnipresent behemoth it is today, the web has always been changing. Recently, the explosion in the popularity of mobiles…

Coding the Digg v4 Layout with HTML5 and CSS3

Coding the Digg v4 Layout with HTML5 and CSS3

CSS

The social news community Digg has been online since 2004 and rapidly grew in popularity leading up to the 2008 elections. Come 2011 the Digg team performed an overhaul on…

Good Old Static HTML Sites Aren’t Dead Yet, Should They Be?

Good Old Static HTML Sites Aren’t Dead Yet, Should They Be?

Static HTML sites look so last century that sometimes you might be wondering if they don’t belong to the past. There is no doubt that dynamic, database-driven sites offer more,…

The Benefits & Pitfalls of Using Code Frameworks

The Benefits & Pitfalls of Using Code Frameworks

CSS

A code framework is nothing more than a collection of pre-formatted classes and functions. There are frameworks created for practically every language out there – even including frontend web development…

HTML & CSS Blog Layout – Theme Implementation for WordPress

HTML & CSS Blog Layout – Theme Implementation for WordPress