CSS2 / CSS3.0

Spread the love           A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. The jQuery plugin itself would be pretty much useless without the respective CSS which is responsible for the looks and some of the features summarized below.The plugin replaces targeted <audio> elements with some HTML and […]

Spread the love           Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.You can click on each link as well and it will smooth scroll along with adjusting the dial to the selected section. I liked this idea and

Spread the love           In this article, I will use a technique in order to create some good looking CSS3 tabs .While in my previous CSS3 tabs tutorial I tried to simulate some beveled corners for the tabs, this time I will show you how to create folder tabs using nothing more than pure CSS3 and

Spread the love           This is a Login form that use CSS3 and jQuery Tricks to look like windows 8 login screen .The PHP side, you have an easy way to get the username, password, remember me checkbox, selected background color and selected background image. So you can store those values to restore them later. Also

Spread the love           Time Well is a jQuery plugin to let you bind events to a specific date. All dates are shown in table. Clicking on a specific date opens the event container below the date container in which are listed all the events that are happening at the given day. Features: Javascript , jQuery

Spread the love           A jQuery CSS3 slideshow .This is a slideshow demo I put together to try out some jQuery manipulation of CSS3 rotation and translation . It’s based on the old ViewMaster toy. Use arrow keys or click any photo . Demo: http://matthewlein.com/experiments/viewmaster/ Download Links https://github.com/matthewlein/jQuery-ViewMaster

Spread the love           A full-screen menu, showcasing your brand and website navigation. Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations. Demo: http://ettrics.com/lab/demo/full-screen-menu-overlay/ Download Links http://ettrics.com/code/full-screen-menu-overlay/

Spread the love           A simple grid layout with a zooming animation effect for showing blog posts or other content. Tags: Grid Demo: http://ettrics.com/lab/demo/zooming-grid-layout/ Download Links http://ettrics.com/code/zooming-grid-layout/

Spread the love           On a single page website with fixed position navigation, it will be nice to tell user on what section they are reading at. In this tutorial I am going to share how to create a walking navigation , on the other words, auto focus navigation based on user scrolling, by taking advantage

Spread the love           Google has come up with a new look with the launch of Google Plus and one of the prominent changes we can observe is the black menu bar found on the top of Google Search Page and every other Google product like Google Plus (obviously), Google reader , etc. Almost every Google