Week 4 Summary

Posted: September 22, 2012 in Art 170 Thoughts & Reviews

This week in Web Design 1 the main topics at hand were typography and fonts. Typography is simply about arranging a familiar set of shapes  to make words, sentences, and paragraphs. The root words that make up typography consist of typos meaning impression or mark and grapheia meaning writing. In simpler terms, typography means to make impressions with the form of writing.Several font families are supported by default. Arial, Arial Black, Comic Sans MS, and Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, and Verdana are all know as the safe list meaning they are the more familiar fonts. The font-family property allows you to choose multiple fonts in order of preference. This is known as the font-stack. Generic font families are serif, sans-serif, cursive, fantasy, and monospace. In order for you to host your own font it must be licensed for web embedding and several different font formats and latest code for embedding will be needed. Though developers tried several different tricks to render text in their preferred fonts, there was only two successful solutions; sIFR and Cufon. sIFR is an acronym for Scalable Inman Flash Replacement, which means that Flash movies have the ability to embed fonts and display them. An alternative to sIFR is Cufon. Cufon transforms fonts into SVG files, then uses a JavaScript to draw letters using canvas elements. In the article, The Difference Between ID and Class,  (http://css-tricks.com/the-difference-between-id-and-class/) it discusses how to differentiate between ID and Class.  Id is very unique. When dealing with ID each page may have only one element with an ID. If the same ID is used on more than one element, the code will not pass. Unlike ID, Classes are not unique. Multiple classes can be used on multiple elements. There are no browser defaults for ID or class. Adding a class name or ID to an element does nothing to that element by default. According to the article, 12 Really Useful Image Optimization Tools For Web Designers, (http://www.webdesignbooth.com/12-really-useful-image-optimization-tools-for-web-designers/) there are twelve useful image tools for web designers. Smush.it, Dynamic Drive Online, PonyPng, and SiteReportCard are all web based tools. Shrink O’ Matic, OptiPNG, ImageOptim, and PNGOut, PNGGauntlet, JPG & PNG Stripper, TweakPNG, and RIOT(Radical Image Optimization Tool) are all desktop image tools.

Photo courtesy: https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTfSV4YJKZ-rakYWz-lpzqkIvcQCcZz1_comqlj2toXWCcinU1tQg

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s