DesignWell

I read many books from the library. I don’t finished reading many books though. First of all, they are free, since they are from the library, and second my attention span doesn’t last that long. I believe browsing the web daily from age 14 (circa 1996) will do that to someone (read the latest cover story in The Atlantic Monthly, is Google Making Us Stoopid). Most of the books I read come from the magazines I read (The Atlantic, Books & Culture: A Christian Review) or from the podcasts I listen to (Diane Rehm, This Week in Tech).

Either way, I want to share my latest reading endeavors across my blogs. But how? (more…)

If you have ever wanted to turn a plain text link, http://www.smjdesign.com, into a “linked” HTML version, http://www.smjdesign.com, you can know. Pass the following function your entire text field and it will find all your links and return tagged HTML.

function replace_plain_text_link($plain_text) {
$url_html = preg_replace(
'/(?<!S)((http(s?):\/\/)|(www.))+([w.1-9\&=#?-~%;]+)/’, ‘<a href=”http$3://$4$5″>http$3://$4$5</a>’, $plain_text);
return ($url_html);
}
echo replace_plain_text_link(”hi this is dummy text before http://www.smjdesign.com hi this is dummy text after”)


(more…)

On Saturday, February 9 at 11:30 am, I spoke at BarcampIndy 2008 on Graphic Web Design and Cascading Style Sheets. All presentations were broadcast on UStreamTV.

The premise of my presentation was to show an overview of the process between layout in Illustrator and PhotoShop to coding in HTML and CSS. I find that web design is often segmented between the coders and graphic designers. I propose that the best outcome can come from bridging that gap. I do this in my daily workplace and try to show tips and techniques for others to bridge that gap. The time slot was only a half hour, so I could not go into coding detail, but only point to tutorials via links. (more…)

In WordPress Administration under Options->Reading, there is an option to set a “Front page” and “Posts page.” The front page setting is fairly straightforward. If you do not want your latest blog posts (index.php) as your homepage, you can set a static page and its template as the root page (http://www.example.com/). This is great for an under construction page, too.

Posts Page

What is a post page? If you have disabled the default homepage (explained?Ǭ† above) and made it a static template page, then where are your latest posts? They are on this page.

1) Create a page (Write>Write Page) and make the “Page Slug” on the sidebar whatever URL slug you want to be the location of your posts. I recommend making it be the same as your custom structure (Options>Permalinks, e.g. - “blog” as in “/blog/%postname%/”).

2) Go to this Options->Reading and in the drop down box for “Posts Page” you can now choose your newly created page (e.g.- “Blog”).

The contents of this page (i.e.- “Blog”) will never really be accessible. Now if the user goes to “http://www.example.com/blog” then they will see the latest posts instead of an error.

I upgraded the poetry knook today from WordPress 2.1.3 to 2.3. Including backing up the database and user files, the process took about an hour. Be sure to follow the upgrade steps (in order!). I have heard that logging into administration during an upgrade can cause problems.

WordPress 2.3, which was released back in September, includes among other things: a native tag system, plug-in and platform upgrade notification, post management interface improvements, roll your own dashboard, and roll your own RSS libraries. Many of these items have been addressed by plug-ins. Tagging especially comes to mind. I love Ultimate Tag Warrior and use it on all my blogs.

But I have to say goodbye to Ultimate Tag Warrior (well, not really, I hear there’s a UTW hack compatible with WordPress 2.3), because, as in all platforms, the best third party features eventually get implemented by the parent company. I recommending reading, How to Switch from Ultimate Tag Warrior to WordPress 2.3 Tagging, if you currently use Ultimate Tag Warrior and are upgrading to 2.3. I still had errors and installed UTW Theme Compatibility Thing but it did not work for me in listed related posts. For my related posts, I installed WordPress 2.3 Related Posts Plugin, since I couldn’t get UTW’s related posts tag to work.

As for mass editing and management of tags in WP 2.3, I am liking the features of Simple Tags. I have not used their tag clouds and related posts features however.

I think it took about as long to install WP 2.3 as it did to write this post, so check your plug-ins’ compatibility and then upgrade!

CUSTOM THEME NOTES:

Sounds easy doesn’t it? Well, not exactly if you use a customized blog and do not just download an upgrade ready-to-wear theme. You will need to change out all your UTW tags to WordPress tags (at the time of posting, this wiki is incomplete). Below are specific items I had issues with when upgrading:

• Be sure to update your tags.php with the native WP tags instead of the UTW tags–although with the UTW Theme Compatibility Thing plug-in, you should be able get away with not changing these tags. There are no where near as many options with the native tags, so you may have to change the format of the tags in your blog.
• I have had problems with the Dagon Design Sitemap Generator plug-in since the category database schema has changes. Update to the latest version to fix this.
• Unlike UTW’s use of the tag.php for listing posts filed under a tag. The native tagging system of WordPress 2.3 uses the archive.php (just like viewing a category). Takes a glance at the code of /wp-content/themes/default/archive.php in order to customize your “Posts Tagged with ????” pages. It took me a while to figure this out in my customized themes.
• I suggest creating a mod_rewrite entry in your .htaccess similar to “RewriteRule ^tag/(.+)$ http://www.example.com/archives/tag/$1/ [R=301,L]“, since tags will now be under the URL set for permalinks in the Options menu (e.g.- http://www.example.com/archives/tag/)
• According to the Wp 2.3 ChangeLog, there are deprecated functions you will need to update in your template. Template tag permalink_link() has been deprecated in favor of the_permalink(); permalink_single_rss() has been deprecated in favor of the_permalink_rss().
• I like to use variable font sizes (i.e.- ‘em’ instead of ‘pt’) for accessibility issues. The WordPress 2.3 tag, wp_tag_cloud, has problems with the unit, ‘em.’ Use ’smallest=1&largest=1.01&unit=em’ for the parameter to keep all the tags the same size.

A new HTML standards for email clients advocacy site has sprung up. It’s called Email Standards Project. I sincerely hope that it is able to make a difference. I’ve personally had issues with the major discrepancies in email clients at my job. I’ve heard that Microsoft Outlook 2007 is unfortunately using the Word HTML engine instead of the Internet Explorer Engine. The full list of clients that are on the Average or Poor list are:

• Apple .Mac
• Google Gmail
• Lotus Notes 8
• Outlook 2007
• Windows Live

This is based on their acid test. If you are involved in developing internet applications or sites and aren’t familiar with acid tests (and you should be!), visit WebStandards.org for the web browser acid test.

So what’s a person to due in the mean time–structural tables and inline CSS, of course! That’s what! So barbaric and so 1999! Here is a tutorial on what HTML/CSS you can use across multiple email clients.

Today, I came home to see the dreaded “DISK BOOT FAILURE - INSERT SYSTEM DISK AND PRESS ENTER” notice from Windows XP. This has already happen recently–a little over a month ago. This time though I knew what I was doing.

All my personal data (photos, music, program installation files) are on a separate drive that I then backup every week to an external hard drive. This separates the data from the hard disk that contains the operating system and creates a second copy. Separating the data from the operating system also allows for an easier backup, since the whole drive and be duplicated. I use Retrospect Express that came free with my external hard drive to copy and verify the external drive.

Most likely my master boot sector (MBR) became corrupted and so I told the Windows XP installation CD to install a second copy of Windows. This fixes the master boot sector and allow me to boot into the previous version. Walla! The problem is fixed.

Now if I could only figure out why the hard drive’s master boot sector become corrupted in the first place. My first thoughts were heat, but then why would only the boot sector be corrupted. If you have any ideas, please post them!

Have you ever seen a book on Amazon or another website and wondered whether your local library had a copy of it?

I have to admit as much as I like my library, Indianapolis Marion County Public Library. I do not care for the web interface with it’s URL session ids and timeouts and JavaScript linking! So I try to stay out of the website until I want the book. I saw LibraryLookup on 43 Folders. I tried LibraryLookup, but was annoyed with the ISBN interface. BookBurro looked promising but it only worked on 20-some library. I’m not a member of any of those libraries.

I decided to roll my own Firefox Search Plugin–which is very simple to do. You just have to know the query keywords for your library (such as isbn, keyword, title). The IMCPL is an IPAC system and uses “UTL” for its title keyword. Just drop this Firefox Search Plugin for IMCPL Title Browsing or this Firefox Search Plugin for IMCPL Keyword Search in your Firefox Search Plugins folder and restart Firefox. You will need Mozilla Firefox 2.0 or greater for this.

The Firefox Search Plugins folder for PC is C:\Program Files\Mozilla Firfox\SearchPlugins

The Firefox Search Plugins folder for PC is for OS-X that’s /Volumes/Macintosh HD/Users/{user name}/Library/Application Support/Firefox/Profiles/{profile number}.default/searchplugins/

That’s all there is to it. Here are the few lines of the code for the Indianapolis Marion County Public Library for title browsing:

<search
name=”IMCPL”
method=”GET”
action=”http://catalog.imcpl.org/ipac20/ipac.jsp”
queryCharset=”utf-8″>

<input name=”term” user>
<input name=”index” value=”UTL”>
<input name=”spp” value=”50″>
</search>

With the prevalence of DHTML, much less AJAX, I have begun to use separate Cascading Style Sheets for development and publishing. Since styles override each other, the easiest way to accomplish this is to add a second style sheet link after the publishing CSS link and comment it out when one wants to test the page.

?¢‚Ǩ?ìdev.css?¢‚Ǩ¬ù contains ?¢‚Ǩ?ìdisplay: block;?¢‚Ǩ¬ù within all classes that in the publishing CSS contain ?¢‚Ǩ?ìdisplay: none;
?¢‚Ǩ¬ù much like that below:

.profile_box { display: none;} (index.css)

.profile_box { display: block; } (dev.css)

I’ve noticed some Google searches related to the Flash Back button post, so I thought I’d post on the Flash JavaScript Integration Kit.

You can call Actionscript function from JavaScript and call JavaScript from inside ActionScript. One use I’m considering using it for is for a new portfolio idea.

–Stephen M. James
www.smjdesign.com