Pinboard (warnick)

Responsive design and retina images: skating to where the puck will be

warnick — 2012-08-23T20:02:04+00:00

Marc Drummond makes a case for the element: "This is much larger than just Apple. Even if all displays aren’t high resolution in the future, enough of them will be that you won’t be able to ignore it, just as you can no longer ignore mobile design."

Learning to Love the Boring Bits of CSS

warnick — 2012-08-23T19:50:11+00:00

Peter Gasston: "Some of these boring bits have been around for a while but deserve more recognition, while others are just starting to appear in browsers. But they’ll all be revolutionary to the way we work—albeit in humble, unassuming ways."

I Won't Hire People Who Use Poor Grammar. Here's Why.

warnick — 2012-08-04T01:16:33+00:00

Kyle Wiens, CEO of iFixIt: "In blog posts, on Facebook statuses, in e-mails, and on company websites, your words are all you have. They are a projection of you in your physical absence. And, for better or worse, people judge you if you can't tell the difference between their, there, and they're."

The Responsive Calculator

warnick — 2012-06-14T18:23:29+00:00

"Just a simple calculator to help turn your PSD pixel perfection into the start of your responsive website."

Beautiful Web Type

warnick — 2012-06-14T18:18:29+00:00

"There are over 400 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look."

Apis Networks

warnick — 2012-05-31T19:03:07+00:00

Web hosting provider. Recommended by Tim Lockridge.

Suit Up or Die Magazine #1

warnick — 2012-05-08T21:03:05+00:00

Now that's how you build a slide show in HTML.

Pears

warnick — 2012-05-04T03:52:06+00:00

A collection of interface patterns, with accompanying CSS and HTML code. Also available as a WordPress theme. Yet another beautiful contribution to the world of web design from Dan Cederholm.

Build a responsive site in a week

warnick — 2012-04-25T19:26:18+00:00

Paul Robert Lloyd's five-part series shows each step of the responsive process.

Ethan Marcotte answers your responsive web design questions

warnick — 2012-04-25T16:00:27+00:00

Interesting interview about the current state of responsive web design. Marcotte mentions a few resources I hadn't seen before.

Pitfalls of WYSIWIG: Self Publishing Hell

warnick — 2012-04-18T19:02:45+00:00

Luke Maciak makes a great case for ditching MS Word and switching to Markdown: "There is simply no way around it. As we move towards more open-ended, more web driven environments, Word is an archaic, led anchor that drags everyone down, and restricts their movements. Word hurts productivity by forcing you to fiddle with it every time you are trying to collaborate or publish your stuff online."

What is HTML5?

warnick — 2012-04-17T01:00:59+00:00

A short video explaining some basic (*very* basic) concepts related to HTML5.

Waxy.org Turns 10

warnick — 2012-04-16T19:36:56+00:00

Andy Baio reflects on 10 years of blogging: "Most of the interest in writing online's shifted to microblogging, but not everything belongs in 140 characters and it's all so impermanent. Twitter's great, but it's not a replacement for a permanent home that belongs to you."

Am I a Content Strategist?

warnick — 2012-04-16T00:27:05+00:00

Mark Baker: "The debate between centralized control and distributed authority is eternal. The Web, with its capacity for both personal connection and instantaneous global distribution, profoundly affects this dynamic, generally in favor of distribution of authority. As David Weinberger says, hypertext subverts hierarchy. Can one have a content strategy based on distributed authority?"

DONTCLICK.IT

warnick — 2012-03-06T23:13:34+00:00

A demonstration of a web interface that doesn't require (nay, prohibits) clicking.

If Twitter Is a Work Necessity

warnick — 2012-03-02T18:02:52+00:00

NY Times: "For midcareer executives, particularly in the media and related industries, knowing how to use Twitter, update your timeline on Facebook, pin on Pinterest, check in on Foursquare and upload images on Instagram are among the digital skills that some employers expect people to have to land a job or to flourish in a current role."

Subtle Patterns

warnick — 2012-03-01T03:38:23+00:00

