Simon Griffee

What: Website Design

• Arguman #

  Open source argument analysis platform for critical thinking using argument maps. Love the design that uses American Typewriter.

• Designers That Code #

  Jenifer Tidwell:

  So, it’s possible to be seen as both a designer and a coder. But it requires very, very careful management of your personal brand. Set expectations clearly, and defend your personal boundaries — if you’re doing more coding than you like, you’ll have to decide when and how to push back or ask for more design responsibility.

• Website Redesign

  Ferns in spring in Inwood Hill Park, New York City, May 2016. After eleven years apart, hypertexthero.com (design) and simongriffee.com (photography) were combined into one — this — website. If you came here looking for photographs, don’t worry, those are not going away and regular entries depicting the streets of New York will resume shortly right here in the Notebook (the front page). A mailing list is still available for my six faithful subscribers, as is an RSS syndication feed, and you can now browse content by keyword, time, location and the randomness of life thanks to Hugo’s wonderful Taxonomies system. …continue
• 

• TODO Useful Links in Printed Webpages #

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript" charset="utf-8">
      $(function() {
          $('#content p:has(a)').add('#content ol:has(a)').add('#content ul:has(a)').each(function() {
              var printing_links = $(this).find('a')
                                          .not("[href^='#']")
                                          .not(":has(img)")
                                          .clone();
              $(this).after(printing_links);
  
              printing_links.wrap('<li></li>')
                            .parent()
                            .wrapAll('<ul class="print-links"></ul>');
  
              printing_links.each(function() {
                  var href = $(this).attr('href');
                  if (href.match("^/")) {
                      href = 'http://hypertexthero.com' + href;
                  }
                  $(this).after(': ' + href);
              });
          });
      });
  </script>
  

• Web Design: Where to Begin

  To make good websites you need good writing skills. Clear writing is good web design. You also need to know some Hypertext Markup Language (HTML) to define your content (text, images, etc) in a way a web browser can understand, and some Cascading Style Sheets (CSS) to control how this content is presented. Begin by reading the classic article on web design: A Dao of Web Design. Then: On the Web Any of the following resources (I particularly like Simple & Useful) are good ways forward: …continue
• 
• 
• 
• 
• 
• 
• 
• 
•