I spent a little time this evening tidying up the theme here. I had wanted to use my own design, but it wasn’t looking like I was going to get around to finishing it any time soon, so I just picked one of the clean free themes and tweaked it slightly. There’s a new avatar and header too. For ten minutes work, I’m quite happy with it.

I’ve also removed the #font-face and #webfont tags and replaced them with the more general purpose #fonts tag.

Enjoy!

I spent a little time this evening tidying up the theme here. I had wanted to use my own design, but it wasn’t looking like I was going to get around to finishing it any time soon, so I just picked one of the clean free themes and tweaked it slightly. There’s a new avatar and header too. For ten minutes work, I’m quite happy with it.

I’ve also removed the #font-face and #webfont tags and replaced them with the more general purpose #fonts tag.

Enjoy!

Beautiful Web Type

A showcase of the best typefaces from the Google web fonts directory.

There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.

(I think I may have posted this one before, but I can’t tell because apparently the hyphenated ‘font-face’ tag I’ve been using doesn’t work on tumblr! I’ll sort it out later.)

Typespiration

Typespiration.com is the place where you can find inspirational web font combinations with ready-to-use CSS codes, color schemes and web-safe font families.

We believe that typography is a foundation of any great web design. With the current web technology and easily accessible resources we can use quality fonts in order to make the internet a more beautiful place.

Google font pairings

There are over 640 Google web fonts available for free. Problem is, pairing typefaces isn’t easy. And, many of the fonts in Google’s library don’t work well when applied to typical webpage (desktop) layouts. Part of the 25x52 initiative, this collaborative, ongoing project helps provide typographic inspiration for using Google’s web fonts for web applications.

Some lovely pairings, but the presentation is exceptional.

Jeffrey Zeldman: 20 years of Web Design and Community

Who is Jeffrey Zeldman? The “Miles Davis of web design”? “Godfather of the web”? Or simply “your friend on the Internet”? For people who make websites, Zeldman is all of these and more. He’s been a guiding voice in web design since the earliest days of the Internet, leading the charge in the fight for web standards. He’s an educator whose businesses—A List Apart, An Event Apart, and A Book Apart—are extensions of his basic instinct to share his best ideas. He’s also a community leader that other designers look to for inspiration. This film is an intimate portrait of a man who has helped shape the web but isn’t recognized by most of the people who use it everyday. Learn how he evolved his influential mailing list, how he convinced Netscape and Internet Explorer to support HTML and CSS, and what he’s doing to pass the torch to the next generation.

Medium’s CSS is actually pretty fucking good.

Or so says Medium’s Jacob Thornton (aka @fat):

I’ve been meaning to write something about the CSS at Medium for a while because I’m not completely ashamed of it…

So how did that happen? What did we do differently? OMG, how can you do the same thing? Or learn from us, or something?

What follows are some notes on our CSS, the steps we’ve taken to get it to where it is, and the world we live in today.

It’s a good read, going through the history of CSS/LESS at Medium and includes a few versions of their official style guide.

Medium’s CSS is actually pretty fucking good.

Or so says Medium’s Jacob Thornton (aka @fat):

I’ve been meaning to write something about the CSS at Medium for a while because I’m not completely ashamed of it…

So how did that happen? What did we do differently? OMG, how can you do the same thing? Or learn from us, or something?

What follows are some notes on our CSS, the steps we’ve taken to get it to where it is, and the world we live in today.

It’s a good read, going through the history of CSS/LESS at Medium and includes a few versions of their official style guide.

Interview with Heather Burns:

The EU’s new consumer rights law bans certain dark patterns related to e-commerce across Europe. The “sneak into basket” pattern is now illegal. Full stop, end of story. You cannot create a situation where additional items and services are added by default. No more having to manually remove insurance from your basket when purchasing plane tickets.

Also hidden costs and forced continuity (signing up for a free trial with your credit card and automatically getting billed at the end of the trial) have been banned.

