background preloader

CSS

Facebook Twitter

CSS Type Set. Free CSS templates - Download Free CSS Templates. Web-Based Tools for Optimizing, Formatting and Checking CSS. Stylesheets can get large real quickly, both in terms of length and file size.

Web-Based Tools for Optimizing, Formatting and Checking CSS

Ask the CSS Guy. Css Zen Garden: The Beauty in CSS Design. CSS Newbie - Learn HTML, CSS and jQuery with Tutorials, Tips and Reference Articles. Noupe Design Blog. CSS Design, News, Jobs, Community, Web Standards. Css and Web Design Community News. Experiments with cascading style sheets. CSS - Smashing Magazine. Today Smashing Magazine turns eight years old.

CSS - Smashing Magazine

Eight years is a long time on the web, yet for us it really doesn't feel like a long journey at all. Things have changed, evolved and moved on, and we gratefully take on new challenges one at a time. To mark this special little day, we’d love to share a few things that we’ve learned over the last year about the performance challenges of this very website and about the work we’ve done recently. If you want to craft a fast responsive website, you might find a few interesting nuggets worth considering. – Ed. Improvement is a matter of steady, ongoing iteration. CSS-Tricks. 50 Essential Web Typography Tutorials, Tips, Guides and Best Practices.

Web typography is the most undervalued and misunderstood aspect of web design.

50 Essential Web Typography Tutorials, Tips, Guides and Best Practices

There are many reasons for this, probably, the most frequent 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 ideas, otherwise we would be stuck with the repulsive web designs we had 10 years.

20+ Resources and Tutorials for Creative Forms using CSS. CSS has hugely improved forms.

20+ Resources and Tutorials for Creative Forms using CSS

Where once you had very rudimentary forms that looked plain and unstyled, CSS lets you style your form however you want and beautiful forms. Even a simple contact form can look slick and increase readability and user-friendliness – which means more visitors will fill it out, and you’ll get better results based on that action. The Blueprint CSS Framework – Tutorials, How-to Guides and Tools. CSS frameworks are a Gods send.

The Blueprint CSS Framework – Tutorials, How-to Guides and Tools

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 Useful Tools and Generators for Easy CSS Development. CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes. 22 CSS Button Styling Tutorials and Techniques. CSS button styling can be tricky and sometimes tedious.

22 CSS Button Styling Tutorials and Techniques

If you are looking for a simple and effective way of creating dynamic CSS buttons with cross browser compatibility, these tutorials are for you. Below, you will find 22 CSS Button Styling Tutorials and Techniques. Submit button should look same everywhere Link : Visit Tutorial »Description : When someone works on a website design, it is important that the look will remain same in all browsers. But creating a consistent interface for users is a constant struggle for every application designer. How to make sexy buttons with CSS Link : Visit Tutorial »Description : This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. 24 CSS (in some cases with jQuery) Navigation and Menu Tutorials. For the most of us, the most difficult aspect of building a responsive layout is the planning and coding of the navigation.

24 CSS (in some cases with jQuery) Navigation and Menu Tutorials

As there is no truly tried and tested universal solution, the style of the menu you use will depend on the type of site you are building. If it is a small site, a <select> drop-down menu or a basic “three line” toggle menu will probably be suffice. But if it is a larger site (an e-commerce store for example) that relies upon a mega-menu for navigation on its desktop version, then a drawer-style navigation or an animated side panel menu will most likely help you. So, no matter what type of site you are building, in this post we will hopefully have the solution for you in the form of these free responsive navigation jQuery plugins.

Sidr Sidr is an easy to use plugin that will create a responsive Facebook-a-like side menu. Sidr →GitHub → Navgoco Navgoco → FlexNav. 20 CSS3 Tutorials and Techniques for Creating Buttons. 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..

20 CSS3 Tutorials and Techniques for Creating Buttons

What a difference a year makes! Of course CSS3 never rolled out last year, it has been around for a long time without ever entering mainstream web design. That was until last year when support arrived from the web browsers Safari, followed by Firefox and then Chrome. And CSS3 has been gaining momentum ever since. 50 CSS3 Tutorials Every Designer Should See. While making a New Website Design, designers have to take a look at new CSS3 features.

50 CSS3 Tutorials Every Designer Should See

In this post we will show you some easy and useful CSS3 Tips that you can use in your next project. You will be able to explore different tutorials and features of CSS3 through following tutorials. Enjoy! How to Create CSS3 Christmas Tree Ornaments CSS3 Animated Bubble Buttons Feature table design with CSS3 CSS3 Transition Tutorial – Menü mit Slide-Effekt im Apple-Style. CSS Grid System Generator.