A slew of free tiled images for your next web project.

What are the best blogs ABOUT WordPress?

warnick — 2012-02-29T18:41:47+00:00

A great collection of links for learning WordPress on Ask MetaFilter.

Medium of Choice

warnick — 2012-02-29T16:59:44+00:00

Paul Ford's personal principles for writing on the web: "The web is my medium of choice, not a medium of last resort."

Search Engine Optimization for Smarties

warnick — 2012-02-17T19:49:24+00:00

Some simple, smart, and ethical strategies from Dan Cohen: "I've long thought I should let those in academia (and other creators of reliable, noncommercial digital resources) in on the not-so-secret ways you can move your website higher up in the Google rankings (as well as in the rankings of other search engines)."

Responsive Design: Progressive Enhancement, Part Deux!

warnick — 2012-02-17T19:41:13+00:00

Aaron T. Grogg: "This is responsive design: designing for anything that might come to be, not what we have today. Today is already yesterday; build for tomorrow, so you’re ready when it gets here."

The responsive design process

warnick — 2012-02-17T19:39:44+00:00

Matt Wilcox: "This article gives one possible approach for designing responsive websites. It is not a technical document, and does not require knowledge of HTML, CSS, or any other programming or mark-up languages."

Structure First. Content Always.

warnick — 2012-02-17T19:32:03+00:00

Mark Boulton: "Content needs to be structured and structuring alters your content, designing alters content. It’s not ‘content then design’, or ‘content or design’. It’s ‘content and design’."

Private Profiles Finish Last

warnick — 2012-02-14T21:35:41+00:00

Forbes: "Before you rush to deactivate or completely censor your profiles, consider this: having little to no trace online in this digital age can work against you. *What?* Yes. In fact, it is actually unusual. To find no hint of personality in the black hole that is the World Wide Web can be unsettling for employers."

The Personal Page

warnick — 2012-02-09T16:08:20+00:00

Naz Hamid shares his very nice template for creating a simple, bold "about" page for a personal website. Kind of like a self-hosted version of about.me.

Bill Wolff asked his students to quit Facebook for a week

warnick — 2012-02-09T14:21:08+00:00

The resulting tweets and blog posts demonstrate just how deeply entangled most of us are in Facebook and other social networks.

Designing for Content Management Systems

warnick — 2012-02-04T05:58:28+00:00

Smashing Magazine offers some good tips for building sites with a CMS.

Brian May's Site Guide

warnick — 2012-02-03T21:42:49+00:00

When your site guide is ten times more complicated that your actual site, you've got a problem.

Be Better at Twitter: The Definitive, Data-Driven Guide

warnick — 2012-02-03T20:39:37+00:00

The Atlantic reports on a year-long study of readers' reactions to various types of tweets. The results aren't remarkably surprising, but it's nice to see real data on this subject.

Trent Walton on responsive web design

warnick — 2012-02-03T20:33:34+00:00

"If there’s anything I’ve had to learn the hard way through all of this, it’s that responsive web design isn’t bolt-on. Whereas progressive enhancements (like border-radius), or web fonts can easily be added and removed from a site, responsive (for me at least) has required a complete redefinition of how I approach my craft down to the pixel. The more I learn & adapt, the more certain I am that this is the best way to build for the web."

Dangers of Fracking

warnick — 2012-02-03T20:32:00+00:00

Beautiful use of HTML5, CSS3, and Javascript.

HTML and CSS: Design and Build Websites

warnick — 2012-02-02T05:32:28+00:00

A new textbook that covers the basics of HTML and CSS in a surprisingly elegant way. Looks promising.

HTML5 Video

warnick — 2012-01-30T20:46:06+00:00

A nice resource explaining how the element works in HTML5 and comparing several popular methods for embedding video.

How to Approach a Responsive Design

warnick — 2012-01-30T20:44:18+00:00

Tito Baottitta explains how the Upstatement team developed the new Boston Globe website: "[W]e experimented with how to solve design and layout problems within a responsive framework. We learned a helluva lot as we went, like how to choose the right design software, strategies for thinking through breakpoints, and some best practices for designing in the browser."

