Isotope
Isotope: An exquisite jQuery plugin for magical layouts
A List Apart: Articles: Creating Intrinsic Ratios for Video
Did you ever want to resize a video on the fly, scaling it as you would an image? Using intrinsic ratios for video, you can. This technique allows browsers to determine video dimensions based on the width of their containing block. With intrinsic dimensions, a new width triggers a new height calculation, allowing videos to resize and giving them the ability to scale the same way images do.
via A List Apart: Articles: Creating Intrinsic Ratios for Video
A fix for iPhone viewport scale bug | Shi Chuan's blog
In this way, we can prevent the page scale jump issue by default if the user never initialize the zoom, allow greater user experience, at the same time, without compromising the accessibility for the minority.
”CSS3 & Responsive Web” – CSS3 Adventskalender Tag 3 | maddesigns
via ”CSS3 & Responsive Web” – CSS3 Adventskalender Tag 3 | maddesigns.
Node + Redis = Fun – How To Node – NodeJS
node brings asynchronous, evented I/O to the server. Redis gives you a blazing fast database with support for strings, lists and sets. Both Redis and Node.js follow certain patterns, Redis for data-storage, and node for event based programming.
Bootstrap, from Twitter
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
How To Set Up A Print Style Sheet
Print style sheets are useful and sometimes even necessary. Some readers might want to store your information locally as a well-formatted PDF to refer to the information later on, when they don’t have an Internet connection. However, print styles are often forgotten in the age of responsive Web design. The good news is that a print style sheet is actually very easy to craft: you can follow a couple of simple CSS techniques to create a good experience for readers and show them that you’ve gone the extra mile to deliver just a slightly better user experience. So, how do we start?
iOS app icons – PSD
Let’s say you’re working on an icon for an iOS app. The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. As a designer, you’re used to drawing icons at various sizes; this is a big part of what “icon design” is (as opposed to other types of illustration).
The Photoshop Etiquette Manifesto for Web Designers
The Photoshop Etiquette Manifesto for Web Designers is a collection of ways to improve the clarity of a PSD when transferred. You stay organized, your developer stays happy. Fist bumps all around.
Front-end Code Standards & Best Practices | Isobar North America
This document contains guidelines for web applications built by the Creative Technology (front end engineering) practice of Isobar US. It is to be readily available to anyone who wishes to check the iterative progress of our best practices. If you have any feedback, please leave a comment on the announcement blog post.
This document's primary motivation is two- fold: 1) code consistency and 2) best practices. By maintaining consistency in coding styles and conventions, we can ease the burden of legacy code maintenance, and mitigate risk of breakage in the future. By adhering to best practices, we ensure optimized page loading, performance and maintainable code.
via Front-end Code Standards & Best Practices | Isobar North America.