Category Archives CSS
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.
This tutorial is about understanding, learning and mastering the some of the new features and properties of CSS3.
CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It is an exciting time for web design.
A few weeks back we published an article called 20 CSS3 Tutorials and Techniques for Creating Buttons, just to start the CSS3 ball rolling, this time around we focus on some menu and navigation techniques that make use of the wonderful new properties that CSS3 offers.
There are a lot of useful tools for web designers and developers, they do tend to come and go and it usually depends on personal preference whether or not any tool is used. There is only one tool that has lasted the test of time and is not only universally used but also loved, and that is the Firefox extension Firebug – it is by far and away the best tool within web design.
In May last year we published an article entitled 22 CSS Button Styling Tutorials and Techniques, it proved to be pretty popular, and the most amazing thing about that post is that none of the tutorials even touch on the subject of CSS3.. What a difference a year makes!
Why would you ever need to optimize (or optimise, which ever spelling you prefer) or reFormat your CSS? Optimizing your CSS will not only allow your web page to load quicker, it also increases the durabilty and resilience of your site when there is a spike in visitors (i.e. the Digg effect) and, for me, the most importantly part is that it gives you more readable code (I am a very messy code writer).
Werther you are a CSS guru or a CSS novice you will always need some help, some resources, some tutorials, some references and, of course, some cheat sheets. In this article we have collected the best resources for answering all possible CSS questions as well as how to understand CSS and how to use it properly. There are also CSS property references, cheat sheets, not only typical cheat sheets, but also cheat sheets for CSS frameworks, conversion tables and CSS short hand.
CSS frameworks are a Gods send. They speed up development, ensure usability, meet all W3C standards, compatabile across most browsers and a hell of a lot more. Sounds marvelous doesn’t it. Why doesn’t everybody use them? Well, for the novice developer, frameworks, may be a little bit tricky to get there head around? That is were this article comes in, to hopefully give everybody a better understanding of what a framework is and how to use it effectively.
Web typography is the most undervalued and misunderstood aspect of web design. There are many reasons for this, probably, the most common factor is it is ignored purely for simplicity. Why over complicate something that works fine as it is? Web typography is all theories and opinions, that is the point. The evolution of web design relies on opinions and theories, otherwise we would be stuck with the repulsive web designs we had 10 years. So, yes, web typography is very important and you cannot afford to ignore it any more.
The tools have been seperated into the following categories: Grid and Layout, CSS Optimisers, CSS Menus Tools, CSS Buttons, CSS Rounded Corners, CSS Frames, CSS Sprites, CSS Tables, CSS Typography and CSS Forms.
Forms do not have to be boring and ugly, they too can be beautiful. With the proper understanding of each element (radio buttons, checkboxes, textareas..), CSS know-how, a little patience and some creativity you can make your forms beautiful. Throw in, the always important, semantics and accessibilty and things can get tricky.