A post describing a site, bookmarklet, font or icon set, or other resource.

Strictly for My Ninjas

Font Face Ninja in actionToday I'm sharing a great tool for exploring typography on the web. Fontface Ninja is a plugin for the Chrome and Safari browsers that allows you to identify the font face and styling of any text on a page.

Responsive Design Bookmarklet

I've been developing a responsive theme for a new site, and I've found Responsive Design Bookmarklet extremely useful. Just drag the button from the site to the bookmark bar in your browser and when you activate it, you'll have the ability to shrink the viewport to a number of pre-set widths.

PHP vs. Ruby vs. Python

I just stumbled across this great infographic from columnfivemedia. It offers a comparison of what are currently the most popular server-side languages: PHP, Ruby, and Python. The graphic also includes charts showing what combination of languages are most likely to get you a job.

Icon Font Families

Entypo Lightning Bolt IconWeb and application designers need icons, and most of the time we need more or less the same ones---icons representing users, icons for navigation and interactions, social media icons, etc. Several projects have been bundling these icons into pictographic fonts (sort of a Zapf Dingbats for icons).

Getting Sketchy with Wireframes

WireframeIt wasn't that long ago that my process for developing a website for a client was to create some visual mock-ups in Photoshop, get feedback, make changes, and then get coding. More recently, I've adopted the practice of starting with wireframes for any project that requires input from a client.

Brakets: A New Open Source Code Editor

Brackets LogoThere's a new code editor in town, and it's free and open source. Brackets is an editor specifically designed for web development, focusing on CSS, HTML, and JavaScript. What makes it unique is that it is also built in those same languages.

Firebug as a Development Tool

Firebug Logo

Want to see what a website looks like under the hood? Or maybe debug some script you've just written? It's hard to find a better tool than Mozilla's Firebug plugin for the Firefox browser. Chrome, Safari, and Opera browsers all have development tools that allow you explore the code and resources that makes a particular webiste go. Still, most developers I know prefer to use Firebug.

Sassy CSS

Sass Logo

Earlier this week, I attended a presentation at Harvard about an extension of the CSS3 language called Sassy CSS (SPCSS), or just "Sass." Here's the run-down:

Lorem ipsum duldroms

Anti Lorem Ipsum

If you've spent any time designing text for print or the web, you're probably familiar with "Lorem Ipsum." For the uninitiated, Lorem Ipsum refers to a passage of latin text from the Roman philosopher Cicero. For hundreds of years, type designers have used this passage as place-holder text in their designs.

ColorSchemer Studio

Color Palette from Photo