BigScreen: A simple library for using the JavaScript Full Screen API.

 

BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an <iframe>. It will also intelligently fall back to the older video full screen API if the element contains a <video> and the older API is available.

Source & Download: http://brad.is/coding/BigScreen/

 

FREEBIE: SOFT UI KIT (PSD)

Codrops want to share another free UI kit PSD with you. It’s called Soft UI and it’s made byKim Petersen. It contains many detailed UI elements such as buttons, menus, social buttons, sliders, a pagination style and an accordion, plus many more. The subtle gray shade allows a versatile usage in interface designs. You are completely free to use this UI kit for personal and commercial projects, no attribution is necessary. However, don’t redistribute it as-is (without prior consent of the author).

Source & Download: http://tympanus.net/codrops/2012/08/04/freebie-soft-ui-kit-psd/

3D FLIPPING CIRCLE WITH CSS3 AND JQUERY

Today Codrops like to show you how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories. We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

 

Source: http://tympanus.net/codrops/2012/07/20/3d-flipping-circle-with-css3-and-jquery/

ImageWorkshop

Introduction

PHPImageWorkshop is an open source class using the GD library that helps you to manage images with PHP.

This class is thought like photo editing software (Photoshop, GIMP…): you can superpose many layers or even layer groups, each layer having a background image.

It makes the class the most flexible ever !

For what ?

It is thought to do simple tasks like creating thumbnails or pasting watermarks and also to do more complex tasks (plural superspositions, images positions…).

Here is a none exhaustive list of what you can do with: pasting an image (or plural) on another one, cropping, moving, resizing, rotating, superposing, writing…

 

Source: http://phpimageworkshop.com/

NestedSortable jQuery Plugin

NestedSortable is a jQuery plugin that extends Sortable UI functionalities to nested lists.

 

Source: http://tympanus.net/codrops/2012/08/04/freebie-soft-ui-kit-psd/

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.


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.

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.

 

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)