background preloader



Related:  cssAnimationsI like

CSS3 Hidden Social Buttons Today we’ll be looking at some very simple techniques using CSS3 transforms to make social link buttons. Usually you’ll see these links all over a site sitting there making a site look ugly. With this technique, we’ll style our buttons with our own CSS, and then let the like/follow/+1 button appear on hover. This ensures that our site can stay clean and good looking. presentation tool based on the power of CSS3 transforms and transitions in modern browsers Aren’t you just bored with all those slides-based presentations? Don’t you think that presentations given in modern browsers shouldn’t copy the limits of ‘classic’ slide decks? Would you like to impress your audience with stunning visualization of your talk? then you should try

reveal.js - The HTML Presentation Framework HTML Presentations Made Easy Created by Hakim El Hattab / @hakimel Heads Up reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. Vertical Slides PACE — Automatic page load progress bars What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Install

Magnific Popup: Responsive jQuery Lightbox Plugin Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device(for jQuery or Zepto.js). Examples Single image lightbox Drag and Drop File Upload jQuery Example #dragandrophandler border:2px dotted #0B85A1; width:400px; color:#92AAB0; text-align:left;vertical-align:middle; padding:10px 10px 10 10px; Magnific Popup - responsive lightbox jquery plugin for gallery and popup Contact Live edit your lightbox to make them responsive with Magnific Popup plugin and watch the preview. Get a working prototype with code snippets right away! Browser Support

jQuery File Tree · A Beautiful Site Overview jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code. Currently, server-side connector scripts are available for PHP, ASP, ASP.NET, JSP, and Lasso. If you're a developer, you can easily make your own connector to work with your language of choice. Contents Pure CSS parallax scrolling websites This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website. If you find this article useful and want to explore CSS Parallax further, you may find my follow-up article "Practical CSS Parallax" an interesting read. Parallax is almost always handled with JavaScript and, more often than not, it's implemented badly with the worst offenders listening for the scroll event and modifying the DOM directly in the handler, triggering needless reflows and paints. All this happens out of sync with the browsers rendering pipeline causing dropped frames and stuttering.

You Can Do That With CSS? Awhile back, I published an article on how to mimic CoDrops’ Morphing Menu Button demo. I then wrote a quick follow-up showing how to expand on the original demo to provide some additional JavaScript-like overlay functionality. That was kind of the start of it all… Responsive Data Tables In addition to the techniques below, see this roundup of additional explorations of this problem. Garrett Dimon: Data tables don't do so well with responsive design. Just sayin'. He has a good point.