Tag Archive for 'wordpress'

Mediaite Launch

Rex Sor­gatz on the design of Medi­aite, Dan Abrams’s new media web­site:

…‘hor­i­zon­tal sites’ build a new kind of impor­tance hier­ar­chy. Design­ers don’t real­ize it, but unaligned ver­ti­cal stacks are a rem­nant of the way that news­pa­pers were designed—in columns, up and down. These new lay­outs are more like movie screens and wide mon­i­tors, with action mov­ing left and right.

A very sim­ple, but poten­tial­ly evo­lu­tion­ary step in our under­stand­ing of how read­ers can best scan and make sense of con­tent.

wp-Hyphenate by KINGdesk

Wp-Hyphen­ate is a very promis­ing plu­g­in for Word­Press, because it enables some typo­graph­i­cal con­trol not pre­vi­ous­ly avail­able for the web:

With it your left aligned text will be less ragged, and your jus­ti­fied text will avoid the ghast­ly word spac­ing that has pre­vented seri­ous web design­ers from using it.

It’s still in its ear­ly stages, but I’m exper­i­ment­ing with it here – using jus­ti­fied para­graphs and block­quotes. Let me know what you think.

Out of the box, the plu­g­in broke my linked flickr image codes, so I had to put <a> tags on the whitelist, so the plu­g­in ignores any linked text. Hope­ful­ly that issue will be addressed in the future.

UPDATE: Nov 16, 2008 – Jeff King has updat­ed his plu­g­in to address the issue described above.

Adding Flickr to WordPress 2.5’s Media Bar

I’m a big fan of the new Word­Press admin inter­face, espe­cial­ly the new media but­tons that lets you quick­ly add pho­tos, videos, and audio to your posts.

wp-media-flickr 1But what if you use Flickr for your pho­tos? Well, there is a great plu­g­in called Word­Press Media Flickr, writ­ten by yu-ji. It adds a lit­tle Flickr media but­ton, and makes adding a pho­to from your Flickr pho­to­stream a piece of cake.

His site is in Japan­ese, but he has a great screen­cast show­ing the plu­g­in at work.

Con­tin­ue read­ing ‘Adding Flickr to Word­Press 2.5’s Media Bar’

WordPress 2.5

A bit of admin­istriv­ia to pass along…

WP 2.5I spent some time this week­end updat­ing this weblog to Word­Press 2.5 RC1.1. The 2.5 pub­lic release should be avail­able soon, but you can grab nightlies that are pret­ty sol­id.

There are many new fea­tures, but the one I was most look­ing for­ward to was the redesign of the admin screens, by Jef­frey Zeld­man, Jason San­ta Maria, and Liz Danz­i­co of Hap­py Cog. The design is sim­pler and fresh, and I like how they sep­a­rat­ed the pure admin­is­tra­tive options from those that deal with post­ing and man­ag­ing con­tent. Also, the post­ing screen is great­ly sim­pli­fied and ele­gant.

Of course, in order to upgrade WP, I had to first upgrade the k2 theme, which my design is built upon. This involves rec­on­cil­ing my old CSS with any changes made since to K2, lest I break my site. After a few hours of work, every­thing was in order and I’m hap­py to report that the RC5 nightlies of K2 worked per­fect­ly for me in Word­Press 2.5.

If you’re curi­ous about WP 2.5, but not ready to upgrade – Chris John­ston has put up a pub­lic demo of 2.5, (login with admin/demo).

And if you’re con­sid­er­ing tak­ing the plunge, I rec­om­mend first mak­ing a back­up and ver­i­fy­ing that your theme is com­pat­i­ble.

Unoriginal

copy cattimothytipton.com is using a slight­ly mod­i­fied ver­sion of my K2 stylesheet, with­out att­tri­bu­tion.

The post lay­out is the same, and he’s using the same exact side­bar mod­ules, in exact­ly the same arrange­ment. His CSS is full of my cus­tom selectors/classes, and is still hot link­ing to images on my domain.

It’s one thing to take some­one else’s work, pick it apart, and learn from it. It’s quite anoth­er to just take someone’s work, remove attri­bu­tion, and tweak it just enough so that it has your name on it.

My site is built-off of the K2 frame­work, which is the work of a lot of excel­lent design­ers and devel­op­ers. The dif­fer­ence is that I’m upfront about attri­bu­tion, AND, I’ve tak­en the time and care to fash­ion some­thing new.

So, Tim­o­thy, might I sug­gest read­ing Greg Story’s post on How to prop­er­ly steal the design of a web­site?

I ran a diff on the two stylesheets, and took some screen­shots:

no attributionbreaking IMG references instead of removing?hotlinking to IMG on my domaincopying IMGs over to your own servercustom selectors

A New Nedward.org

Today, I’m launch­ing ver­sion 6 of nedward.org, a typo­graph­i­cal grid-based lay­out, with heavy use of Hel­veti­ca Neue. This site has always used a sim­i­lar shade of green, so I want­ed to main­tain that bit of con­sis­ten­cy with the past, while intro­duc­ing some­thing very dif­fer­ent. I also want­ed to bring togeth­er my con­tent from twit­ter, flickr, del.icio.us, and last.fm, while keep­ing it dis­tinct from the weblog con­tent — yea, I’ve gone back on my post is a post com­ments.

The last major revi­sion of this site was launched on May 1 2005, but even that was some­what of a realign­ment of the pre­vi­ous design, which dat­ed back to 2001. I’m a big pro­po­nent of Cameron Moll’s realign not redesign rule — so I spent the past few years tin­ker­ing away, refin­ing the same basic lay­out.

Con­tin­ue read­ing ‘A New Nedward.org’