Category Archives CSS

CSS Archives

Welcome to our CSS and HTML archives page. Here you will find articles, tutorials and free resources that will help you build beautifully designed web pages.

Perfecting the Stylesheet: Common CSS Errors Made by Beginners

As web design continues to transition from a professional occupation to a worldwide hobby, an increasing number of people are becoming acquainted with creating designs which are controlled by extensive stylesheets. While it’s true that these files are often much simpler to create and maintain than vast XHTML documents, it’s also true that CSS is a notoriously “picky” programming language…

20 More CSS3 Tutorials and Techniques for Creating Buttons

It has been well over a year since we last took a look at some of the latest CSS3 tutorials and techniques for creating buttons. And what a difference a year makes. No longer satisfied with just using the basic CSS3 properties (border-radius, box-shadow…), many developers have progressed to using @font-face icons, animation and 3D effects. All with only CSS….

How to Build an Accordion Image Gallery with only CSS

Fluent animated transitions for sliding web page elements such as a menu or an image gallery, have always traditionally been implemented with JavaScript. But using the CSS3 pseudo-class :target and the negation pseudo-class :not() properties, together with the CSS3 Transition Module you can achieve the same effect, but without JavaScript! This means that the very popular “accordion or toggle” effects…

CSS3 Menu and Navigation Tutorials

All of the CSS3 navigation tutorials we have for you today are all fully functional and could easily be used on a live site. But we do prefer to think of them all as being more experimental and proof-of-concept rather than being a robust end-product (a sprinkle of jQuery always makes everything better!). What they do offer is an opportunity…

25 CSS3 Tutorials and Techniques for Your Next Design

Today we are showcasing some of best CSS3 tutorials and techniques that will help you create beautiful and functional designs and layouts. All with absolutely NO JAVASCRIPT. For the most part, the techniques we have highlighted below, can be used for everyday use, others probably not. Please do check browser compatibility when implementing any of these techniques. CSS3 Image Galleries,…

40 Examples of Brilliant Responsive Website Layouts

Responsive web design become a very popular trend in 2011. It’s likely something we’ll see continuing well into 2012 as designers are beginning to support a myriad of mobile devices. Building layouts for the web can be tough, but inspiration is a huge factor. In this gallery I’ve collected 40+ amazing responsive website layouts. These designs are built to support…

Introducing Warp – An Open-Source Theme Framework for WordPress & Joomla

Each time you develop a theme you’ll have to deal with the same, repetitive tasks. E.g. you need a certain folder structure to organize your PHP, CSS and JavaScript files or you rely on features like layouts, compression and caching. Because you don’t want to start from scratch, coding all these features over and over again, you are better off…

What else does HTML5 need to defeat flash? (Part 2)

In part 1 of this article, we analyzed the technical problems facing HTML5. In part 2, we’re going to discuss the problems facing HTML5 commercially. Unity: Microsoft, Google and Apple are clearky the 3 giants of the industry at the moment, and it’s really hard to unify them under a single standard. “Go, go, go! Fire in the hole!” As…

What else does HTML5 need to defeat flash? (Part 1)

Nowadays, HTML5 is like a shining star in the webs sky. However, is HTML5 ready to take the overall crown? From 2 aspects, we are going to discuss what else HTML5 needs to defeat Flash. Technically: First of all, I’d like to emphasize that HTML5 and Flash don’t have many overlapping functions. For example, you can invoke hardware like cameras…

Benefits and Pitfalls of Using Code Frameworks

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 like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code. There are reasons both for and against building on top of…