background preloader

CSS 3 Cheat Sheet (PDF) - Smashing Magazine

CSS 3 Cheat Sheet (PDF) - Smashing Magazine
Advertisement Just last week we released an extensive printable HTML 5 Cheat Sheet that lists all currently supported HTML 5 tags, their descriptions, their attributes and their support in HTML 4. In comments to this post we received many requests for a similar CSS 3 cheat sheet that would present the main features of CSS 3 in a handy, printable reference card. So we asked our friend Chris Hanscom from Veign.com (who created the HTML 5 cheat sheet) to create a quick reference card for CSS 3. In this post we present a printable CSS 3 Cheat Sheet (PDF), a complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification from the W3C. The cheat sheet was done in the same format as the CSS 2 Reference Guide that you may want to use for your projects as well. Download the CSS 3 Cheat Sheet for free! preview (.gif, 1255×882px)download the pdf (5 pages, 123 Kb) Thank you very much, Chris Hanscom! Further Resources About CSS 3 Do you use CSS 3 already?

Best Collection of CSS3 Tutorials and Techniques | DesignModo The latest revolutionary technology in web-designing, CSS3 is at the disposal of a web-designer to improve the working-flow and create exciting web pages. The new advanced features make the designing much easier, leaving the time consuming process of complex effects recreations in the past. Actually, CSS3 made classic CSS techniques easier to implement, thus providing greater flexibility and making the overall process much faster and much more effective. When implementing CSS3 techniques, take into account that only the most up-to-date browsers can support them. However, CSS3 is worth trying as the new features and effects will help to create stunning web pages. In today’s post we have collected several CSS3 tutorials as well as the reviews of most interesting CSS3 techniques which are worth putting into practice. CSS3 Text How to Create Inset Typography with CSS3 In this tutorial, we’ll create inset type, a popular text treatment, using CSS. CSS3 Navigation Menu with Notification Badges

CSS3 . Info - All you ever needed to know about CSS3 Syntax Diagrams For SQLite Syntax Diagrams For SQLite Basic SQLite Statements: All SQLite Statements: sql-stmt-list: References: sql-stmt See also: lang.html sql-stmt: Used by: sql-stmt-list References: alter-table-stmt analyze-stmt attach-stmt begin-stmt commit-stmt create-index-stmt create-table-stmt create-trigger-stmt create-view-stmt create-virtual-table-stmt delete-stmt delete-stmt-limited detach-stmt drop-index-stmt drop-table-stmt drop-trigger-stmt drop-view-stmt insert-stmt pragma-stmt reindex-stmt release-stmt rollback-stmt savepoint-stmt select-stmt update-stmt update-stmt-limited vacuum-stmt See also: lang.html lang_explain.html alter-table-stmt: Used by: sql-stmt References: column-def See also: lang_altertable.html analyze-stmt: Used by: sql-stmt See also: lang_analyze.html attach-stmt: Used by: sql-stmt See also: lang_attach.html begin-stmt: Used by: sql-stmt See also: lang_transaction.html commit-stmt: Used by: sql-stmt See also: lang_transaction.html rollback-stmt: savepoint-stmt: release-stmt: create-index-stmt:

CSS3 properties exposed | css3files.com CSS3 Exciting Functions and Features: 30 Useful Tutorials - Noupe Design Blog May 21 2009 With version three of CSS, many exciting features will be implemented. CSS3 leads to greater flexibility and makes it much easier to recreate previously complex effects. Many time-saving rules are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image ,multi-column layout, etc… Although only the most modern browsers currently support these effects, it’s still fun to see what’s around the corner! In this post we will take a look at some interesting properties of CSS3 that you can put into practice in your website designs today. CSS3 Color Module CSS3 supports more color and a wider range of color definitions. Gradient Borders You can have gradient border using the -moz-border-radius / -webkit-border property. Border Image Sometimes usual CSS border properties are not enough. Rounded Corner Boxes Andy budd shows us how to easily create rounded corners for any box using border-radius and background position. Box Shadow Text Shadow

JavaScript in one page : JavaScript.SU 11 Classic CSS Techniques Made Simple with CSS3 We've all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn't be limited to these old techniques when there's a new age coming. This new age includes the use of CSS3. I'm sure you've heard of CSS in general. Here's what the official (or at least, what I consider official) website of CSS3, css3.info, has to say about CSS3: CSS3 is the new kid in the stylesheet family. Here are the 11 techniques that I'll be showing you how to recreate with CSS3. Probably my favorite on of this list, rounded corners provide a developer with so many options. You can simulate rounded corners by using four extra divs or by using JavaScript. The classical method uses jQuery along with a JavaScript plugin called Corners. As you can see, all that you need to do is specify three CSS3 properties. View the demo. Box shadows provide you with a very powerful tool. 99% of the time when I'm desigining, I find myself using drop shadows for something. I'm using the dropShadow plugin.

33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles Since previous article about CSS text effects got really big attention I decided to research and find more interesting articles and websites just focused on CSS3, teaching you how to use it, showing pros and cons and much more. To be honest it’s hard for me to keep up with technologies myself, but we really cannot not to use those new great selectors to make our designs even more beautiful, user-friendly and lightweighted. However since HTML5 is sort of tied with CSS3, I will soon continue with HTML5 article as well, so don’t miss it and keep coming back! Enjoy! 1. In this article you’ll learn why CSS3 should be used and how web designers use it already in good way. 2. Here are five CSS3 techniques snatched from the future that you can put into practice in your website designs today. 3. Learn how to create super cool, scalable buttons with CSS3. View Demo 4. 5. 6. CSS3 is the new kid in the stylesheet family. 7. 8. 9. 10. 11. 12. Great interview with Eric Meyer about CSS3. 13. 14. 15. 16.

75 Essential Cheat Sheets for Designers and Programmers 1 Share Share Tweet Email Programming is not an easy job, and requires a lot of concentration and expert reference. Cheat sheets are a collection of notes and facts used for quick reference. Giving a rough idea, about what a cheat sheet includes, is that it contains the information about all the syntaxes and data properties, that are used in that particular coding language. Here, we have a list of the best 75 cheat sheets for the designers and developers. 1) Cheat Sheets – jQuery 2) Cheat Sheets – HTML 3) Cheat Sheets – HTML5 Cheat Sheet 4) Cheat Sheets – CSS 5) Cheat Sheets – CSS2 6) Cheat Sheets – CSS3 7) Cheat Sheets – JavaScript 8) Cheat Sheets – Linux 9) Cheat Sheets – Java 10) Cheat Sheets – Java 8 11) Cheat Sheets – Perl 12) Cheat Sheets – PHP 13) Cheat Sheets – Python 14) Cheat Sheets – Ruby 15) Cheat Sheets – Ruby on Rails 16) Cheat Sheets – Scala Cheat sheets 17) Cheat Sheets – SQL 18) Cheat Sheets – My SQL 19) Cheat Sheets – C# 20) Cheat Sheets – SQLite 21) Cheat Sheets – C++ 23) Cheat Sheets – C

Related: