CSS3

In Pieces – 30 Endangered Species, 30 Pieces.

Pretty friggin’ amazing CSS work! HOW IT’S MADE BORN OUT OF TINKERING WITH A SIMPLE PROPERTY, THIS PROJECT IS UNABASHEDLY PART-DIGITAL EXPERIMENT. THE CORE TECHNOLOGY USED HERE IS JUST GOOD OLD CSS — NO CANVAS OR WEBGL WITCHCRAFT. Since hearing about CSS polygons, I’ve been a little surprised at the lack of furore around the…

Read More...

Meny – A three dimensional and space efficient menu concept

Meny A three dimensional and space efficient menu. Move your mouse towards the arrow — or swipe in from the arrow if you’re on a touch device — to open. Test it with any page by appending a URL, like so: Meny – A three dimensional and space efficient menu concept.

Read More...

Bootstrap 3 Adobe Illustrator Template – Easy to Use for Large Devices Desktops, Medium Devices Laptops and Small Devices Tablets

  I’ve made an Adobe Illustrator Template that should help you understand how the Columns Work in Bootstrap 3 across the different responsive sizes. I created this illustrator template to share with a designer that couldn’t quite grasp how the Bootstrap resizes a column based on the media query. What are the sizes for Bootstrap 3 Columns?…

Read More...

Stylify Me – Online Style Guide Generator

Onlne Style Guide generator. Generates simple style guides with colors, fonts and image sizes. Stylify Me – Online Style Guide Generator.

Read More...

Hover Effect Ideas | Set 1

Really nice set of CSS Hover Effects!   Hover Effect Ideas | Set 1.

Read More...

OriDomi – origami for the web

OriDomi – origami for the web. awesome “paper effects” with the dom The web is flat, but now you can fold it up. open source JavaScript library by Dan Motzenbecker download on github view annotated source OriDomi Demos Features Usage Initialization Options Effects Callbacks Queueing Touch Content manipulation Ripple Responsive Custom behavior Minutiæ Coda Fold…

Read More...

SUPERSCROLLORAMA

Superscrollorama is the SHIT! if you want nice jQuery animations and FX! Fade FX Spin FX Scale FX Fly FX Smush FX Bounce FX Slide FX Swipe FX Color FX Fling FX Move FX SUPERSCROLLORAMA.

Read More...

Custom cursors with CSS and jQuery – Creative Punch

In this tutorial I will show you how you can implement custom cursors with some really simple CSS and JavaScript using jQuery. Both the demo and source can be found below. The source is really simple so I will go over the main points. Custom cursors with CSS and jQuery – Creative Punch.

Read More...

Bootstrap Date/Time Picker

Date and Time picker for Bootstrap Bootstrap Date/Time Picker.

Read More...

Bootstrap 3 Lightbox

YEH – just what the Doctor ordered. A Bootstrap 3 gallery. Bootstrap 3 Lightbox.

Read More...

Bootstrap Editor and Playground for JavaScript, CSS, HTML5 and jQuery.

Bootstrap Editor and Playground for JavaScript, CSS, HTML5 and jQuery..

Read More...

LESS « The Dynamic Stylesheet language

Bootstrap 3.0 is using this LESS.js Dynamic Stylesheet Language stuff… Time to get learned. The dynamic stylesheet language. LESS extends CSS with dynamic behavior such asvariables, mixins, operations and functions. LESS runs on both the server-side (with Node.jsand Rhino) or client-side (modern browsers only).   LESS « The Dynamic Stylesheet language.

Read More...

Font Awesome, the iconic font designed for Bootstrap

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.  One Font, 370 Icons In a single collection, Font Awesome is a pictographic language of web-related actions.  No JavaScript Required Fewer compatibility concerns because Font Awesome doesn’t…

Read More...

Ultimate CSS Gradient Generator – ColorZilla.com

Great tool for generating CSS3 gradients! About The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool, check out ColorZilla for more advanced tools such as eyedroppers, color pickers, palette editors and website analyzers. As you might know, HTML5 introduced many exciting features for Web developers. One of the features is the ability to…

Read More...

Bits of Brilliance: Session Five | projectMONA

The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!) via Bits of Brilliance: Session Five | projectMONA.

Read More...

CodePen – online code sharing

Pens picked by the Editors of CodePen.

Read More...

The Ultimate Complete Final Social Media Sizing Cheat Sheet

  The Ultimate Complete Final Social Media Sizing Cheat Sheet.

Read More...

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton. Nice Comparison chart; Bootstrap, Foundation and Skeleton. Bootstrap Full solution for making a responsive website. Out of the box, styling is minimal but elegant for making prototypes. The default bootstrap UI can be modified by using LESS. The process of setting up LESS with Bootstrap is vague in…

Read More...

Coda PHP & Web Toolkit // chipwreck

great plugin for coda… clean and checks PHP and HTML Coda PHP & Web Toolkit // chipwreck.    

Read More...

Efficient CSS Compression in Perl

in Java it is quite expensive to start. Done in the staging phase, this is bearable even for the the very agile deployment strategy at Booking.com. Nonetheless, we found that this step slows down the development process. When we via Efficient CSS Compression in Perl. going to try this!

Read More...