50 Beautiful Yet Free HTML5 And CSS3 Templates

warnick — 2012-01-25T20:06:21+00:00

A nice collection of templates from Smashing Apps.

No More Résumés, Say Some Firms

warnick — 2012-01-25T19:40:17+00:00

The Wall Street Journal reports that "[c]ompanies are increasingly relying on social networks such as LinkedIn, video profiles and online quizzes to gauge candidates' suitability for a job. While most still request a résumé as part of the application package, some are bypassing the staid requirement altogether."

Making Love to WebKit

warnick — 2012-01-17T22:51:47+00:00

Whoa. Steven Wittens demonstrates that web design is a true artform.

Showcase of Academic and Higher Education Websites

warnick — 2012-01-08T03:48:24+00:00

Smashing Magazine demonstrates that not *all* university websites are terrible.

Dabblet.com

warnick — 2012-01-04T03:44:55+00:00

Live HTML/CSS editor. Pretty slick.

Useful Web Typography Tools

warnick — 2012-01-04T03:01:31+00:00

A nice collection of resources for working with typography in CSS.

Overflow Image with vertical centering for Responsive Web Design

warnick — 2012-01-04T02:59:57+00:00

"If you want to use an image in your responsive web design you can use fluid images. But there is another way. You can set a maximum height and crop the image."

Multi-Device Web Design: An Evolution

warnick — 2011-12-24T19:24:20+00:00

Luke Wroblewski reviews the state of responsive web design. Lots of great links here.

A Step-by-Step Guide to Transfer Domains Out Of GoDaddy

warnick — 2011-12-24T18:41:22+00:00

Jeff Epstein explains how to leave GoDaddy behind for good.

The internet's Go Daddy issues

warnick — 2011-12-24T18:29:13+00:00

Jason Kottke lists a few of the many reasons why no one (and I do mean *no one*) should do business with GoDaddy.

Exquisite Tweets

warnick — 2011-12-09T21:28:26+00:00

Cool tool for presenting an entire Twitter conversation in chronological order, with embedded images, videos, etc...

The Readable Future

warnick — 2011-12-09T21:12:36+00:00

Brent Simmons offers some great advice to anyone publishing online: "Readers are smart, and they love to read, and they’ll go where they can read, and they have more and more options."

My 10 years of blogging: Reflections, Lessons & Some Stats Too

warnick — 2011-12-09T21:09:54+00:00

Om Malik reflects on a decade of blogging and offers a few great lessons. I like this one: "Being authentic in your thoughts and voice is the only way to survive the test of time."

Move The Web Forward

warnick — 2011-12-09T20:49:58+00:00

An excellent "guide to getting involved with standards and browser development." Lots of links to other great resources. Required reading for anyone who wants to get serious about web design.

Facebook privacy: You're as much to blame for the site's privacy woes as Mark Zuckerberg

warnick — 2011-12-09T20:47:25+00:00

Farhad Manjoo, in Slate: "Yes, Facebook has made some boneheaded privacy transgressions over the years. But the problem isn’t only Facebook—it’s also our misguided idea that we can control the audience for anything we post online. The entire point of Facebook is to allow us to connect and share stuff. It is thus, by its very nature, one of the most intrusive technologies ever built—and, for better or worse, we’re stuck with it."

When the Mainstream Media First Met the Blog

warnick — 2011-12-09T20:36:19+00:00

Rebecca J. Rosen compiles some late-90s news reports about the early days of blogging.

10 steps to better blogging

warnick — 2011-12-05T16:21:42+00:00

Some great advice from Dan Frommer, including this gem: "Write the site that you want to read. That covers story selection, length, frequency, style, vocabulary, attitude, humor, level of sensationalism, and more. Don’t publish anything you’re not proud of. Be yourself."

The Pummeling Pages

warnick — 2011-12-04T05:13:21+00:00

