Home

Web Design Resources- Latest

User rating:

5 Brilliant Ways to Lazy Load Images For Faster Page Loads

Five brilliant scripts to effortlessly lazy load images on your site to improve your webpage download times
http://blog.dynamicdrive.com/5-brilliant-ways-to-lazy-load-images-for-faster-page-loads/
User rating:

Four Essential JavaScript functions to tame CSS3 Transitions and Animations

See four JavaScript functions that help you unlock the full potential of CSS Transitions and Animations, by pausing them, detecting when they've finished playing, and more.
http://www.javascriptkit.com/javatutors/css-transition-functions.shtml
User rating:

Adblock Checker and Notifier

A simple script that detects when a visitor is using a common Ad Blocker on your page and displays an overlay to ask him to disable it.
http://dynamicdrive.com/dynamicindex9/adblock-detector.htm
User rating:

DD Scroll Boxes

DD Scroll Box makes it a breeze to turn any DIV content on your page into a scroll box that appears when the user scrolls up or down a certain amount.
http://www.dynamicdrive.com/dynamicindex11/ddscrollbox.htm
User rating:

Dropline Menu Tabs

These CSS only Dropline tabs support infinite levels of sub menus, using CSS3 transform to fold out the sub menus.
http://www.dynamicdrive.com/style/csslibrary/item/multi-level_dropline_menu_tabs/
User rating:

Creating a simple page transition using CSS and JavaScript

New tutorial on building a simple but sleek page transition using CSS3 that appears while a page is loading.
http://www.javascriptkit.com/dhtmltutors/page-transition-tutorial.shtml
User rating:

Ultimate CSS Drop Down Menu

A *pure* CSS based menu that strives to be usable in the real world and with similar refinements as its JavaScript based counterparts.
http://www.dynamicdrive.com/style/csslibrary/item/ultimate_css_drop_down_menu/
User rating:

CSS AutoPrefixer

New online tool from CSS Drive that intelligently add CSS vendor prefixes to your CSS code. Just paste and copy!
http://www.cssdrive.com/cssautoprefixer/
User rating:

4 novel ways to deal with sticky :hover effect on mobile devices

CSS :hover pseudo class presents a problem on touch devices, where the enclosed style lingers with the element the user tapped on until another explicit tap.
http://www.javascriptkit.com/dhtmltutors/sticky-hover-issue-solutions.shtml
User rating:

Zoomio Image Zoom

An easy to set up, mobile friendly Image Zoom script that overlays an enlarged image directly on top of the original image.
http://dynamicdrive.com/dynamicindex4/zoomio.htm
User rating:

FlexBox Rectangles Menu

A retro looking CSS menu with fluid and flexible menu link blocks using CSS Flexbox:
http://www.dynamicdrive.com/style/csslibrary/item/flexbox_rectangles_menu/
User rating:

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.
http://dynamicdrive.com/dynamicindex1/hamburger-icon-menu.htm
User rating:

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.
http://www.dynamicdrive.com/style/csslibrary/item/css3_blur_filter_images/
User rating:

CSS Draped Background Buttons

These CSS buttons are endowed with a partially transparent background that "drapes" into view when the mouse rolls over them.
http://www.dynamicdrive.com/style/csslibrary/item/css_button_style_draped_background_effect/
User rating:

Understanding JavaScript’s requestAnimationFrame() method

See how to take advantage of JavaScript's requestAnimationFrame() method for smoother and less resource intensive JavaScript animations.
http://www.javascriptkit.com/javatutors/requestanimationframe.shtml

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