Posts Tagged ‘elsewhere’

Elsewhere: A better Photoshop grid for responsive web design

Wednesday, February 8th, 2012

I’ve been coding for over twenty years now, and I still hate math. With responsive designs, you end up with a lot of awkward numbers. Thankfully, Elliot Jay Stocks has provided a handy little PSD for designing for responsive grids in Photoshop.

Compare that to a container that has a width of 1000px. 1000 is a nice, easy, round number. Dividing by 1000 results in clean percentages and better still, dividing by 1000 is something we can do in our heads: just remove the zero. A 140px column inside a 1000px container is 14%. A 500px column in a 1000px container is 50%. 320px is 32%. Easy!

Check it out.

 

Elsewhere: Pea.rs

Monday, February 6th, 2012

I’m not at An Event Apart: Atlanta. Which is a shame because by all accounts I missed some wicked banjo playing by Dan Cederholm. And I love listening to some good banjo.

However, I am following along via Twitter, and saw this announcement by Jeffrey Zeldman, web design godfather and co-founder of An Event Apart:

.@simplebits just unveiled Pears pea.rs, an open source web design pattern library/WP theme. #aea

Pea.rs looks like a convenient little tool for web designers to bookmark, a library of sorts where commonly needed HTML/CSS patterns for common page elements like navigation, lists and such can be quickly grabbed and used. I’m sure you’re all so amazing that you don’t need it for your markup, but I also think for prototyping some page elements this might be a good resource to go-to to quickly grab and paste. You might also find a few new ideas on how to arrange your markup or CSS, too.

Check it out.

Elsewhere: Getting Vertical With CSS

Thursday, July 29th, 2010

Over at the Mindfly Studio Blog I’ve added a small tutorial on how to vertically align your text with CSS. Yes, it annoys the hell out of me to use display: table-cell (which was the source of Monday’s comic on this very topic), but for now it’s the best thing we’ve got. If you’re wrestling with just this, pop on over for a simple explanation.

If you’ve got a better method, please tell me in the comments. I’m open to new and strange things, like Texan sushi.

Elsewhere: Making the Grade – A Primer on Linear Gradients

Friday, February 26th, 2010

I’ve finally (albeit weeks later than intended) created a primer on linear gradients with CSS. It’s a shallow dip into the deep pool of CSS gradients, but it’ll help get you started on taking advantage of gradients with Webkit, Firefox and even Internet Explorer! (Yes, really.)

It’s posted over here at Mindfly Web Design Studio. If you’re curious about gradients but scared of the syntax, check it out.

Elsewhere: Mark Pilgrim’s “Tinkerer’s Sunset”

Sunday, January 31st, 2010

Usually when I mention Mark Pilgrim, it is with a dismayed tone that is meant to paint him as a dastardly villain who is elbow-deep in foul rituals meant to permanently stain the reputation of the HTML5 effort; an implication is made that he is resurrecting some great beast that will swallow the earth whole and enslave our souls.

What I’m saying is that, on average, I’m not a fan of his work.

However, his recent blog post “Tinkerer’s Sunset” clearly states the case of why the direction the iPad is moving the market is a sad affair. A man who learned his craft on an Apple IIe, he’s dismayed at the thought of the next generation of tinkerers, who will have to pay a fee or commit crimes in order to look under the hood of their own computers.

Many claim the iPad represents what the future of computing will look like: tailored, “safe” devices with little room for modification or customization (unless you plan on spending some time in court). Maybe that’s how it’ll be, and there’s little to be said or done. But Mark helps illustrate why that future will be a sad one. Go read his post.