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.

css_ui_kit_thumb

10 Free Pure CSS UI Kits

We have covered UI kits many, many times before. But never have the kits been exclusively built with CSS. All 10 of the kits below have been coded beautifully using CSS3 techniques and all include a range of common web UI elements. This post has been in the pipe-line for a very long time, that only goes to emphasizes the…

templates_thumb

20 Free Responsive HTML & CSS Templates

The free responsive HTML & CSS templates we have for you today do not only offer a quick and easy to edit solution for a static website or as a theme for your favorite CMS, they also offer a great learning experience by giving you the opportunity to reverse-engineer the beautiful mobile-friendly responsive code contained with each.

responive_framework_thumb

15 More Responsive CSS Frameworks & Boilerplates Worth Considering

Following on from 15 Responsive CSS Frameworks Worth Considering, which we published last November, today we have 15 more for you to consider. All of the frameworks and boilerplates below have been built with strict compliance to standards and conventions and will, as you would expect from any CSS framework, save your precious time by eliminating the need to write…

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…