Stephanie Leary

Writer and WordPress consultant

rantrantrant

I really, really need to rant. If you don’t give a rodent’s behind about web design, skip to the next post.

For the rest of you…. a certain fellow employee, in a distant but related part of my organization, hired a freelance web designer not long ago to create a new site for his department. Since this department had no webmaster of its own before I was hired, I think his initiative laudable.

However, the same cannot be said of the designer (who shall not be named). This guy:

a) did the entire site in frames, with no content</p> <p>b) did the site in Frontpage</p> <p>c) did most of the navigation and content in images without <span class="caps"><span class="caps">ALT </span></span>text</p> <p>d) &#8230; similarly, paid no attention to other accessibility features required by law</p> <p>e) couldn&#8217;t be bothered to write proper code</p> <p>Check out this shining example, from the main navigation frame:</p> <p>&#8230;</p> <p><body topmargin=&amp;quot;0&amp;quot; leftmargin=&amp;quot;0&amp;quot;></p> <p></body></p> <table border=&amp;quot;0&amp;quot; cellpadding=&amp;quot;0&amp;quot; cellspacing=&amp;quot;0&amp;quot; id=&amp;quot;AutoNumber6&amp;quot;...> <p>&#8230;</p> </table> <p></html></p> <p>There are several things wrong there, not the least of which being that the order of elements is so hosed that some browsers, including Dreamweaver&#8217;s design window, won&#8217;t even display the table.</p> <p><span class="caps"><span class="caps">GAH.</span></span></p> <p>The designer (who shall not be named) had better not set foot within 20 yards of this building, or he shall face the wrath of she who must spend her day fixing his stupid mistakes.</p></p> <!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"> <rdf:Description rdf:about="http://stephanieleary.com/2003/01/rantrantrant/" dc:identifier="http://stephanieleary.com/2003/01/rantrantrant/" dc:title="rantrantrant" trackback:ping="http://stephanieleary.com/2003/01/rantrantrant/trackback/" /> </rdf:RDF>--> </div><footer class="entry-footer"><p class="entry-meta"><span class="entry-categories"><a href="http://stephanieleary.com/category/web-design/" rel="category tag">Web Design</a></span> </p></footer></article></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="https://schema.org/WPSideBar"><section id="simple-social-icons-2" class="widget simple-social-icons"><div class="widget-wrap"><ul class="alignleft"><li class="ssi-facebook"><a href="https://www.facebook.com/stephanielearybooks" ><svg role="img" class="social-facebook" aria-labelledby="social-facebook-2"><title id="social-facebook-2">Facebook</title><use xlink:href="http://stephanieleary.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-facebook"></use></svg></a></li><li class="ssi-github"><a href="https://github.com/sillybean" ><svg role="img" class="social-github" aria-labelledby="social-github-2"><title id="social-github-2">GitHub</title><use xlink:href="http://stephanieleary.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-github"></use></svg></a></li><li class="ssi-gplus"><a href="https://plus.google.com/+StephanieLeary14/about" ><svg role="img" class="social-gplus" aria-labelledby="social-gplus-2"><title id="social-gplus-2">Google+</title><use xlink:href="http://stephanieleary.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-gplus"></use></svg></a></li><li class="ssi-pinterest"><a href="https://www.pinterest.com/stephanieleary/content-strategy-for-wordpress/" ><svg role="img" class="social-pinterest" aria-labelledby="social-pinterest-2"><title id="social-pinterest-2">Pinterest</title><use xlink:href="http://stephanieleary.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-pinterest"></use></svg></a></li><li class="ssi-tumblr"><a href="https://www.tumblr.com/blog/s-leary/" ><svg role="img" class="social-tumblr" aria-labelledby="social-tumblr-2"><title id="social-tumblr-2">Tumblr</title><use xlink:href="http://stephanieleary.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-tumblr"></use></svg></a></li><li class="ssi-twitter"><a href="https://twitter.com/sleary" ><svg role="img" class="social-twitter" aria-labelledby="social-twitter-2"><title id="social-twitter-2">Twitter</title><use xlink:href="http://stephanieleary.com/wp-content/plugins/simple-social-icons/symbol-defs.svg#social-twitter"></use></svg></a></li></ul></div></section> <section id="search-2" class="widget widget_search"><div class="widget-wrap"><form class="search-form" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction" method="get" action="http://stephanieleary.com/" role="search"><meta itemprop="target" content="http://stephanieleary.com/?s={s}"/><input itemprop="query-input" type="search" name="s" placeholder="Search this website &#x2026;" /><input type="submit" value="Search" /></form></div></section> <section id="text-21" class="widget widget_text"><div class="widget-wrap"><h4 class="widget-title widgettitle">Fascism Watch</h4> <div class="textwidget"><p>The Fascism Watch is a daily(ish) news roundup. <a href="http://stephanieleary.com/tag/fascism-watch/">View all the previous Fascism Watch posts &raquo;</a></p> </div> </div></section> <section id="text-9" class="widget widget_text"><div class="widget-wrap"><h4 class="widget-title widgettitle">Latest WordPress Book</h4> <div class="textwidget"><p><a href="http://stephanieleary.com/books/content-strategy-for-wordpress/"><img class="aligncenter size-medium wp-image-7950" src="http://stephanieleary.com/wp-content/uploads/2014/03/Content-Strategy-for-WordPress-240x300.jpg" alt="Content Strategy for WordPress" width="240" height="300" /></a></p> <p>A short book for content strategists and managers on implementing a complete content strategy in WordPress: evaluation, analysis, content modeling, editing and workflows, and long-term planning and maintenance.</p> <p><a href="http://stephanieleary.com/books/content-strategy-for-wordpress/chapter-2-analyzing-content/" class="">Read the sample chapter</a></p> <p><a class="" href="http://www.amazon.com/gp/product/B00WQ7OVFK/ref=as_li_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=B00WQ7OVFK&amp;linkCode=as2&amp;tag=sleary-20&amp;linkId=C3Z72TMIDGLGIK5J">Kindle</a> <a href="http://www.barnesandnoble.com/w/content-strategy-for-wordpress-stephanie-leary/1121817217?ean=2940151468725&itm=1&usri=2940151468725">Nook</a> <a href="https://itunes.apple.com/us/book/content-strategy-for-wordpress/id989642785?ls=1&amp;mt=11">iBooks</a> <a class="" href="https://store.kobobooks.com/en-US/ebook/content-strategy-for-wordpress">Kobo</a> <a class="" href="https://www.smashwords.com/books/view/538381">Smashwords</a></p> </div> </div></section> <section id="text-6" class="widget widget_text"><div class="widget-wrap"><h4 class="widget-title widgettitle">WordPress for Web Developers</h4> <div class="textwidget"><p><a href="http://www.amazon.com/gp/product/1430258667/ref=as_li_ss_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=1430258667&amp;linkCode=as2&amp;tag=teradiassite-20"><img src="http://stephanieleary.com/wp-content/uploads/2013/05/9781430258667-226x300.jpg" alt="WordPress for Web Developers (9781430258667)" width="226" height="300" class="aligncenter size-medium wp-image-7623" /></a></p> <p>This is a book for professional web designers and developers who already know HTML and CSS, and want to learn to build sites with WordPress. The book begins with a detailed tour of the administration screens and settings, then digs into server-side topics like performance and security. The second half of the book is devoted to development: learning to build WordPress themes and plugins. </p> <p>This is the second, much-revised and updated edition of <em>Beginning WordPress 3</em>, with a more accurate title. Everything’s been updated for WordPress 3.6.</p> <p><a href="http://stephanieleary.com/books/wordpress-for-web-developers/"><em>WordPress for Web Developers</em></a> is out now. <a href="http://stephanieleary.com/books/wordpress-for-web-developers/">See what's inside...</a></p> </div> </div></section> </aside></div></div><div class="footer-widgets"><div class="wrap"><div class="widget-area footer-widgets-1 footer-widget-area"><section id="series-list-posts-3" class="widget series-list-posts"><div class="widget-wrap"><h4 class="widget-title widgettitle">The best WordPress features you&#8217;ve never noticed</h4> <ul class="series-list"><li><a href="http://stephanieleary.com/2010/09/wordpress-hidden-gems-screen-options/">WordPress Hidden Gems: Screen Options</a></li><li><a href="http://stephanieleary.com/2010/09/wordpress-hidden-gems-bulk-edit/">WordPress Hidden Gems: Bulk Edit</a></li><li><a href="http://stephanieleary.com/2010/09/wordpress-hidden-gems-private-status/">WordPress Hidden Gems: Private Status</a></li><li><a href="http://stephanieleary.com/2010/09/wordpress-hidden-gems-dashboard-feed-readers/">WordPress Hidden Gems: Dashboard Feed Readers</a></li><li><a href="http://stephanieleary.com/2010/09/wordpress-hidden-gems-options-php/">WordPress Hidden Gems: Options.php</a></li></ul></div></section> </div><div class="widget-area footer-widgets-2 footer-widget-area"><section id="series-list-posts-2" class="widget series-list-posts"><div class="widget-wrap"><h4 class="widget-title widgettitle">Content Modeling for WordPress series</h4> <ul class="series-list"><li><a href="http://stephanieleary.com/2013/07/content-modeling-for-wordpress-step-1-analyze-content/">Content modeling for WordPress, part 1: analyze content</a></li><li><a href="http://stephanieleary.com/2013/07/content-modeling-for-wordpress-part-2-functional-and-organizational-requirements/">Content modeling for WordPress, part 2: functional and organizational requirements</a></li><li><a href="http://stephanieleary.com/2013/07/content-modeling-for-wordpress-part-3-a-sample-content-model/">Content modeling for WordPress, part 3: a sample content model</a></li></ul></div></section> </div><div class="widget-area footer-widgets-3 footer-widget-area"><section id="text-20" class="widget widget_text"><div class="widget-wrap"> <div class="textwidget"><p><a href="http://stephanieleary.com/books/content-strategy-for-wordpress"><img class=" wp-image-8049 alignleft" src="http://stephanieleary.com/wp-content/uploads/2013/07/Content-Strategy-for-WordPress-print-240x300.jpg" alt="This is an excerpt from Content Strategy for WordPress." style="width: 120px; height: 150px;" /></a>My latest books are <a href="/books/content-strategy-for-wordpress"><em>Content Strategy for WordPress</em></a> (2015) and <a href="http://stephanieleary.com/books/wordpress-for-web-developers/"><em>WordPress for Web Developers</em></a> (2013). <a href="http://stephanieleary.com/list/">Sign up to be notified</a> when I have a new book for you.</p> </div> </div></section> </div></div></div><footer class="site-footer" itemscope itemtype="https://schema.org/WPFooter"><div class="wrap"><div class="gototop">Copyright &#x000A9;&nbsp;2018 Stephanie Leary</div></div></footer></div><style type="text/css" media="screen"> #simple-social-icons-2 ul li a, #simple-social-icons-2 ul li a:hover, #simple-social-icons-2 ul li a:focus { background-color: #f5f5f5 !important; border-radius: 0px; color: #000000 !important; border: 0px #ffffff solid !important; font-size: 18px; padding: 9px; } #simple-social-icons-2 ul li a:hover, #simple-social-icons-2 ul li a:focus { background-color: #e14d43 !important; border-color: #ffffff !important; color: #ffffff !important; } #simple-social-icons-2 ul li a:focus { outline: 1px dotted #e14d43 !important; }</style><script type='text/javascript' src='http://stephanieleary.com/wp-content/plugins/page-links-to/js/new-tab.min.js?ver=3.0.0-beta.1'></script> <script type='text/javascript' src='http://stephanieleary.com/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script> </body></html>