Amy​Out​law​.com

May 6, 2008

AmyOutlaw.orgThis is a fair­ly stan­dard Mov­able Type blog for a Friend (Quak­er) based in the West-Philly neigh­bor­hood of Philadel­phia, PA. The most unusu­al ele­ment is that the client want­ed two sep­a­rate blogs: one meant for dai­ly posts and the oth­er for more week­ly posts (it’s all set up in MT via cat­e­gories). This also shows the use of Sli­doo for a pho­to ban­ner head. The pic­tures are all pulled from a par­tic­u­lar set of her Flickr account. Vis­it site.

Movable Type and RTL languages

May 7, 2007

I’m work­ing
on an inter­na­tion­al site built in Mov­able Type and includ­ing statements
in mul­ti­ple lan­guages, includ­ing “Right to Left” lan­guages like Arabic
and Hebrew. 

I was pleas­ant­ly sur­prised when I cut-and-pasted an Ara­bic text from
MS Word into Mov­able Type and found the let­ters look­ing good both in
the MT entry box and the resul­tant post. I did­n’t real­ize just how pow­er­ful UTF-8 encod­ing
is and how well MT sup­ports it through­out the sys­tem. Still, the output
was­n’t cor­rect, as it was­n’t dis­played in right-to-left fash­ion. I
need­ed to fig­ure out the CSS for this kind of out­put and an easy way to allow the client to set this with­out forc­ing them into coding.

Using the highly-recommended Right­fields Plu­g­in I added a check­box field for posts that should be dis­played in RTL. Here’s a screenshot:

Right­Fields has an IF func­tion that we can use to set a new DIV with our RTL style. Here’s the cod­ing in the MT tem­plate, stuck in just after the “entry-body” div:

<MTExtraFields>
<MTIfExtraField field="RTL">
<div class="rtl-display">
</MTIfExtraField>

Note: you’ll also have to add sim­i­lar code to close the div at the end of the passage.

Final­ly, as best as I can deter­mine, this is the prop­er CSS des­ig­na­tion for RTF dis­play (Microsoft has a good web­page on this). It works in Fire­fox, IE7 and IE6.

.rtl-display p {direction:rtl;text-align:justified;text-align:justify;}

I’d be hap­py to get any feed­back or cor­rec­tions to this. I’m a typ­i­cal ‘Mer­i­can
whose for­eign lan­guage skills don’t go far past a dozen phras­es lifted
from Sesame Street and long-ago French class­es. Ara­bic and Hebrew
type­set­ting are quite unfa­mil­iar terrain.

Tweaking the blogs for hyperlocal content

September 4, 2006

Inter­est­ing arti­cle over the Move­able­type blog. Anil Dash inter­views George John­son Jr of Hyper­local Media, who’s using MT as a con­tent sys­tem to build hyper­local com­mu­ni­ty sites that can com­pete against local news­pa­pers (see their very-cool look­ing Buf­faloRis­ing site). 

Here’s some of what John­son has to say:

Dis­tri­b­u­tion, con­tent cre­ation, and the abil­i­ty to more
eas­i­ly com­pete with estab­lished local play­ers online… blog­ging is
per­fect for that. I mean a blog is chrono­log­i­cal­ly arranged, in
columns, divid­ed by cat­e­gories and changes (in many cas­es) everyday.
That’s the broad def­i­n­i­tion of a news­pa­per, right? A blog is so much
more than that, but the basic struc­ture lends itself very well to
devel­op­ing an online com­peti­tor for newspapers.

It was three years ago that I fol­lowed Brad Choate’s instruc­tions for using Move­able Type as a whole-site con­tent man­age­ment sys­tem.
What start­ed as an exper­i­ment became a way of life for me. The MT
inter­face lends itself so well to con­tent man­age­ment that I’m now using
it for my non-techie clients: Quak​er​song​.org and Quak​ery​outh​.org
are both put togeth­er by MT and I’ve been sur­prised that there’s been
almost no learn­ing curve for the clien­t’s adop­tion of this software. 

