Archive: Miscellany

Configuring Sublime Text 2

Developer Ross Hunter writes a good starting point for some Sublime basics you’ll want under your belt early when starting off with this powerful text editor. That Sublime ‘fuzzy finder’ kicked off with Cmd+T is a life saver.

Code smells in CSS

This article compiles a great set of tips on what to avoid when writing solid CSS. His advice on absolute values is a must read. I haven’t read much from author Harry Roberts before, but after reading this excellent article, I’m following this guy closely.

Designing with code

Designer Jeremy Bell from Teehan + Lax:

Throughout my entire career, every company I’ve worked at has separated designers and developers into separate departments, each focused exclusively on their discipline…Technology is continuously reshaping the canvas on which we design, and yet these two disciplines continue to be treated as disparate.

Jeremy goes onto to map a new approach for their company, one where designers work in HTML, CSS, Git and a fully self contained development environment. If you thought “design in browser” was a fantasy, think again.

Responsive cat

Cute idea. Be sure to stretch your browser from a narrow to wide position to get the big payoff.

Responsive design’s dirty little secret

Web developer John Albin Wilkins on rounding errors in fluid grids:

I put errors in quotes, because the issue actually has to do with the CSS spec. It doesn’t specify how browser vendors should deal with percentages that contain decimal place precision. For example, with a 6 column grid, each column is 100% ÷ 6 = 16.666667% wide. On a 1000 pixel wide viewport (which I’ve conveniently picked to make our math easier), that calculates to 166.66667 pixels per column. Since the spec gives no guidelines, browser vendors are free to make their own rules.

I’ve learned this problem the hard way several times. It’s a frustrating problem, but John goes on to list several great remedies: adaptive (break point)based design, the CSS border-box element and container-relative floats.

Viewport resizer

There are several bookmarklets out there that can do a simple change of your viewport to match the size of common mobile devices, but I’ve never seen it in as slick a package as what Viewport Resizer offers. You can customize the bookmarket to only include the viewport sizes you chose and jump between portrait and landscape views with a single click. It works great on local development files and, while I haven’t directly tested it, is touch friendly as well.

Font custom

Cross browser, flexible custom icon web fonts. Just throw your SVG files in a subdirectory, run a command line prompt and you’re good to go. I haven’t directly tested this myself, but this could be a very useful tool.

Films dispense with storytelling conventions

New York Times film critic Manohla Dargis:

Once upon a movie time you went to a film, and after it played on the circuit, it disappeared, perhaps showing up later on television. Home video changed our relationship with movies — suddenly we could watch a title when we wanted as many times as we wanted — a relationship that shifted further with the introduction of DVD, which gave viewers even more and possibly deeper ways into a film with special features, directors’ cuts and hidden jokes and clues called Easter eggs. This new film-audience relationship may help account for the emergence of these new, complex narratives.

The article highlights a pretty fascinating trend in “A list”, mainstream movies that implement more unorthodox plotting and screenplays. I doubt as little as a year ago I’d see a film like The Master playing wide in a blockbuster theater chain.

GamesBeat discusses first-person shooters with a vet

U.S. Army sergeant Dave Mull on what games like Call of Duty don’t get right:

A lot of times it’s simple things like nomenclature, the positioning of equipment, or a feature on the rifle. I remember Counterstrike used to have the M4 eject on the wrong side so there would be more interesting things occurring on the screen when you fired. Also, you have the realism aspects: There’s almost never any calculation for bullet drop or ambient wind, and dropped weapons and magazines are magically full when the player walks over them to pick them up.I happened to notice in the opening [of Call of Duty Black Ops 2], Frank Woods rambling about a C-130, but the plane that was shown had a high tail and a body more like a C-17 Globemaster … just with turboprops.

In defense of descendant selectors and id elements

Jeffrey Zeldman:

Say it with me: There is nothing wrong with id when it is used appropriately (semantically, structurally, sparingly). There is plenty wrong with the notion that class is always preferable to descendant selectors and semantic, structural ids.

Pretty hard to argue with one of the web godfathers on this one.