A bi-monthly look at the world of web technologies.

Articles

Responsive Workflow
Responsive sites throw a wrench in waterfall workflows.

The Making of Octicons
How GitHub developed it’s own icon font.

15 Things for a Ruby Beginner
We love Ruby! Here’s how to get started.

Mobile Tactile Tech Get’s Physical
A tactile touch screen surface?

Google Finally Takes a Clear Stance on Mobile SEO Practices
And the winner is: responsive sites!

Tools

Understanding Viewport
A set of HTML pages with different viewport settings.

Gittip
Tip developers on Git for doing awesome open-source work.

jQuery Transit
CSS3 transitions with jQuery

Grunt JS
A JS build tool that gaining momentum.

A bi-monthly look at the world of web technologies.

The Origin of the <blink> Tag
Who ever came up with that must’ve been drunk…

Responsive Web Design
A Project Managers perspective.

Progress: RailsConf 2012 Keynote
David Heinemeier Hansson, creator of Ruby on Rails, talks about progress in our favorite framework.

RIP Hot Pink Text Highlighting
In a sad day HTML5 Boilerplate updates their default text selection color to something more neutral :(

Using HTML5 localStorage on a Form
How to save form data even if you reload the page.

Remote Debugging Protocol v1.0
Safari takes another step forward with their web inspector toolkit.

A bi-monthly look at the world of web technologies.

Instagram + Facebook
Facebook buys Instagram for like… a billion dollars.

Google Drive Detailed
Leaked press release gives us possible details of Google Drive, a new file storage service.

Discovering a Major Security Hole in Facebook’s Android SDK
Parse finds issues with Facebook’s SDK

Round Up of Web Browser Internals Resources
A link to links to help you understand your browser

Meteor
An interesting idea for a new IDE

Light Table
Another new IDE conecpt

Screen Resolution Alert
1366×768 takes over 1024×768 as most popular desktop resolution

bootstrap-wysihtml5
A simple html5 wysiwyg editor.

Launch: The All New Basecamp
37signals launched Basecamp Next

Cutting the Mustard
The browser is a hostile environment.

A Simple Devise Diagram for Responsive Design Planning
They weren’t kidding.

Responsinator
View your site in a number of devices widths.

jurlp
A jQuery plugin for parsing URLs.

Apple release Safari 5.1.4 with improved Javascript performance on OS X Lion

Brighter Planet Reference Data
Need data sets? Brighter Planet has you covered.

Should All Web Traffic Be Encrypted?
With HTTPS getting cheaper, encrypting would be a good standard.

Responsive Navigation Patterns
Helpful tips on keeping your navigation responsive.

Remote Debugging with Chrome for Android
With Chrome for Android comes developer tools.

jQuery HTML5 Fullscreen Slideshow
A fullscreen slideshow that automatically deprecates.

Interpreted Languages
Comparing PHP, Perl, Python and Ruby

normalize.css
Normalize and preserve helpful browser defaults, instead of resetting them.

Friday the 13th Superstitions Explained
Cross your fingers and knock on wood

The Internet Goes on Strike
Reddit and Wikipedia confirm Jan. 18th blackout to protest SOPA

A Prototype is Worth a Thousand Words
How documentation can only go so far

The Bug Fix that Could Make the Internet 5% Faster
Google Analytics developer has a problem with their cookies

Nokia Maps 3D
100% WebGL 0% plugin

Asynchronous UIs – The Future of Web User Interfaces
We don’t need no stinking page refresh

IE6 Countdown
IE6 usage drops below 1% in the US

Chrome 15 is Now World’s Most Popular Browser (Version)
Chrome’s #1! Chrome’s #1!

Bill DeRouchey’s Talks at CreativeMornings/Portland
Watch the Creative Director of Simple talk about creating with an opinion.

Finding Waldo with Code
It’s officially time for him to change his shirt.

VideoSWS: HTML5 Video Player Comparison
Who know there were so many?

User Retention as a Service?
With so much attention on gaining users, what can we do to keep them?

20 Sites that Pushed Javascript to the Limit
Which sites unlocked the hidden gems of the modern browser in 2011?

GoDaddy Faces Boycott Threat from SOPA Opponents
GoDaddy supports SOPA, loses customers

WebGL Nyan Cat
It was only a matter of time…

TextMate 2.0 Alpha
The TextMate we know and love is finally growing up!

The Quicksort Algorithm Explained
…using Hungarian folk dance.

15 Web Conference Talks You Need to Watch
According to .net Magazine

Microsoft Turns on Auto Update Internet Explorer for Everyone
The internet applauds.

An Intro to OOCSS
Let’s all do our part to fight CSS bloat.

Polyfilling The HTML5 Gaps
An excellent slideshow on bringing HTML5 features to non-supported browsers.

Respond.js
Speaking of polyfills, here’s a good one for CSS3 Media Queries

Hidden Industry Dupes Social Media Users
Your captchas aren’t enough anymore.

Why Apps Are Not The Future
The web is dead, or is it? A simple case against apps.

Fullscreen HTML5 Video
Yeah you heard me!

Top 6 HTML5 Trends in 2011
Mobile first, responsive design and offline caching, oh my!

Embedded Tweets
Copy/paste-able HTML for Twitter.

Facebook to Launch a Subscribe Button for Websites
“Publishers will be able to add the button to their websites, much like they do with the Twitter “follow” button today, allowing users one-click access to a person’s public updates.”

The Challenges of Working Remotely
Sam Brown discusses his person experience with working remotely.

A 404 Page with Class
Kudos to mint.com for helping Justin out.

Chrome Take Their Dev Tools to the Next Level (Again)
Paul Irish gives a tour of some of the new features.

The mysteries of pixel widths and screen resolutions have baffled Interweb designers, developers, and mere mortals for years. The simple truth is that what you see in a window may not be what others see unless you change your resolution and look again. And again. Unless! Introducing the FINE Res Tool.

This simple screen resolution tool unravels the mystery. To use it, simply enter a full URL of your choosing. Up pops that location superimposed with a draggable set of rulers  (x and y axis) configurable in center/left/and right alignment. These rulers allow you to view that site as it would be seen at different resolutions. So you can get a sense for what other eyeballs experience. A small dashboard at the bottom even gives you current stats on what resolutions most people use (hint: 1024 x 768). Best of all, it’s all done in javascript, so you’ll not need Flash to use it.

Maybe you want to check the margin padding on a site… the default image dimensions on a blog… maybe you want to communicate that you want something smaller to your web team or agency – how much smaller? Now you can see clearly where the lines are drawn, and even communicate in pixels instead of an estimated percentage – the language barrier is broken, the resolution mystery is solved. And a democratized method of measure is now available to all, from the pro developer to the savvy client.

Enjoy!