Giv­en this, it seems odd that the kids at Move­able Type haven’t
tak­en MT in this direc­tion (even more sur­pris­ing since they hired Brad
him­self a few years ago!). I see a big mar­ket in my niche sites for
this sort of func­tion­al­i­ty and three years lat­er I’m still hav­ing to
tweak tem­plates to get this to work. Anil, what’s up? If Dru­pal had bet­ter doc­u­men­ta­tion and smoother instal­la­tion it would have been the brawn behind Mar​tinKel​ley​.com.

It would be fun to fol­low Until Mon­day’s exam­ple and cre­ate a
hyper­local site (hint hint to VW if she’s read­ing this). Of course,
local­i­ty is not just geographically-based any­more. Quak​erquak​er​.org is a local por­tal of a dif­fer­ent kind. I’m a big believ­er that the hyper­local­i­ty of niche and geo­graph­ic sites are the cut­ting edge in the next-wave of the social web.

There’s a lot of pio­neer­ing to be done in this regards. The net has
a lot of pow­er to take down cul­ture monop­o­lies by con­fronting old boy
net­works and business-as-usual think­ing with inno­v­a­tive social networks
that har­ness the tal­ents of the out­siders. The smart newspapers,
mag­a­zines, church­es and cul­tur­al orga­ni­za­tions will come on board and
leap-frog them­selves to twenty-first cen­tu­ry rel­e­vance. Too many of the
Philadel­phia (and/or) Quak­er insti­tu­tions I know respond to change by
shuf­fling job titles and putting blind­ers up against rec­og­niz­ing the
ever-narrower demo­graph­ic they serve. 

Going all the way with MovableType

August 5, 2005

An
ear­ly descrip­tion of my using the Mov­able Type blog­ging plat­form as a
con­tent man­age­ment sys­tem (CMS) for an entire web­site. I’ve used these
tech­niques to build web­sites which clients can eas­i­ly manip­u­late and
update.

Inspired by Doing Your Whole Site with MT
on Brad Choate’s site, I start­ed exper­i­ment­ing today with putting the
whole Non​vi​o​lence​.org site into Mov­able Type. At first I thought it was
just a tri­al exper­i­ment but I’m hooked. I espe­cial­ly love how much
clean­er the entry for the links page now looks and I might actu­al­ly be inspired to keep it up to date more now. (I’ve also inte­grat­ed Choate’s MT-Textile which makes a big dif­fer­ence in keep­ing entries clean of HMTL garbage, and the semi-related Smar­ty­Pants which makes the site more typo­graph­i­cal­ly ele­gant with easy M‑dashes and curly quotes).

So here’s what I’m doing: there are three Mov­able Type blogs inter­act­ing with one anoth­er (not includ­ing this per­son­al blog):

  • One is the more-or-less stan­dard one that is pow­er­ing the main home­page blog of Non​vi​o​lence​.org.
  • The sec­ond I call “NV:Static” which holds my sta­t­ic pages, much as Brad out­lines. I put my desired URL path
    into the Title field (i.e., “info/index”) and then put the page’s real
    title into the Key­words field (i.e., “About Non​vi​o​lence​.org”) and have
    that give the data for the title field and the first head­line of the
    page. It might seem back­wards to use Title for URL and then use Key­words for Title, but this means that when I’m in MT look­ing to edit a par­tic­u­lar file, it will be the URL paths that are listed.
  • The third blog is my “NV:Design Ele­ments.” This con­tains the block
    of graph­ics on the top and left of every page. I know I’ll have to
    redesign this all soon and I can do it from wher­ev­er. This blog outputs
    to HTML. All the oth­er pages on the site are PHP and its a sim­ple include to pull the top and left bars into each PHP page.

Oh yes, I’m also think­ing of incor­po­rat­ing guest blogs in the near
future and all of these ele­ments should make that much easier.

Here’s anoth­er site to check out, about how some­one inte­grat­ed Mov­able Type into their church web­site using some inter­est­ing techniques.