background preloader

Css

Facebook Twitter

CSS - Contents and compatibility. CSS-Tricks. Online CSS Compressor. Single press with the mouse button will be all that's necessary to be able to increase your own webpage load time by up to 80%!

Online CSS Compressor

The majority of CSS might be pressurized to 1 next their unique sizing. Css Zen Garden: The Beauty in CSS Design. Random CSS Gradient Generator for Devs & Designers. Ultimate CSS Gradient Generator - ColorZilla.com. 10 CSS Tools 2014. In this post, i have collected 10 new CSS tools that every developer and designer should know about.

10 CSS Tools 2014

Hope you’ll find the list below handy. Agile is a engine Using javascript generated pure CSS3.Its simple, fast and easy to use. A tool for making CSS3 animations. EnjoyCSS is an advanced CSS3 generator that saves your time. Its handy and simple UI allows you to adjust rich graphical styles quickly and without coding. Lionel had to do a shake-animation for a big project. Glue is a simple command line tool to generate sprites. csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations. Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers. Css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers. CSS Selectors: Just the Tricky Bits. Div > p + div[id*='header'] – If you saw this jumbled mess of selectors in someone’s CSS, could you decipher it?

CSS Selectors: Just the Tricky Bits

If not, then you’ll want to read this primer on funky CSS selectors that you should know! A Flawed Education Like many self-taught CSS guys, my education was cobbled together from a million different sources. I read articles, followed tutorials and experimented until my head hurt to get to a point where I could bust out a complex layout and achieve the styling that I want without too much trouble. However, over time I slowly started to realize that I lacked a proper understanding of one of the most basic, essential elements to working with CSS: selectors. After writing these confusing coding practices off for so long I decided to really sit down and learn about CSS selectors. I am certainly not the first to write about CSS selectors and this article will by no means add anything revolutionary to the discussion.

Meet The Family. Css Zen Garden: The Beauty in CSS Design. The 30 CSS Selectors you Must Memorize. CSS & Design Gallery. CSS Generators.

Css3

Border-radius: create rounded corners with CSS! Home / CSS3 Previews / Border-radius: create rounded corners with CSS!

Border-radius: create rounded corners with CSS!

The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3. Since first being announced in 2005 the boder-radius property has come to enjoy widespread browser support (although with some discrepancies) and, with relative ease of use, web developers have been quick to make the most of this emerging technology. Here’s a basic example: This box should have a rounded corners for Firefox, Safari/Chrome, Opera and IE9.

The code for this example is, in theory, quite simple: However, for the moment, you’ll also need to use the -moz- prefix to support Firefox (see the browser support section of this article for further details): How it Works. CSS Design Awards is a CSS Gallery Showcase. Sexy CSS Gallery, Web Design Showcases, Best CSS Examples. Free CSS Templates, Open Source CSS Templates and CC CSS Templates. 30+ Awesome CSS Websites. Here are over 30 amazing websites that are based on CSS. What makes these so good?

Well, I picked these because of the use of color, the layout, and some for simplicity. Note: To go to the website, just click the image. Simple Art Web Designer Wall Studio 7 Lewro’s Blog J. Weberica Pixel Criminals 1024 Media tap tap tap Designchuchi Light CMS Pixele Traffik Outsource Czech Point of Entry South Creative Pixelmator Coda Checkout App Fluid Book MacRabbit. ChocoTemplates - The Sweetest CSS Templates WorldWide. CSS daddy. Nettuts+ Quiz #1: Beginner CSS.