Links (12,295 links)

There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal.

Angular and other big-iron web frameworks are not an affront to front-end devs. They are just the latest manifestion of a long-term trend: code moving from the server to the browser. Let's define "front-end" to mean the parts of the app relating to user interface, rather than those that happen to be running in the browser's JavaScript VM. If we assign tasks to our developers accordingly, we will see that the new world of single-page web apps is very much like the old one. Plus ça change...

What should git commits look like? How should comments work? A brief review of some good practices, complete with examples where I've made mistakes myself.

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

Research indicates that SVG images served as an image sprite display faster than SVG images as data URIs. But how much faster? And is it worth your time? If it is, how do we actually produce the SVG sprites? This post looks at different data on the sprite versus data URI question and how to configure a couple of automated Grunt tasks to produce SVG image sprites and fall back PNG sprites (rather than data URIs) to provide resolution independent interface icons if you so chose.

MI is a goal-oriented, client-centered counseling style for eliciting behavior change by helping clients to explore and resolve ambivalence. Compared with non-directive counseling, it's more focused and goal-directed. It departs from traditional Rogerian client-centered therapy through this use of direction, in which therapists attempt to influence clients to consider making changes, rather than non-directively explore themselves

This survey downloaded CSS files from over 8,000 domains and aggregated some data about how CSS is being used and written. I think this can be useful to drive conversations forward about how to organize, think about, and manage larger CSS projects, as well as to look at how the web is evolving.

A new and horrible way.

Chaos. Mayhem.

Via russelldavies.

Nicolas explains how good components empower designers and engineers by letting them think only about their inputs and outputs, not their internal complexity.

Solid wash-up.

An asset manager for PostCSS

while we were filming in 35mm and could have ostensibly “protected” ourselves by adopting wider shot composition in the event of some future change of heart by HBO, the problem with doing so is obvious: If you compose a shot for a wider 16:9 screen, then you are, by definition, failing to optimize the composition of the 4:3 image. Choose to serve one construct and at times you must impair the other.

Collected dispatches from The Quest for Scalable CSS

Informative and easily navigable live styleguide which can be edited directly in the browser.

A quick-and-dirty frontend styleguide, designed to be copied and pasted into your CMS. Why? You're not Twitter Bootstrap. You don't have the time or money to make a custom fancy-pants dynamic CSS pattern-library. And that's OK. You have other fish to fry.

HE IS DIGITAL CREATIVE AT FOOFYFOO. gu.com/p/44437/tw

We’ve long been curious about the performance of popular JavaScript MVC frameworks such as Angular, Backbone, and Ember.

Nice visual run-down of OpenType features.

OpenType features are like secret compartments in fonts. Unlock them and you’ll find ways to make fonts look and behave differently in subtle and dramatic ways. Not all OpenType features are appropriate to use all of the time, but some features are critical for great typography.

Documenting resources related to front-end style guides and pattern libraries

Hosted CMS for SSGs

Up-to-date data on support for type and typographic features on the web.

Monospace text sizing is, from time to time, completely unintuitive and can be quite maddening if you don’t look at it in exactly the right way.