You probably build websites and think your shit is special. You think your 13 megabyte parallax-ative home page is going to get you some fucking Awwward banner you can glue to the top corner of your site. You think your 40-pound jQuery file and 83 polyfills give IE7 a boner because it finally has box-shadow. Wrong, motherfucker. Let me describe your perfect-ass website:

  • Shit’s lightweight and loads fast
  • Fits on all your shitty screens
  • Looks the same in all your shitty browsers
  • The motherfucker’s accessible to every asshole that visits your site
  • Shit’s legible and gets your fucking point across (if you had one instead of just 5mb pics of hipsters drinking coffee)

An oldie apparently, but one I hadn’t seen before. Sorry if you don’t care for the swearing, but I think the point made is very true indeed:

I’m not actually saying your shitty site should look like this. What I’m saying is that all the problems we have with websites are ones we create ourselves. Websites aren’t broken by default, they are functional, high-performing, and accessible. You break them. You son-of-a-bitch.

CSS Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSS.

By Harry Roberts of CSS Wizardry:

Some time ago, I published my CSS Guidelines on GitHub. These proved incredibly popular, with thousands of stars, hundreds of forks, and a number of translations. However—as often happens with these kinds of thing—they’re in need of a little bit of spring clean.

I’m going to completely revisit, revise, overhaul, and rewrite the guidelines into a comprehensive version 2.0.0. They will cover new things, they will change old things, and they will be a lot, lot more thorough.

(via Paul Lloyd)

CSS Guidelines

High-level advice and guidelines for writing sane, manageable, scalable CSS.

By Harry Roberts of CSS Wizardry:

Some time ago, I published my CSS Guidelines on GitHub. These proved incredibly popular, with thousands of stars, hundreds of forks, and a number of translations. However—as often happens with these kinds of thing—they’re in need of a little bit of spring clean.

I’m going to completely revisit, revise, overhaul, and rewrite the guidelines into a comprehensive version 2.0.0. They will cover new things, they will change old things, and they will be a lot, lot more thorough.

(via Paul Lloyd)

Designer’s Guide to DPI

A comprehensive guide by Sebastien Gabriel covering DPI/PPI, resolutions, retina, 4K, monitor hertz, all kinds of platforms and loads of practical tips:

This guide is designed as a “get started” or introductory read for the starting to intermediate designer who wants to learn or get more knowledge about cross-DPI and cross-platform design from the very beginning.

No complex math and un-parsable graph, just straight forward explanations ordered in short sections for you to understand and apply directly to your design process.

Designer’s Guide to DPI

A comprehensive guide by Sebastien Gabriel covering DPI/PPI, resolutions, retina, 4K, monitor hertz, all kinds of platforms and loads of practical tips:

This guide is designed as a “get started” or introductory read for the starting to intermediate designer who wants to learn or get more knowledge about cross-DPI and cross-platform design from the very beginning.

No complex math and un-parsable graph, just straight forward explanations ordered in short sections for you to understand and apply directly to your design process.

Scoop: A Glimpse Into the NYTimes CMS

Suddenly, the CMS, an often derided but necessary tool of modern journalism, is cool. Vox uses its CMS as a recruiting tool. Google is not-so-secretly building a CMS for the news industry. Times media columnist David Carr recently devoted an entire column to the up-and-coming blogging platform/CMS called Medium, and proclaimed that “the content management system is destiny.”
We couldn’t agree more. Here at The Times, our own CMS, Scoop, is central to our ambitions to innovate on all platforms. It’s also the repository for all the aspirations for what the merging of print and digital journalism may one day become — and many of the frustrations for what it is today.

Scoop: A Glimpse Into the NYTimes CMS

Suddenly, the CMS, an often derided but necessary tool of modern journalism, is cool. Vox uses its CMS as a recruiting tool. Google is not-so-secretly building a CMS for the news industry. Times media columnist David Carr recently devoted an entire column to the up-and-coming blogging platform/CMS called Medium, and proclaimed that “the content management system is destiny.”

We couldn’t agree more. Here at The Times, our own CMS, Scoop, is central to our ambitions to innovate on all platforms. It’s also the repository for all the aspirations for what the merging of print and digital journalism may one day become — and many of the frustrations for what it is today.