NYTimes interactive experience

JQuery parallax plugin

Will open file paths found under the cursor with ALT+D

Recently, a friend suggested that I write an analysis of news websites: what they’re doing right, and what they’re doing wrong. He suggested that the online news experience was too backward, and maybe a bit boring, and figured that they could make better use of AJAX and similar technologies to streamline content delivery and site navigation.

Struggling to find that particular font that matches your creative vision? Well, you have came to right place. For today’s post we have collected 40 recently (last 4-5 months) released fonts that will hopefully make your search that little bit easier.

Bebas Neue is a sans serif font family based on the original Bebas Neue free font by Ryoichi Tsunekawa. It has grown in popularity and become something like the “Helvetica of the free fonts”.

8 января появилась новая версия сайта The New York Times. Мы уже выяснили, что думает арт-директор РИА Новости об обновлении главного англоязычного издания, а теперь разбираемся, что именно изменилось.

Each HTML element must abide by rules defining what kind of content it can have. These rules are grouped into content models common to several elements. Each HTML element belongs to zero, one, or multiple content models, each settings rules that the element's content must follow in a HTML-conformant document.

Automatic NBSP adds HTML non-breaking space (&nbsp) in your posts, custom post types and pages.

Contrary to appearances, the W3C specifications are for the most part not designed for computers, but for people. You may think that <h1>, è and </ul> look ugly and unintuitive, but what would you think if they were called A378, 30C9 and 38F0 respectively? Most of the formats are in fact compromises between human-readability and computer efficiency. Some are more readable than others, because we expect more people to read them, others can be more cryptic, because "only" programmers will look at the source.

The tool for quick design modular grid in Adobe Photoshop, Adobe Fireworks, and in browser.

A look at navigation and global menus in responsive website design. Presented at the Responsive Day Out conference, 1st March, Brighton, UK.

Koala is a GUI application for Less, Sass, Compass and CoffeeScript compilation, to help web developers to use them more efficient.Koala can run in windows, linux and mac.

The chart above is an animated SVG featured on Sprout.
This chart, and one other animation on Sprout, were initially GIFs. By using animated SVGs instead of GIFs we were able to reduce our page size from 1.6 mb to 389 kb, and reduce our page load time from 8.75 s to 412 ms. That’s a huge difference.
Below, I’ll break down the animation of one of the circles seen in the chart. The technique applies to all of the elements in the graphic. With this you can create your own lightweight animated graphic.

This round-up focuses on how others are building CSS/UI style guides and some best practices. Specifically not grouping in pattern libraries in here (besides MailChimp, which is surface-level patterns) to demonstrate the many uses of these documents.
Anna Debenham has an excellent round-up of what makes up a front-end style guide in her post on 24 ways and her book — here are some more examples to explore.