Valentine’s Day is just around the corner, and lovers from coast to coast are getting ready. Mashable shared an infographic built using data from 400 Facebook and MySpace users that might give you insight into love in America, circa 2011.
LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers. Games created with LimeJS framework do not require any browser plug-ins or any additional software installation to run – just a modern web browser is needed. Current version of LimeJS supports almost all HTML5 capable browsers: Chrome, Safari, Firefox and even Opera (sorry, no Internet Explorer support yet). And of course this also covers two main mobile platforms, namely the iOS (iPad, iPhone and iPod Touch) and Android.
Codrops just shared a tutorial to create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where we are navigating to. We will add navigation controls for the mousewheel and for keys. The thumbnail will have a zoom and and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image, resized to fit in the page.
Key features and aspects:
- Liberally licensed: Dual-licensed as MIT and GPL.
What Treesaver is not
- Complete: The framework is still quite immature. There are still a lot of bugs that need to be fixed.
- WYSIWYG: Treesaver is not designed to provide designers with the ability to create pixel-perfect layouts — quite the opposite in fact. Treesaver is designed to give designers the ability to create general design guidelines, which are then used to quickly construct a layout appropriate to the current browser and device.
Isotope: An exquisite jQuery plugin for magical layouts
- Layout modes: Intelligent, dynamic layouts that can’t be achieved with CSS alone.
- Filtering: Hide and reveal item elements easily with jQuery selectors.
- Sorting: Re-order item elements with sorting. Sorting data can be extracted from just about anything.
- Interoperability: features can be utilized together for a cohesive experience.
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
CSS3 promises to do away with all that! But as we all know, due to Internet Explorer’s lack of support for any of these features, we must be patient and refrain from using them, and make do with the same old tedious techniques for the foreseeable future.
PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties.
ZEN Audio Player is a single-song HTML5 Audio Player, powered by jPlayer, styled and mostly animated with CSS3.
Warning: This Audio Player is just a demo. It works more or less in Firefox4, Chrome, Safari, Opera, iOS, but there are some differences in the visuals. Also other known issues are:
- Chrome on Windows has a known box-shadow bug where the circles don’t get cut off, no panic, should already be fixed in the nightly.
- Opera starts to rotate funky after the first round, no idea why.
- On iOS the many gradients and box-shadows make the transition slow. It might would need some simpler styling.
- Plus there is no proper fallback for older browsers. A Modernizr and Flash combo should do it.
Codrops want to share their latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when scrolling or sliding. When viewed with another browser, the gallery will be shown normally, retaining all the functionality.
For seeing the 3D effect, please try the demo in Safari.
Summarized, you can do the following things in this gallery:
- Hover an image to see a description
- Slide through the images using the jQuery UI Slider at the top
- Use the mouse wheel to scroll through the images
- Use the thumbnail previewer at the bottom to choose an image
- Use the hash anchor for the image in the URL to get to it directly
- Click on an image to slide it to the left (notice the hash anchor in the URL)
- Turn it into a 3D wall when scrolling/sliding (Safari users)
- Flipping the perspective when changing the slide/scroll direction (Safari users)
Explore museums from around the world, discover and view hundreds of artworks at incredible zoom levels, and even create and share your own collection of masterpieces.
How do I get started?
Simply select a museum from the homepage and then either chose ‘Explore the museum’ or ‘View Artwork’. Once you are in the main site use the drop-down menus or the side info bar to navigate between artworks and museums. Finally create and share your own collections online.
“Cutie” is an icon set cute as a pie shared by Hongkiat. It consists of the most commonly used web icons, designed with one intention- to bring attention and playfulness to your websites, blogs, applications or software. The icons are designed with bright, warm colors, curvy lines and great attention to details.
“Cutie” consists of 20 icons, they come in the following sizes in PNG file format: 48×48, 64×64, 128×128, 256×256 and 512×512. Vector files (AI) of the icons are also included.