Home

Design News:

FlexBox Rectangles Menu

A retro looking CSS menu with fluid and flexible menu link blocks using CSS Flexbox:

Comments (0)

CSS Flexbox 101

This tutorial goes over the key elements that make up CSS Flexbox, and also shows you some common Flexbox patterns to validate its usefulness.

Comments (0)

Hamburger Icon Menu

This menu combines the two popular trends of a full screen menu and using an "hamburger" style icon to toggle it to create an elegant mobile friendly menu.

Comments (0)

CSS3 Blur Filter Images

See CSS3's blur filter in action on the FIGURE element to blur out an image while showing some text over it.

Comments (0)

YouTube Video Gallery

A responsive video gallery script for selecting from a playlist of Youtube videos to play from, with thumbnails auto generated.

Comments (0)

CSS Draped Background Buttons

These CSS buttons are endowed with a partially transparent background that "drapes" into view when the mouse rolls over them.

Comments (0)

CSS Animated Underline Menu

Animates the underline beneath each menu item's text for an elegant, modern CSS menu.

Comments (0)

Understanding JavaScript’s requestAnimationFrame() method

See how to take advantage of JavaScript's requestAnimationFrame() method for smoother and less resource intensive JavaScript animations.

Comments (0)

Sticky Horizontal Menu

A top UL menu that seamlessly transitions to being fixed in position when it's scrolled out of view.

Comments (0)

Blossom Opt-in feature box

Blossom is an attention grabbing feature box that conditionally pops up at the center of the user's screen to display select content prominently.

Comments (0)

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

This tool generates for you the necessary .htaccess code to ban visitors based on their IP address, block traffic originating from certain domains, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Use this tool to generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.


NewsUser
Privileges

Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

Website Load Testing services

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