{"id":1442,"date":"2022-03-20T18:20:42","date_gmt":"2022-03-20T23:20:42","guid":{"rendered":"https:\/\/www.tameri.com\/wordpress\/poetponders\/?p=1442"},"modified":"2023-11-26T12:54:24","modified_gmt":"2023-11-26T18:54:24","slug":"tameri-guide-for-writers-design-update-tools-and-process","status":"publish","type":"post","link":"https:\/\/www.tameri.com\/csw\/2022\/03\/20\/tameri-guide-for-writers-design-update-tools-and-process\/","title":{"rendered":"Tameri Guide for Writers Design Update: Tools and Process"},"content":{"rendered":"

We have started a major redesign and content refresh of the Tameri Guide for Writers<\/strong><\/em><\/a>, the parent domain for this blog and several others we maintain.\u00a0The new design focuses on the user experience.\u00a0I want to explain some of the changes that are finally taking shape after years of benign neglect.<\/p>\n

The Evolution of Writing for the Web<\/strong><\/p>\n

\u201cTameri.com,\u201d the Tameri Guide for Writers<\/strong><\/em>, has been online since the early 1990s.\u00a0The World Wide Web was a small space, with most users connecting through dial-up services.\u00a0The original HTML pages were hand-coded in a text editor. Over the years, we used HotDog, FrontPage, HoTMetaL, Symantec Visual Page, Adobe GoLive, Composer, and Dreamweaver to maintain the static HTML pages. We have stayed with Dreamweaver since 2002, when we migrated the Tameri Guide to Dreamweaver MX.<\/p>\n

Most websites today use Content Management System platforms, such as WordPress or Drupal. Coding HTML5\/CSS3 and any scripting necessary for websites have become a specialized career track, separate from the generic \u201cwebmaster\u201d or \u201cWebsite writer\u201d of the early 2000s. Content writers use online WYSIWYG editors embedded within the CMS platforms. Some web writers never see markup, stylesheet, or script code.<\/p>\n

Dreamweaver 2021 shows its age, sadly. The editor doesn\u2019t recognize CSS variables, for example. Stylesheets with variables generate errors and warning messages in Dreamweaver. The popular Bootstrap JavaScript UI library is a full version behind in Dreamweaver, though I have migrated away from JavaScript whenever possible. The spellcheck isn\u2019t \u201clive\u201d in Dreamweaver, either, which would be helpful when editing content.<\/p>\n

If you try to \u201cprettify\u201d or \u201ctidy\u201d the HTML code, Dreamweaver often mangles the code. That\u2019s one feature I\u2019d really like to have updated because consistent indentation helps when debugging code.<\/p>\n

It would be great if Adobe would show Dreamweaver some attention\u2026 or sell the product to a team that would update the application. I have a long wish list of features (and fixes) for the product. Let me color-code files and folders, so I know which items have been updated. Fix the spelling and grammar tools so they function in realtime. Update the core HTML and CSS editors to recognize current features.<\/p>\n

Too bad I don\u2019t foresee Adobe doing much for Dreamweaver users. We\u2019re only slightly less neglected than the FrameMaker community.<\/p>\n

Even with Dreamweaver as our primary website editor and management tool, I find other tools essential to my workflow. I use Bare Bones\u2019 BBEdit and Microsoft\u2019s Visual Studio Code for specific tasks.<\/p>\n

Because Dreamweaver\u2019s shared workflow tools are minimal and unreliable, I use Microsoft Excel to track website updates. That\u2019s absurd since Dreamweaver\u2019s shared notes and status fields were cutting-edge in 2002. Even if I mark the status of pages, that information doesn\u2019t appear in the file pane; the column heading \u201cStatus\u201d is followed by row after row of blank cells. In Excel, I enter the page titles, file names, and other information. I also color-code the status of pages on the Tameri Guide website.<\/p>\n

Website Design Updates<\/strong><\/p>\n

What was a good design in 2007 morphed into a monstrosity by 2021. This was mostly the result of Google and Amazon updating their JavaScript widgets to present visitors with pop-up ads and sheets, those annoying animated ads that appear at the tops and bottoms of pages. I wish these companies, supposed experts in design and usability, had never resorted to pop-up ads on affiliate websites.<\/p>\n

We know visitors hate intrusive advertisements, so we\u2019ve opted out of most Google and Amazon advertising programs. We will continue participating in the Amazon Associates program, \u00a0linking directly to books, movies, and other products when appropriate, since those links are an unobtrusive way to offset a small portion of our costs. We\u2019ve never managed to break even via advertisements on the website or its hosted blogs, so there\u2019s no reason to annoy visitors with pop-ups and sheets.<\/p>\n

Stripping away the JavaScript widgets from Google and Amazon led me to consider a complete redesign. Removing the worst \u201cfeatures\u201d from the Tameri Guide wasn\u2019t enough.<\/p>\n

I wanted a site that looked current, worked on all devices and met visitor expectations.<\/p>\n

The new template uses a simple, modern layout. The color scheme remains high-contrast and we\u2019ve increased the size and weight of typographic elements. Larger text, especially on phones, improves readability significantly.<\/p>\n

For the typography, we chose Source Sans Pro<\/strong><\/em> as the primary family and Source Serif Pro<\/strong><\/em> for accent elements. Type designer\u00a0Paul D. Hunt crafted Source Sans and designer Frank Grie\u00dfhammer crafted Source Serif. We might also use Source Code Pro in the future, as these three families complement each other.\u00a0Moving most to a sans-serif family of typefaces was an overdue admission that screens are not printed pages. Online, sans typefaces often render faster and appear sharper.<\/p>\n

Pages load in a third of the time they did with the older design, and often even faster. The new template removes all reliance on JavaScript. HTML5 and CSS have all the capabilities necessary for a modern website. Once the stylesheet was completed, we spent time revising the CSS to eliminate extra baggage.<\/p>\n

We\u2019ve come a long way from the Netscape Mosaic days, with tables, image maps, and frames for navigation.<\/p>\n

The Tameri Guide now works better on mobile devices and large screens. The old code is gone, and good riddance to it.<\/p>\n

New Content and Revisions<\/strong><\/p>\n

Originally, the site was an unstructured dump of lecture notes prepared for writing courses. We never expected many users to find the pages, but they did. The site was mentioned by some major publications and was an early example of edited reference materials online.\u00a0I still use the pages in the courses I teach. I also want to integrate updates I\u2019ve made to the Word and PowerPoint versions of these notes back into the Tameri Guide site.<\/p>\n

Before colleges and universities adopted Learning Management Systems, such as Blackboard and Moodle, the website was a great way to deliver handouts to students. When I began using LMS platforms, I updated the content in Microsoft Office, neglecting the Tameri Guide.\u00a0The online content has gone stale in some sections of the Tameri Guide. Some pages will be rewritten entirely, while others will be revised. The updates require time; it might be two years or so before we\u2019re satisfied with the core content.<\/p>\n

Blogging Update Announcements\u00a0<\/strong><\/p>\n

On the Tameri Guide blog<\/a>, we will announce revisions, major updates, and new content added to the Tameri Guide for Writers<\/strong><\/em>. We don\u2019t expect the Tameri website or this blog to instantly return to past glory, with thousands of daily visitors, because there are now many, many writing and editing websites. We might have been one of the first, but we fell behind the times.<\/p>\n

If you do follow along, spread the word. The Tameri Guide for Writers<\/strong><\/em><\/a> is back and its going to get better and better over the coming months.<\/p>\n","protected":false},"excerpt":{"rendered":"

We have started a major redesign and content refresh of the Tameri Guide for Writers, the parent domain for this blog and several others we…<\/p>\n

Continue readingTameri Guide for Writers Design Update: Tools and Process<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":1875,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3,13,7,8,10],"tags":[104,133,170,270,309,347,524,526,552,577,596],"class_list":["post-1442","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-software","category-teaching","category-technology","category-writing","tag-cms","tag-css","tag-dreamweaver","tag-html","tag-lecture-notes","tag-excel","tag-tameri","tag-teaching","tag-typography","tag-web-design","tag-wordpress","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.tameri.com\/csw\/wp-content\/uploads\/sites\/2\/2023\/12\/FB_Banner_Pen_Mac.png?fit=1200%2C630&ssl=1","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pfiw78-ng","_links":{"self":[{"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/posts\/1442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/comments?post=1442"}],"version-history":[{"count":1,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/posts\/1442\/revisions"}],"predecessor-version":[{"id":1603,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/posts\/1442\/revisions\/1603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/media\/1875"}],"wp:attachment":[{"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/media?parent=1442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/categories?post=1442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tameri.com\/csw\/wp-json\/wp\/v2\/tags?post=1442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}