background preloader

Stroll.js - CSS3 Scroll Effects

Stroll.js - CSS3 Scroll Effects

http://lab.hakim.se/scroll-effects/

Related:  ControlsPrincipesWeb Designjquery

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. Beautiful Photo Stack Gallery with jQuery and CSS3 The Night Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! The indisputable leader!

23 Truly Amazing and Unbelievable HTML5 Canvas and Javascript Experiments HTML5 has been a thing to talk these days. There are various features of HTML5 which are already really very famous. Many designers have that quality to unearth the features of anything new and start doing as much R&D as possible. Headhesive demo - Mark Goodyear Headhesive.js creates an on-demand sticky header. Specify where you want your header to become fixed and the rest is magic. Scroll to see it in action Soft southern pansy ne'ermind breadcake eeh gi' o'er be reet. Th'art nesh thee. What's that when it's at ooam be reet where's tha bin.

Powerful UI widgets for jQuery and HTML5 cloud apps The leading jQuery & HTML5 UI framework Over 60 Advanced widgets. Ready to work and do more than expected. Powerful UI widgets for jQuery developers jQWidgets delivers everything you need to build rich client UI with JavaScript, HMTL5 and jQuery. It contains more than 60 UI widgets and is one of the fastest growing JavaScript UI frameworks on the Web.

How To Create Depth And Nice 3D Ribbons Only Using CSS3 In this last period on PV.M Garage we have described many trends of the modern Web Design and many techniques for creating stunning and impressive web sites. In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills. 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.

The simple jQuery plugin for lovers of one page websites. Have you used SMINT in a project? Id love to see what you've done. Id like to put together a gallery of the best SMINT website, with links back to the designers/developers, so if you have a great example of a SMINT powered website, send me a message on twitter @rabmyself SMINT V3 is finally here! No, really it is! w2ui - JavaScript UI What People Are Saying I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I've been using your grid on a couple of small projects and I've got to say it's an awesome piece of work. It's very easy to configure and offers a lot of features while staying really responsive. As a programmer it inspires me to write better code.

CSS Decorative Gallery Did you like my previous CSS tutorial on how to create gradient text effects? I'm using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex). View Demo Gallery WebGL Transforms Before we move on to 3D let's stick with 2D for a little while longer. Bear with me please. This article might seem exceedingly obvious to some but I'll build up to a point in a few articles. This article is a continuation of a series starting with WebGL Fundamentals.

jQuery plugin for sticky elements Sticky-kit provides an easy way to attach elements to the page when the user scrolls such that the element is always visible. The source can be found on GitHub. Basic Sticking Just call stick_in_parent on the elements you want to be stuck inside of their parent. Sticky elements “bottom out” so they never leave the container, no more worrying if a sticky element will accidentally cover your footer.

Related:  Plugins