Home

Web Design Resources- Latest

User rating:

Swinging keyframe animation

This demo shows how to use CSS3 keyframes to create a perpetual, periodically running swinging effect on a HTML element.
http://www.dynamicdrive.com/style/csslibrary/item/swinging_keyframe_animation/
User rating:

Examples of Negative Space in Logos

These logos make use of the empty space between its main elements to create something interesting.
http://webdesignledger.com/inspiration/inspiring-examples-of-negative-space-in-logos
User rating:

Flipboard CSS buttons

Flipboard creates a series of CSS buttons that flip horizontally on themselves when the mouse rolls over them.
http://www.dynamicdrive.com/style/csslibrary/item/flipboard_css_buttons/
User rating:

Fabric.js

Fabric.js is a powerful JavaScript framework for working with the canvas element of HTML5, allowing you to easily create and manipulate canvas based elements.
http://fabricjs.com/
User rating:

CSS Rollover Text Menu

Rollover text effect using using a combo of CSS2 generated content and CSS3 transitions/ transform!
http://www.dynamicdrive.com/style/csslibrary/item/rollover_text_menu/
User rating:

Runnable.com

Runnable lets you run server side code and experiment with accessing various APIs, right in your browser. Think of it as JSFiddle for server side scripts.
http://runnable.com/
User rating:

Centering floated content using CSS’s fit-content value

A quick look at how to center floated elements on the page using the new "fit-content" value of the width property in CSS.
http://www.red-team-design.com/horizontal-centering-using-css-fit-content-value
User rating:

Foundation front-end framework

Version 4 of Foundation, a front-end framework similar to Twitter's Bootstrap, has been released. Its emphasis is on rapid mobile development and lean code.
http://foundation.zurb.com/
User rating:

SVG.js

A lightweight library for manipulating and animating SVG. Svg.js has no dependencies and aims to be as small as possible, with the base library being only 3k gzipped.
http://www.svgjs.com/
User rating:

Animated UL background effect

This CSS3 example demonstrates animating the min-width property of an element to create a stretching background effect
http://www.dynamicdrive.com/style/csslibrary/item/animated_ul_background_effect/
User rating:

Modern.IE browser compatibility tools

A new Microsoft site offering tools to ensure your site is coded using best web standard practices and for maximum compatibility with various versions of IE, including legacy ones.
http://www.modern.ie/
User rating:

PlaceIt screenshot over environments service

PlaceIt allows you to upload a product screenshot and place it within the context of various different environments, such as inside an iPad held by a man sitting in the park.
http://placeit.breezi.com/
User rating:

JavaScript Garden

A growing collection of documentation on the most quirky parts of the JavaScript programming language and how to avoid common mistakes.
http://bonsaiden.github.com/JavaScript-Garden/
User rating:

Photobox image gallery

A lightweight thumbnails and image gallery script that uses CSS3 for silky-smooth animations and transitions.
http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/
User rating:

DD ScrollSpy Menu

DD ScrollSpy Menu lets you define a menu whose items are automatically highlighted based on the portion of the page the user is currently viewing.
http://www.dynamicdrive.com/dynamicindex1/ddscrollspymenu.htm

CSS Forums News

Dynamic Drive forums | Register

All images and content copyright © 2004-2012 CSS Drive. Contact Info | Back to Top