A handy online tool for playing around and experimenting with CSS3…
Articles in the ‘Tools’ Category
-
CSS3 Playground
Posted: 3 weeks ago in Tools
Read More: CSS3 Playground
-
Tiny Fluid Grid
Posted: 3 months ago in Tools
Inspired by 1kbgrid.com. Developed with love by Girlfriend’s overconfident and pretty good looking team of web developers. Tiny Fluid Grid ships with a index.html with demo code, and the grid.css containing the CSS for the grid you created…
Read More: Tiny Fluid Grid
-
Malo – a Compact CSS Library
Posted: 3 months ago in Tools
Malo is an ultra small CSS library for building web sites. It is meant to be structural base for small or medium web sites.
Malo derives from it’s bigger brother Emastic CSS Framework…
Read More: Malo – a Compact CSS Library
-
SuperStretch! – A Vertically Fluid Layout Using CSS
Posted: 3 months ago in Tools
Here’s a technique I created a while back that I have revisited and tidied up a bit. It results in a layout that stretches both horizontally and vertically to the browser viewport. It includes a vertical navigation bar where button heights also stretch. It works in FF, Safari, Chrome, Opera, and IE 6-8…
Read More: SuperStretch! – A Vertically Fluid Layout Using CSS
-
CSS3 Solutions for Internet Explorer
Posted: 4 months ago in Tools
Experienced developers understand that CSS3 can be added to new projects with progressive enhancement in mind. This ensures that content is accessible while non-supportive browsers fall back to a less-enhanced experience for the user. But developers could face a situation where a client insists that the enhancements work cross-browser, demanding support even for IE6. In that case, I’ve collected together a number of options that developers can consider for those circumstances where support for a CSS3 feature is required for all versions of Internet Explorer IE6, IE7, and IE8 – all of which are still currently in significant use…
Read More: CSS3 Solutions for Internet Explorer
-
CSS3 support in Internet Explorer 6, 7, and 8
Posted: 5 months ago in Tools
IE-CSS3 is a script to provide Internet Explorer support for several of the popular new styles available in the upcoming CSS3 standard. How it works, if you view the page in Internet Explorer, some of the elements will be rebuilt by the script in Vector Markup Language VML, an IE-specific vector drawing language. VML supports things that are missing from IE’s CSS implementation like rounded corners and blur effects…
-
cssSandpaper – a CSS3 JavaScript Library
Posted: 5 months ago in Tools
The cssSandpaper JavaScript library looks at the stylesheets in an HTML document and, where possible, smooths out the browser differences between CSS3 properties like transform, opacity, box-shadow and others. This script is not only useful for developers who want to support CSS3 in IE which doesn’t support it in IE natively but in other browsers which implement their own vendor-specific variants of these properties…
Read More: cssSandpaper – a CSS3 JavaScript Library
-
CSS Font Shorthand Property Cheat Sheet
Posted: 6 months ago in Tools
In the past I’ve displayed some serious animosity towards the CSS font shorthand property. I still don’t agree with ever using font shorthand, I do think it’s important that CSS developers understand how it works. I’ve prepared a printable cheat sheet that you can download and hang next to your computer, which will come in handy in case you decide to use this property yourself, or are forced use it in a stylesheet from an inherited project…
Read More: CSS Font Shorthand Property Cheat Sheet
-
Online CSS3 Generator
Posted: 6 months ago in Tools
Online CSS3 generator app. Pick an option like rounded corners, text shadow, box shadow, RGBa etc and you’ll get the rules for the CSS. Very handy…
Read More: Online CSS3 Generator
-
CSS3 Please! The Cross-Browser CSS3 Rule Generator
Posted: 6 months ago in Tools
Read More: CSS3 Please! The Cross-Browser CSS3 Rule Generator