Brent Simmons makes a compelling case for removing all of the cruft on corporate sites that inhibits reading: "I made the mistake of going to a website today.... I was there because I just wanted to read something. Words. Black text on a white background, more-or-less. And what I saw — at a professional publication, a site with the purpose of giving people something good to read — was just about the farthest thing from readable."

Code Snippets from CSS-Tricks

warnick — 2011-12-04T04:50:10+00:00

A collection of HTML, CSS, PHP, JavaScript, and WordPress code snippets. Looks really useful.

Background Patterns in Web Design: 30 Beautiful Examples

warnick — 2011-12-04T04:29:04+00:00

A nice compilation of sites that use background patterns in unique ways.

ANNOYING: The Article As A Slideshow

warnick — 2011-12-01T22:01:05+00:00

MG Siegler, on the ugly trend of reformatting articles as slideshows: "3 slides (of 12) in, I have no clue who wrote this. And the whole thing lacks the flow of great writing. It’s a bunch of mini-blurbs instead of one cohesive article making a strong case. Both the reader and the writer lose as a result of this nonsense. But Business Insider wins, I suppose."

Occupy Flash

warnick — 2011-11-21T14:57:00+00:00

From the Manifesto: "Flash Player is dead. Its time has passed. It's buggy. It crashes a lot. It requires constant security updates. It doesn't work on most mobile devices. It's a fossil, left over from the era of closed standards and unilateral corporate control of web technology."

Khoi Vinh: On the Grid

warnick — 2011-11-09T16:38:35+00:00

The Color Machine interviews Khoi Vinh. Nice video.

Our Solar System

warnick — 2011-11-01T00:47:24+00:00

"An experiment with CSS3 border-radius, transforms & animations." Another nail in Flash's coffin.

Linear Gradients

warnick — 2011-10-03T14:54:18+00:00

WestCiv's CSS3 gradient generator. Pretty slick.

Matt Legend Gemmell explains the only right way to do SEO

warnick — 2011-09-23T03:09:58+00:00

"I'm asked sometimes for advice on building an internet presence, and I usually have to fumble for an answer — because I haven’t pursued any particular strategy beyond the glaringly obvious: create original, relevant content repeatedly."

ifttt

warnick — 2011-09-16T02:21:35+00:00

A web-based service that performs specific actions when *you* perform specific actions. "If this then that." Get it? Yeah, me neither.

Best domain name registrar?

warnick — 2011-09-02T14:24:18+00:00

A good Ask MetaFilter thread on domain registrars. Long story short: Gandi seems to be the hip place to be these days.

The Shapes of CSS

warnick — 2011-08-26T17:39:06+00:00

A tutorial on creating non-rectilinear shapes using only CSS.

Golden Grid System

warnick — 2011-08-26T02:30:32+00:00

A really nice framework for designing websites that adjust according to browser width.

0to255

warnick — 2011-08-26T02:28:53+00:00

A fantastic tool that helps you find variations on any hexadecimal color. Hooray for monochromatic designs!

Restaurant websites: Why are they so awful? Which ones are the absolute worst?

warnick — 2011-08-10T23:29:07+00:00

Farhad Manjoo, writing in Slate: "While lots of people have noted the general terribleness of restaurant sites, I haven't ever seen an explanation for why this industry's online presence is so singularly bruising. The rest of the Web long ago did away with auto-playing music, Flash buttons and menus, and elaborate intro pages, but restaurant sites seem stuck in 1999."

Web Writing Style Guide Version 1.0

warnick — 2011-07-19T06:11:41+00:00

Great new collaborative project from the Writing Spaces folks. This might be useful next time I teach Writing Online.

Patternry

warnick — 2011-07-19T06:10:04+00:00

Patternry is a design pattern library aimed to help solve common interface design problems. It is also a tool for building and sharing pattern libraries privately.

Web Copywriting Tips

warnick — 2011-06-21T15:53:47+00:00

Interesting AskMeFi post about writing for the web. Lots of conflicting advice here, as usual.

(More) Useful Web Usability Testing Tools

warnick — 2011-06-05T04:10:33+00:00

Nothing original here, but a decent list of links to usability-related websites and products.