The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

CSS/CSS3

CSS/CSS3 Category

Use 3D Cubes as Interface Elements — HexaFlip

HexaFlip is a plugin for creating 3D Cubes to be used as design elements.

hexaflip Use 3D Cubes as Interface Elements    HexaFlipHexaFlip allows creating “list cubes”, meaning that the amount of choices isn’t limited to six sides of a cube.

This plugin is useful for date picking and creating playful user interfaces. What’s interesting is that in one demo HexaFlip is implemented as a visual password plugin — which is pretty good.

 

A Quick Start Template for Better Websites — Sassaparilla

Sassaparilla is a “set of default rules and style” that starts a website in a consistent manner.

sassapp A Quick Start Template for Better Websites    SassaparillaSassaparilla is very useful for devs as it provides consistent vertical rhythm, and also allows working in pixels consistently.

This template, if one can call Sassaparilla a template, follows a minimalist design; it works with SASS and thus features variables as well.

 

Browser-specific Hacks All in One Place — Browserhacks

Browserhacks is a new website that lists all browser-specific JS/CSS hacks.

browserhacks Browser specific Hacks All in One Place    BrowserhacksBrowserhacks is useful for targeting browsers and creating a browser-specific style. The website has cool hacks for Opera, Chrome, Firefox and Safari.

While the hacks listed all work and are without a doubt useful, the developer reminds that “using a hack is not always the perfect solution”.

 

Who Says the Web is Just for Squares? — Diamond grid

Who Says the Web is Just for Squares? is a walkthrough that focuses on building a diamond-based grid.

webdiamonds Who Says the Web is Just for Squares?    Diamond gridThe idea is that while the web has different varieties of content — videos, text, images and interactive content — the basic look of a website always stays the same.

A client of Trevor Davis apparently thought the same thing and requested a grid made of diamond-like shapes. He uses Modernizr to detect CSS3 transform support, and SASS and Compass for the CSS. Check it out, it’s really interesting!

A Great, Easy to Use Color Picker — Spectrum

Spectrum is a jQuery colorpicker that sports most of the features you’d ever need from a color picker.

spectrum A Great, Easy to Use Color Picker    Spectrum

 

It doesn’t require any images and is heavily customizable. You can use it as a regular script or opt for the polyfill option for HTML5.

You can put your own color palettes inside of Spectrum; the plugin also comes with alpha transparency and handles most of the color formats out there.

Extracted Icons From the jQuery UI — jQuery pics

jQuery pics is a stylesheet which provides simple classes for jQuery UI icons.

picons Extracted Icons From the jQuery UI    jQuery pics

 

The icons have a very simple markup and can be used inside href tags as well. The library uses the extracted icons from Bootstrap and the sprites from jQuery’s UI.

This library is useful if you want to have all the jQuery icons without including the jQuery UI.