CSS2 / CSS3.0

Create high quality cinemagraphs with CSS3 and jQuery

Spread the love

Spread the love           Create high quality cinemagraphs that offer a richer range of colours and a larger set of dimensions than the usual animated GIF options, by using JPEG sprites with CSS3 and jQuery. In this tutorial we’ll show you how to create a full screen-capable cinemagraph using a different technique. Instead of rendering our […]

Create high quality cinemagraphs with CSS3 and jQuery Read More »

jQuery File Browser Awesome

Spread the love

Spread the love           Today we want to share a cool experiment with you. It is a file browser awesome, which you can upload to a folder somewhere on your site and share documents, pictures and other files with the world. The app is built with PHP, jQuery, fontawesome and uses CSS3. Demo: http://ibacor.com/file/ Download Links

jQuery File Browser Awesome Read More »

Creating a CSS3 Responsive Menu with jQuery

Spread the love

Spread the love           This tutorial aims to provide step by step instructions to enable you to create a responsive navigation menu that adapts to varying screen sizes, with the help of CSS media queries. I adopted the Mobile First approach to designing the menu. In essence, this approach adopts a strategy of designing for mobile

Creating a CSS3 Responsive Menu with jQuery Read More »

Off-Canvas Navigation for Responsive websites with jQuery & CSS3

Spread the love

Spread the love           In this article, I’ll be walking through a build demo that centers on two topics. The first is responsive design patterns that embrace the viewport and that improve content discoverability beyond the basic hyperlink; in this case, off-canvas navigation . The second is the complexities of implementing such ideas in an accessible and

Off-Canvas Navigation for Responsive websites with jQuery & CSS3 Read More »

jQuery Smart Responsive Menu with CSS3

Spread the love

Spread the love           Smart Responsive Menu is powerful dropdown menu solution that will work with mobile devices and different screen sizes. Menu relies on CSS media queries to modify menu display for different resolutions. By default, plugin changes paddings and font sizes for screen resolution higher than 480px. For less than 480px, menu changes from

jQuery Smart Responsive Menu with CSS3 Read More »

pow.js : Algorithmic sunburst generator via CSS, canvas and jQuery

Spread the love

Spread the love           This jQuery plugin paints a burst pattern onto your element of choice, and is freely available under the MIT license. Pow.js generates the pattern in canvas, and simply layers in the resulting image data as a CSS background. It’s kinda actually not that complicated. Tags: HTML5 canvas Demo: http://obadger.com/pow/ Download Links http://obadger.com/pow/

pow.js : Algorithmic sunburst generator via CSS, canvas and jQuery Read More »

MediaTable : jQuery Responsive Table Plugin

Spread the love

Spread the love           MediaTable listen to screen size to define visible or hidden columns using CSS media query .You can choose what column to view with the automagically columns menu. This is a usefull solution to display big data table into small screen devices allowing the user to display relevant data at the beginning then

MediaTable : jQuery Responsive Table Plugin Read More »

Simple Toggle with CSS & jQuery

Spread the love

Spread the love           I know there are a lot of toggle tutorials out there already, but when I was learning the basics of jQuery and the toggle effect, I had a hard time finding resources on how to switch the “open” and “close” graphic state…. Demo: http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/ Download Links http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/

Simple Toggle with CSS & jQuery Read More »

Scroll to Top