Categories
Links

obelisk.js

Obelisk.js is a JavaScript Engine for building isometric pixel objects.

… and it looks like a million bucks. This may have to be the basis for my life’s work: A modern remake of the SNES version of SimCity. (via Jesper)

Categories
Links

Introducing the ‘mozjpeg’ Project

Mozilla announces a quest to fully-optimize JPEG compression with their own open source encoder.

Snark: But why don’t they just contribute to WebP?

Categories
Links

CSS3 text-align-last

Short and to-the-point post on the Adobe Web Platform blog about a cool new proposed CSS3 property: text-align-last. Finally, FINALLY, we can justify the last line of a paragraph tag.

My god, it’s full of stars.

Categories
Links

CSS Performance metrics from the creator of Bootstrap

A reasonable, if unscientific, look at the performance of various common CSS methods, comparing things like Attribute .vs. Class-based selectors, box-sizing resets, floats .vs. flexbox .vs. inline-block, and a lot more.

Love that someone took the time to do this so I don’t have to.

Categories
Links

Float Labels with CSS

Slick technique that is worth looking into for many applications. As someone who deals with a lot of form inputs both as a user and a designer, there are some useful ideas here.

Categories
Links

websocketd

websocketd is a small command line tool that will wrap an existing command line interface program, and allow it to be accessed via a WebSocket.

Sounds great. (via Jesper)

Categories
Links

Structure.io homepage refresh

So, we just launched an update to the Structure Sensor homepage, and it features some neat HTML5 / CSS3 tech. I’m pretty happy with it. It required me to learn a few things, which I’ll hopefully have time to write about here soon.

It also marks the first time I’ve ever encoded video in WebM! It was easy thanks to Miro Video Converter and FFMPEG.

Categories
Links

Exploring canvas drawing techniques

A very well put-together interactive tutorial and examination of drawing using the HTML canvas tag. Even if you’re pretty up on things, you might learn something new.

Categories
Links

Mock Response

A super simple, but super useful, little service that returns various HTTP status codes based the URL called. Helpful tool for testing how your app responds to every HTTP status.

Categories
Links

Dnsyo – A DNS propogation tester

Looks like a handy little tool if you’re in the website business, and it even has a pithy one-line description:

In short, it’s nslookup, if nslookup queried over 1500 servers and collated their results.

Bonus points for being open source and installable via pip.

Categories
Links

Introducing Harp – the static web server with built-in preprocessing

It slices, it dices, it generates static sites, it natively supports preprocessors like LESS and Stylus:

Imagine you were choosing between PNG or JPEG for an image you wanted to serve. You would simply pick the right format for that use case because web servers support either, you need only drop the file in. That is exactly what Harp does with modern web languages. Want to use Stylus? Just name your file with a .styl extension. Prefer LESS’ syntax? Just drop in the LESS source files and go to work. Or use a combination of both, Harp doesn’t care. Harp knows to compile and serve main.styl when main.css is requested, OR main.less if that file exists instead. It’s that simple.

That’s a hell of a pitch, and it’s only about 1/3 of the whole thing. Read the whole post.

Categories
Links

Semantic UI

Yet another HTML/CSS/JS framework, but built so that the classes are understandable in english. It’ll create some HTML bloat, but it has a certain Applescript-y charm to it.

The site is pretty snazzy, too. Very readable, very smooth.

Categories
Links

Tridiv

A visual editor for creating 3D shapes with CSS. Damned impressive.

Categories
Links

Macaw

The only visual HTML editor I’ve ever seen that looks legitimately useful, well-executed, and outputs good code.

Let’s see if they can deliver.

Categories
Links

CSS Zen Garden Relaunches

The old favorites are still there but the new example files are fully responsive.

Categories
Links

How GitHub Uses “Deprivation Testing” To Hone Product Design

The psychology here is interesting to me.

Categories
Links

MadEye

A web-based IDE built for remote pair programming, uses Google Hangouts.

Categories
Links

Log

“Console.log with Style”

Works in Chrome, pretty cool. A little verbose for my tastes but definitely better than the default.

Categories
Links

csscss

csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

Been looking for something like this for YEARS now. Hope it’s good.

Categories
Links

Mozilla and Samsung Collaborate on Next Generation Web Browser Engine

I’d like nothing more than to see this succeed, and I agree with John Gruber’s simple assessment:

It would be a win for everyone if Servo did to WebKit what WebKit did to Gecko.

I will, however, be very disappointed if the logo doesn’t somehow evoke the image of Tom Servo from MST3k.