| |

June 2013 Design and Styling

ByAnnette

Window Dressing – You can design a website, and then worry about content, or you can get the content up-and-running in a rudimentary fashion, and worry about the ‘design’ later. But it’s more than just window dressing. Usability is key. Join us as we tackle a quick make-over to an existing and functioning site, adding navigation elements and CSS styling.

http://makerfaire.dacs.org/index.html
http://makerfaire.dacs.org/FreeToolkits.html
and more pages…

Tasks to do:

  • Create Menus
  • CSS for styling
  • Title of pages, and meta tags/description for SEO
  • Responsive CSS (?)
  • Correct file paths in CSS
  • Control font and sizing
  • Responsive logo banner – consider size (?)
  • Next/previous links (?)
  • Add “..check email, in spam folder..” to sign up page

Similar Posts

  • | |

    May 2013, Divs, Floats and Clears

    ByAnnette

    Using CSS and Div’s for layout. Div’s contain the information to layout the site, but making them behave in a predictable manor is not always easy. Floats are used to control positioning, (left or right) but multiple elements will need to be “cleared” to line up correctly. http://www.sitepoint.com/using-css-grid-layout-and-blend-5-to-build-a-game/ http://960.gs/ http://unsemantic.com/ http://caniuse.com/css-grid http://designfestival.com/design-organized-websites-rapidly-with-960-grid/ http://layouts.ironmyers.com/ http://css-tricks.com/all-about-floats/ http://www.quirksmode.org/css/clearing.html

  • |

    Multi-Media Display

    ByAnnette

    Website design is no longer a “What You See Is What You Get” situation. What YOU see can differ considerably from what someone else sees. It’s very easy to be visually/mentally seduced into believing that your design is consistent across the web. However, with your pages being opened on anything from wide screen monitors, to small…

  • | |

    Designing for Retina Display

    ByAnnette

    To take advantage of high-resolution displays on iPad, laptops and phones, images used on existing websites may need modification. Images designed for desktop screens can look blurred on Retina displays, and several options have to be considered. Present different images/photos based on media queries?  A higher resolution version can be shown, however consider possible download…