Awesome CSS3 List Scroll Effects

A collection of CSS3 list scroll effects. This works by applying a future/past class to list items outside of the viewport as you scroll. Based on this class a variety of transforms are transitioned to via CSS.

Related articles

• Spicing Up Your Navigation Menu With CSS3 (codingbird.com)
• Filter Functionality with CSS3 (dmxzone.com)
• Scrolling the Z-axis with CSS 3D Transforms (eng.wealthfront.com)
• 40+ Excellent CSS3 Menu Tutorials (smashingapps.com)
• Make A CSS3 Animated Image Slider (dmxzone.com)

Advertisements

Learn HTML & CSS in one easy to use guide.

A Beginner’s Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.

Rotating words with CSS Animations

In this tutorial MARY LOU created another typography effect. The idea is to have some kind of sentence and to rotate a part of it. We’ll be “exchanging” certain words of that sentence using CSS animations.

Related articles

• Rotating Words with CSS Animations (dmxzone.com)
• DMXzone Slider Meets CSS Animator and HTML5 Slideshow (dmxzone.com)
• SVG animations, CSS Animations, CSS Transitions (blogs.adobe.com)
• Small demo of animated CSS Mask Icons. Note: It uses the… (simurai.com)
• jQuery to call CSS3 fade animation? (stackoverflow.com)
• Build Awesome Apps with CSS3 Animations (sitepoint.com)

HTML5 Bookmarks

Want to know what the most recent news is in HTML5 world? Here’s the perfect resource for you. HTML5 Bookmarks is a regularly updated list of bookmarks and articles related to the world of web development and technologies. It’s the one stop shop for all your web resources.

 

Related articles

• HTML5 Please (codingbird.com)
• Join us for SF HTML5 Meetup at Twilio HQ on Friday 5/28 7pm (twilio.com)
• Learn HTML5: HTML5 Tutorials and Guides (gabrielcatalano.com)
• Mozilla Talks Up HTML5 Inside Old Nuclear Reactor (webpronews.com)
• Five Things Marketers Need to Know about HTML5 (contentmarketinginstitute.com)

Client-Side Caching For JavaScript

Server caching is useful for quick response times, but sometimes, especially when you are developing a Web application, you migh need to cache objects client-side rather than server-side. Maybe you need to cache something for offline use, or for reuse later.

That’s where locache.js comes in. It’s a JavaScript caching framework for client-side caching in the browser using localStorage. The library has a memcache-similar API, no dependencies and is very small. And the best part: locache gracefully degrades when the browser doesn’t support localStorage. So users with IE6 and IE7 will not get any errors, but as developers say, “caching attempts will be silently dropped and lookups will always appear to be a cache miss.” You can provide an expiration time for cached objects as well. (cc)

Related articles

• How to know javascript is enabled in client side? (stackoverflow.com)
• Node Streams: How do they work? (maxogden.com)
• Firebase (YC S11) launches cloud platform that lets you write your whole app client side (ycombinator.posterous.com)
• Client-Side-MVC applications : Best Practice (css.dzone.com)
• Cookies, local storage & session storage (maryannesdesigns.wordpress.com)
• The Node.js Revolution, or: How I Learned to Stop Worrying and Love the Node (jamesonjavascript.wordpress.com)
• CanJS – A Client-Side, Javascript Framework That Makes Building Rich Web Applications Easy (functionn.blogspot.com)
• Locache – JavaScript Caching Framework For Client Side In The Browser Using localStorage (functionn.blogspot.com)
• Best of JavaScript, HTML5 & CSS3 – Week of April 9, 2012 (remotesynthesis.com)
• The rise of JavaScript micro-frameworks (greatfinds.icrossing.com)