{"id":25,"date":"2003-09-07T07:36:00","date_gmt":"2003-09-07T07:36:00","guid":{"rendered":"http:\/\/jclark.org\/weblog\/WebDev\/ThisSite\/nickel.html"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T04:00:00","slug":"nickel","status":"publish","type":"post","link":"https:\/\/jclark.org\/weblog\/2003\/09\/07\/nickel\/","title":{"rendered":"Nickel Tour"},"content":{"rendered":"<p>So here&#8217;s the nickel tour of the new site design.  I&#8217;ve split it into two lists- general features and <a href=\"http:\/\/www.blosxom.com\" title=\"The Blosxom Homepage\">Blosxom<\/a>-specific design features.  Among the general features are:<\/p>\n<ul>\n<li>Cleaned up layout.  The <a href=\"http:\/\/jclark.org\/weblog\/index.rev1\">prior revision<\/a> was a basic sketch of what I wanted, but was pretty rough about the edges.  The new layout pays attention to details.<\/li>\n<\/ul>\n<ul>\n<li>More consistent.  The prior version looked different in IE\/Win.  Thanks to <a href=\"http:\/\/www.amazon.com\/exec\/obidos\/ASIN\/0735712018\/jclarkorg-20\">Zeldman&#8217;s Book<\/a>, I was able to address a number of browser differences in <span class=\"caps\">CSS<\/span> implementation.  Also of great help as I tried to improve my <span class=\"caps\">CSS<\/span> skills was <a href=\"http:\/\/meyerweb.com\/eric\">Eric Meyer&#8217;s<\/a> <a href=\"http:\/\/www.amazon.com\/exec\/obidos\/ASIN\/1565926226\/jclarkorg-20\"><span class=\"caps\">CSS <\/span>Book<\/a> from <a href=\"http:\/\/orielly.com\">O&#8217;Reilly<\/a>.<\/li>\n<\/ul>\n<ul>\n<li>Style Switcher.  The Style box on the right allows you to switch between alternate styles for the site, thanks to the magic of <a href=\"http:\/\/www.w3.org\/Style\/CSS\/\"><span class=\"caps\">CSS<\/span><\/a>.  Currently there are two choices, but I may add more in the future.  Also note that if you are using a browser that supports alternate sheets natively, the browser&#8217;s style switching interface will work just as well as the links.  Thanks to <a href=\"http:\/\/alistapart.com\">A List Apart<\/a> for the article <a href=\"http:\/\/www.alistapart.com\/stories\/alternate\/\">Alternative Style<\/a> by Paul Swoden for the info (and the code).<\/li>\n<\/ul>\n<ul>\n<li>Writebacks.  Writebacks provide both comments and <a href=\"http:\/\/www.movabletype.org\/trackback\/beginners\/\">TrackBacks<\/a>.  All posts now include TrackBack autodiscovery markup for products that support it.  To view comments and TrackBacks, to leave a comment, or for the TrackBack pingback url, use the comments link at the end of each entry, or link via the entry title.<\/li>\n<\/ul>\n<p>In addition, there are a few things going on under the hood, based on this blog&#8217;s implementation via <a href=\"http:\/\/www.blosxom.com\" title=\"The Blosxom Homepage\">Blosxom<\/a>.<\/p>\n<ul>\n<li>New plugin: autolink.  I&#8217;m still polishing, but I&#8217;ll try to do the docs and post tommorow.  I wrote autolink to save some typing for phrases I commonly link.  Autolink uses a tab-delimited config file to store link text, link url, and optional link title.  For example, to link the word blosxom to www.blosxom.com, I only have to type <a href=\"http:\/\/www.blosxom.com\" title=\"The Blosxom Homepage\">blosxom<\/a>.  The results look like this: <a href=\"http:\/\/www.blosxom.com\" title=\"The Blosxom Homepage\">Blosxom<\/a>, the corresponding comfig file entry would read:<\/li>\n<\/ul>\n<pre><code>blosxom    http:\/\/www.blosxom.com    The Blosxom Home Page<\/code><\/pre>\n<ul>\n<li>New plugin: storystate.  Storystate deserves a separate post, which it should get tommorow.  Briefly, it just exposes variables that describe the state of the current story.  This is used in combination with the new <a href=\"http:\/\/www.blosxom.com\/plugins\/interpolate\/interpolate_fancy.htm\">interpolate_fancy plugin<\/a> to allow a single flavour to react differently based on conditions such as the request url, story comments, etc.  To see it in action, click around the site a bit.  If you navigate directly to a story (click the title), you&#8217;ll see comments and the comment entry form &#8211; using the same flavour that generates the full view.  I can close comments for an entry by adding a meta tag to the story text.  Also, navigating by category produces <a href=\"http:\/\/www.blosxom.com\/plugins\/display\/breadcrumbs.htm\">breadcrumbs<\/a> at the top of the page, but navigating via the calendar causes the top of page to show you are in the Archives, and when.  Click around a bit and see how it all behaves, notice that it&#8217;s all done in a single flavour.  I&#8217;ll try to post more about the plugin, as well as the plugin itself, tommorow.<\/li>\n<\/ul>\n<p>That&#8217;s about a nickel&#8217;s worth.<\/p>","protected":false},"excerpt":{"rendered":"<p>So here&#8217;s the nickel tour of the new site design. I&#8217;ve split it into two lists- general features and Blosxom-specific design features. Among the general features are: Cleaned up layout. The prior revision was a basic sketch of what I wanted, but was pretty rough about the edges. The new layout pays attention to details. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-thissite"],"_links":{"self":[{"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":0,"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jclark.org\/weblog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}