CSS3 Filters: Altering HTML and Images with just CSS

June 11, 2012 at 4:58 pm By

CSS3 Filters are a quite interesting offshoot from SVG, allowing you to modify HTML elements and images with blurs, brightness and a lot more. In this quick tutorial we’ll go over exactly how they’re going to work. How it Works Using just CSS we can accomplish some pretty complicated effects. These should be applicable to both images and HTML elements,…

The CSS3 Flex Box Specification

May 22, 2012 at 5:07 pm By

With a lot of talk recently over at Mozilla about supporting the Flexbox specification in the near future (in its current iteration anyway), I thought it would be good to cover exactly what the CSS3 Flexible Box Specification can do, and how it’s really going to simplify layout design, as well as changing forever how we do it.

A Rundown of CSS3 Units and their uses

April 26, 2012 at 5:00 pm By

I’ve been learning a bit more about CSS3 units over the past few days and it’s rather surprising how the web design community seems to have totally ignored their possible uses. The new CSS3 units specification is currently being refined, although the things I mention here are unlikely to change.

An Introduction to 3D Transforms and Creating More Interactivity

March 21, 2012 at 6:00 pm By

3D Transforms are just one of the more refined parts of CSS3, although there is still quite a long way to go before all the kinks are worked out. In this article we’ll be going over the basics of 3D transforms, how to use them, and when to use them, including a bunch of examples!

CSS Variables: Past, Present and Future Specifications

February 29, 2012 at 6:00 pm By

In the past few weeks a new official specification for CSS variables has been introduced by the W3C with a lot of scrutiny and praise from the web design community. It’ll probably be a long time before any of us are realistically using variables every day, but it’s certainly something to look forward to. There are alternatives at the moment though.

The Brand New CSS4 Selectors Specification

January 30, 2012 at 6:00 pm By

The CSS4 specification is already in the early stages of being written (for selectors, anyway). I must stress just how work in progress this is, in the sense that some of this stuff might not make the final cut, while more stuff may be added.Β It will however give you an idea of what you can expect some of this to turn up in the real CSS4 specification. Most of these ideas are probably the basis of what the W3C is aiming for in the CSS4 Selectors Specification.

CSS3: The Multi Column Layout and How it Will Change Web Design

January 20, 2012 at 5:35 pm By

Multiple Columns What is strikingly odd about web design is just how difficult it can be to make a multiple column website. For the last 15 years we’ve been designing websites like newspapers and magazines, consisting of many columns, and it’s been working out pretty well. The tools we use, however, haven’t changed that much since then as regards layout.…

The Definitive Guide to CSS Animations and Transitions

January 11, 2012 at 4:00 pm By

Animations and transitions are perhaps one of the few CSS features that is gaining the mainstream consensus that they are required for day to day use, and it there is certainly good thinking behind this. Both have added what could only previously be done with Javascript, and made web deceloper’s lives easier in the process!

Making Your Website Faster

August 25, 2011 at 7:53 pm By

An Introduction to Speed HTTP Requests A web browser, just like the one you’re using now, uses HTTP requests to load a webpage. The absolute minimum number of HTTP requests a page can make is 1. That would be, requesting the page you’re on assuming it doesn’t include any other files. Cache Making an HTTP request takes a bit of…

Awesome 3D Text with just CSS!

August 21, 2011 at 6:19 pm By

3D Text in Just CSS? This is a little effect I’ve been working on for a few hours, I thought it was pretty neat! So we’re going to make 3D text with just CSS3. We’ll be looking at the CSS pseudo class :before. So first what we need to do is pick the font we’re going to use! I’m using…