| |

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

  • CSS Goodies

    ByAnnette

    Websites worth a visit, CSS goodies to explore. http://www.colorzilla.com/gradient-editor/ http://css3gen.com/ http://css3menu.com/ http://css-tricks.com http://css-tricks.com/examples/AnythingSlider/ http://css-tricks.com/downloads/ http://bit.ly/sG04Eo http://www.design.annagraphics.com/tutorials/tweaks.css http://www.design.annagraphics.com/tutorials/cssfixes.pdf 

  • |

    December 2012

    ByAnnette

    Thoughts about the effects of color – How does color affects your target audience. (Know your audience!) There are many factors that contributes to how someone perceives color. Taking color choices into consideration when developing a web design/color sceme can contribute to succuss – or failure. Colors have different meaning in different cultures and religions, so…

  • | |

    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