All posts in css

20+ Enhancing CSS3 tools and generators

01/10/2011 | css, tools


CSS3 is an enhanced version of the Cascading Style Sheets specification, and it comes with many enchanting features that revolutionize Web layout and design, as well as other advantages. But it has some disadvantages as well, and tackling them requires smarts. CSS3 is new on the market, so there is still a lot to improve. The major problem is that the properties are browser-specific and cannot be easily implemented across browsers. Developers have to add extra code in order to implement the properties the same way across browsers.

In this article, we’ll highlight some effective CSS3 auto-generator tools that can assist developers—especially lazy ones!—with lots of tasks. The greatest advantage of these tools is that they allow for full customization, which means that anyone can use them with ease.

Read More

The Guide To CSS Animation: Principles and Examples

14/09/2011 | css


With CSS animation now supported in both Firefox and Webkit browsers, there is no better time to give it a try. Regardless of its technical form, whether traditional, computer-generated 3-D, Flash or CSS, animation always follows the same basic principles. In this article, we will take our first steps with CSS animation and consider the main guidelines for creating animation with CSS. We’ll be working through an example, building up the animation using the principles of traditional animation. Finally, we’ll see some real-world usages.

Read More

Enhance Your Sites with CSS3 Animations

02/09/2011 | css


The W3C’s CSS ‘Animations’ module has taken a while to catch on. With limited browser support, it has not proven to be one of the mostly widely used CSS3 properties. It’s been available in Webkit based browsers for ages – Chrome since version 2 and Safari since version 4, but no support in Opera, IE and Firefox… until now. Firefox 5 however came out recently and with it came support for the animations module. Rumor has it that Opera will follow. With global support for the feature now estimated at around 25%, it’s time to start having some fun!

Read More

23 Creative Uses of CSS3 Text Effects to Enhance Your Web Presence

27/08/2011 | css


Is your text blurred with Photoshop? If yes, CSS3 offers some great text effects. To give a website a visually impressive look, designers put emphasis on neat and stylish typography. For years designers have depended on Photoshop, but CSS3 is a revolution with easy-to-create text effects. Mastering CSS3 properties not only helps designers to create cool text effects, but CSS3 properties are now supported by many browsers, therefore diminishing compatibility issues.

Read More

Create a Swish CSS3 Folded Ribbon in Five Minutes

23/08/2011 | css


Take one line of markup, a couple of CSS3 rules (no images), and you can have yourself a swish folded ribbon effect in five minutes. Let’s see how.. We’ll begin with an empty HTML document; doctype, charset declaration, head, body, the usual suspects. You’ll also notice we’re linking to the Google Web Fonts API so we can make use of the pleasantly decorative Montez typeface.

Read More

100 Great CSS Menu Tutorials

23/08/2011 | css


Navigation is such an important part of your website. It’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content.

CSS is of course the perfect language for designing beautiful navigation menus. It can be applied to any type of website and is very flexible. Don’t be alarmed if your own CSS skills are fairly limited as there are a lot of great tutorials out there that walk you through how to add clean and professional looking CSS menus to your website. You can either copy and paste the code into your own design or modify the menu to suit your needs. Today we would like to show you 100 of these tutorials; 75 horizontal CSS menu tutorials and 25 vertical CSS menu tutorials.

Read More

Real World CSS Practices

19/08/2011 | css


I’ve been working with CSS for quite a few years now. Based on that experience, this article will share some of the best habits and practices that I have found to be helpful and beneficial in the areas of organization, performance, readability and typography. By now, I think it’s safe to say that most designers on the web are using CSS in some capacity. Even those (misguided) individuals who are still using table-based layouts have a tendency to use CSS for some basic styling, such as establishing fonts and link colours. With that in mind, I thought it might be worthwhile cover some of what I have found to be best practices.

Before getting started, it’s important to note that these are practices and habits that I have developed based on my own experience, which includes developing different sites, my own experiments and reading from a variety of sources. While I have my own reasons for the way I do things, I am in no way presenting the following as CSS gospel that absolutely needs to be followed. As with anything, take what you read, weigh it against your own knowledge, values and experience in order to formulate your own methodology.

Read More

30 Excellent CSS3 Tutorials

03/08/2011 | css


In this post we have collected some useful and fresh CSS3 tutorials for developers and designers. If you like these CSS3 tutorials you might also want to check out our previous posts below. Spin those Icons with CSS3, Photobooth with PHP, jQuery and CSS3, Create a Multi Color and Size CSS3 Buttons, Create Digital Poster Design with CSS3 Only, Tabbed Navigation, Wheel Menu, Animated CSS3 helix using 3d transforms..

Read More

Useful CSS Generators And Tools To Help The Common Web Designer

01/08/2011 | css, tools


It is quite lovely to see that new tools are launched pretty often to help web designers or web developers do their work easier. Although most of these below are new I’ve also included a few oldies but goldies that I’ve used over the years. They helped me on my projects and I’m sure they will also help you. There aren’t only CSS generators or CSS related tools, but also various javascript libraries, cross browser testing tools and more.

Read More

40 Useful CSS Tutorials, Techniques And Resources

27/07/2011 | css


We have previously posted many articles on CSS tutorials and resources you can learn CSS from. Today, again we come up with yet another great list of 40 CSS tutorials, techniques and resources that you will enjoy exploring. Every developer knows very well how important it is to learn and use CSS effectively. Therefore, tall the developers keep themselves updated with the latest development and advancement in the technology. Below is the list of 40 useful CSS tutorials and resources you cannot afford to miss. We hope this broad list will train you something innovative, or moreover jog your memory and help you recall some methods you haven’t used for a while.

View Post …

Read More