Category Archive: CSS

How to build a Cool Animated CSS3 Menu with no Javascript
March 18, 2010 - 18 Comments
Ajax, CSS, Javascript, Tutorial, Web Design

This tutorial is about understanding, learning and mastering the some of the new features and properties of CSS3.
You will learn how to build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

15 CSS3 Navigation and Menu Tutorials and Techniques
March 15, 2010 - 21 Comments
CSS, Popular, Tutorial, Web Design

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.

Extend the Firebug Console with these 15 Extensions
March 3, 2010 - 17 Comments
Ajax, CSS, Drupal, Firefox Extensions, Web Design

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.

20 CSS3 Tutorials and Techiques for Creating Buttons
February 15, 2010 - 43 Comments
CSS, Popular, 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!

10 Online Tools and Apps to Help Optimize and Format CSS
November 20, 2009 - 30 Comments
CSS, Web Apps, Web Design

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).

CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes
November 9, 2009 - 23 Comments
CSS, Cheat Sheets, Web Design

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.

The Blueprint CSS Framework – Tutorials, How-to Guides and Tools
October 26, 2009 - 30 Comments
CSS, Frameworks, Web Design

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.

50 Essential Web Typography Tutorials, Tips, Guides and Best Practices
August 31, 2009 - 32 Comments
CSS, Tutorial, Typography

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.

50 Useful Tools and Generators for Easy CSS Development
July 15, 2009 - 57 Comments
CSS, Popular, Web Apps, Web Design

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.

20+ Resources and Tutorials for Creative Forms using CSS
July 2, 2009 - 38 Comments
CSS, Tutorial, Web Design

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.

24 CSS (in some cases with jQuery) Navigation and Menu Tutorials
June 8, 2009 - 46 Comments
Ajax, CSS, Javascript, Tutorial, Web Design

The most important part of designing a new site is the navigation or menu system, but this can be tricky, time consuming and often frustrating. You need something that will fit into your design and most importantly, allow your readers to navigate with ease. Below you will find 24 CSS (in some cases with a little jQuery) Navigation and Menu Tutorials to help you on your way.

15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials
June 3, 2009 - 107 Comments
Ajax, CSS, Javascript, Tutorial, Web Design

Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery.
Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery.

22 CSS Button Styling Tutorials and Techniques
May 27, 2009 - 77 Comments
CSS, Tutorial, Web Design

CSS button styling can be tricky and sometimes tedious. If you are looking for a simple and effective way of creating dynamic CSS buttons with cross browser compatibility, these tutorials are for you.

25 Impressive and Inspirational Dark CSS Web Designs
March 18, 2009 - 27 Comments
CSS, Inspiration, Showcase

Stepping away from the relative safety of white/light background in web design can sometimes be quite challenging, even daunting. If it is designed properly, using a dark background, the effect can be very impressive. Here are 25 superb dark designs that prove web design can be beautiful in dark.

16 Usable CSS Graph and Bar Chart Tutorials and Techniques
February 4, 2009 - 47 Comments
CSS, Frameworks

Have you ever even tried to create your own CSS graph? If you have, you will know how hard it is. Using Flash is one way to go, but you just can’t beat a beautifully crafted CSS Graph. Have a look at these tutorials and techniques.

7 Free CSS Editors, Which Is the Best? You Choose.
September 15, 2008 - 57 Comments
CSS

Which is the best FREE CSS Editor available? So, over to you, what do you think?
I have listed 7 Free CSS Editors to help with your choice. If I have missed any, write a comment and I’ll add it to the list. Have your vote.

May 26, 2008 - 24 Comments
CSS, Popular, Showcase

Top 30 Modern Web Designs (Magazine Style Showcase)
1. guardian.co.uk

Page 1 of 212Next Page »