Best content in CSS Evangelist

CSS3 Generator - 12 views

css3generator.com

css3 webdesign generator css tools web design

shared by Vernon Fowler on 24 Jul 10 - Cached

jdr santos and Yuri Câmara liked it

-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
...

Cancel
If you set it to border-box, the padding and border will render inside the box.
...

Cancel

yc c on 24 Jul 10

All the effects are fully customizable and you can choose from all the popular CSS3 properties.

<div class="cArrow"> </div><div class="cContentInner"> All the effects are fully customizable and you can choose from all the popular CSS3 properties.</div>

...

Cancel

CSS Arrow Please - 10 views

cssarrowplease.com

css3 css generator arrow tools webdev webdesign

shared by Zulkarnain K. on 17 Apr 12 - No Cached

Vernon Fowler liked it

Zulkarnain K. on 17 Apr 12

There are web-based generators for almost everything; stripes, buttons, forms, loader icons, etc. CSS Arrow Please focuses on another niche; yes, totally CSS-based (no images) arrows. This CSS trick is great for using in tooltips, the generator offers multiple options for customization (the position, color and border values) and auto-creates the related CSS code.

<div class="cArrow"> </div><div class="cContentInner">There are web-based generators for almost everything; stripes, buttons, forms, loader icons, etc. CSS Arrow Please focuses on another niche; yes, totally CSS-based (no images) arrows. This CSS trick is great for using in tooltips, the generator offers multiple options for customization (the position, color and border values) and auto-creates the related CSS code.</div>

...

Cancel

3D CSS Tester - 6 views

thewebrocks.com/...3D-css-tester

css css3 3d tester generator demo

shared by Zulkarnain K. on 06 Mar 12 - No Cached

CSS 3D transforms - 6 views

bartaz.github.com/...css3d-summit

css css3 3d transforms presentation

shared by Zulkarnain K. on 06 Mar 12 - No Cached

Zulkarnain K. on 06 Mar 12

A very short introduction - by Bartek Szopka

<div class="cArrow"> </div><div class="cContentInner">A very short introduction - by Bartek Szopka</div>

...

Cancel

CSSPrefixer - 6 views

cssprefixer.appspot.com

CSS tool online generator browser CSS3

shared by yc c on 25 Jan 12 - No Cached

yc c on 25 Jan 12

adapts code for all browsers (adds -webkit, -moz...)

<div class="cArrow"> </div><div class="cContentInner">adapts code for all browsers (adds -webkit, -moz...)</div>

...

Cancel

CSS1K - 6 views

css1k.com

css 1k web design web design

shared by Zulkarnain K. on 25 Jan 12 - No Cached

Zulkarnain K. on 25 Jan 12

A demonstration of what can be accomplished with only 1 K (Kibibyte) of CSS. Select any design from the list to load it into this page.

<div class="cArrow"> </div><div class="cContentInner">A demonstration of what can be accomplished with only 1 K (Kibibyte) of CSS. Select any design from the list to load it into this page.</div>

...

Cancel

The Guide To CSS Animation: Principles and Examples - Smashing Coding - 6 views

coding.smashingmagazine.com/...mation-principles-and-examples

animation css3 examples tutorial article

shared by yc c on 17 Dec 11 - No Cached

CSS Animations Module Level 3 - 3 views

www.w3.org/css3-animations

css animation css3 w3c reference

shared by yc c on 17 Dec 11 - No Cached

Meowww! By Stu Nicholls - jsFiddle - 4 views

jsfiddle.net/sqJa5

css animation example html5 keyframes cool

shared by yc c on 15 Dec 11 - No Cached

960 Grid System - 2 views

960.gs

css grid framework layout

shared by yc c on 03 Feb 10 - Cached

CSS Test | CSS Class - 7 views

css-class.com/test

css test CSS3

shared by yc c on 13 Dec 11 - No Cached

yc c on 13 Dec 11

These are my CSS test pages. In these pages you will find a growing collection of test and demonstrations of browser support of CSS standards.

<div class="cArrow"> </div><div class="cContentInner">These are my CSS test pages. In these pages you will find a growing collection of test and demonstrations of browser support of CSS standards.</div>

...

Cancel

CSS Cheat Sheet - 3 views

lesliefranke.com/...csscheatsheet.html

css webdesign cheatsheet reference web

shared by Vernon Fowler on 14 Feb 07 - Cached

Prefixr - 8 views

prefixr.com

css3 css tool webdev

shared by Zulkarnain K. on 12 Aug 11 - No Cached

Zulkarnain K. on 12 Aug 11

Cross-Browser CSS in Seconds.

<div class="cArrow"> </div><div class="cContentInner">Cross-Browser CSS in Seconds.</div>

...

Cancel

Awwwards | The CSS website Awards - 12 views

www.awwwards.com

webdesign inspiration templates web gallery

shared by Sushiil Bharti on 13 Apr 11 - Cached

Lucas Wagner liked it

Drawter.com - DrawAble Markup Language - 3 views

drawter.com

css design tools css3

shared by Wanda Terral on 30 Jan 10 - Cached

yc c on 30 Jan 10

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required. Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called "Amateur". Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching 2010.

<div class="cArrow"> </div><div class="cContentInner">Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required. Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called "Amateur". Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching 2010.</div>

...

Cancel
Wanda Terral on 02 Jul 11

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.

<div class="cArrow"> </div><div class="cContentInner">Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.</div>

...

Cancel

Awesome Fontstacks - 9 views

awesome-fontstacks.com

fonts webdesign css tools web webfonts fontstacks typography

shared by kie guy on 30 Jun 11 - No Cached

HTML5 for Windows XP - 5 views

html5forxp.com

web browser IE alternative HTML5 XP WinXP Chrome Safari Opera Firefox

shared by Tamura Jones on 18 Jun 11 - No Cached

welcome // CSS3 Playground - 8 views

css3playground.com

css3 playground experiment

shared by yc c on 11 Aug 10 - Cached

yc c on 11 Aug 10

This is a demo site for CSS3. For most stuff you need Safari 4+, Chrome, Firefox 4 beta or Opera 10.5x to make these demos work. For 3D stuff, you need Safari 5 or the WebKit Nightly build.

<div class="cArrow"> </div><div class="cContentInner">This is a demo site for CSS3. For most stuff you need Safari 4+, Chrome, Firefox 4 beta or Opera 10.5x to make these demos work. For 3D stuff, you need Safari 5 or the WebKit Nightly build.</div>

...

Cancel

Using the LESS CSS Preprocessor for Smarter Style Sheets - Smashing Magazine - 8 views

www.smashingmagazine.com/...essor-for-smarter-style-sheets

web design css

shared by Rajan Datta on 13 Dec 10 - No Cached

anonymous on 16 Jun 11

The templates are useful. And the step wise description is good.

<div class="cArrow"> </div><div class="cContentInner">The templates are useful. And the step wise description is good.</div>

...

Cancel

Creating Triangles in CSS - 13 views

jonrohan.me/...creating-triangles-in-css

css stylesheet tricks webdesign

shared by Zulkarnain K. on 06 May 11 - No Cached

Zulkarnain K. on 06 May 11

when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large

<div class="cArrow"> </div><div class="cContentInner">when a browser draws the borders, it draws them at angles. This technique takes advantage of that. One side of the border is colored for the color of the arrow, and the rest are transparent. Then you set the width of the border to something large</div>

...

Cancel

CSS Evangelist