3D chess game done in HTML/CSS/JS 3D Hartwig Chess Set → 3D Hartwig Chess Set Source (GitHub) → (via CreativeJS)
Q: How do you annoy a web developer?
Focal Point: Intelligent Cropping of Responsive Images
When working with images on small screen devices it is recommended to focus on the subject: don’t just show a scaled down version of the photo, it’s better to remove some of the background scenery and show the person on the photo (see the Obama example at the top of this post on responsive images). …
Continue reading “Focal Point: Intelligent Cropping of Responsive Images”
Look at this Instagram
Freetile
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement. Like Masonry, …
Plasmatic Isosurface
Labeling home screen bookmarks for iOS6
Little Big Details
jQuery Burn
jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. You really shouldn’t use this plugin (burn effect, seriously?), but from a technical point of view it’s quite interesting to see how it works. jQuery Burn →
jResize
jResize is a responsive web development tool, built in jQuery to assist the workflow of developers on responsive projects. There are various tools for responsive development, iframes at different widths embedded in the page, and the tedious resizing of the browser. So here’s a different approach which grabs all your HTML, and resizes it inside …