Skip to main content

Web Font and Color Samplers

 In these projects I used TextMate  to created websites to sample different fonts and colors. In the font website it shows the 8 core web fonts: Times New Roman, Georgia, Courier New, Arial, Verdana, Tahoma, Treduchet MS, Comic Sans MS. In the color sampler I did: the rainbow, white to gray, and light versions of the rainbow.
In these projects I learned how to create div tags and css for them. I also learned how to do hexadecimal color codes. Lastly I learned how to make individual div tags and lines have different colors and fonts.





I enjoyed making these websites in TextMate because it showed me how to code websites. It also lets me understand css and it lets me design better websites in the future. I think this was an important experience because it lets me understand the logic behind the user interface of a website.

Comments

Post a Comment

Popular posts from this blog

New Index Page

Index page link:  http://eravensonline.net/students/823cw21/ In this project we revamped our index page. We integrated things we learned from recent projects. This includes color schemes, depth, and Google web fonts. I used the background to create a good looking color scheme. I used shadows and CSS ribbons to add depth to the site. I chose two google web fonts to add, one for the headings and one for the text.
Post a Comment
Read more

Smitty's Lawn and Garden website redesign

For this site I redesigned www.smittyslg.com to be a mobile first site. This was a very interesting redesign because it forced me to follow the same content of the old site while having me design it in a way that works on mobile. I can't say that I like doing mobile first but I know it's importance and I should get used to it.
Post a Comment
Read more

Don't Make Me Think chapter 1

 This makes you think because you can't tell if the logo is or is not a link. Also the titles look like links but are not obvious.  This makes you think because the Bing logo does not look like a link but it is. Also the icons are not standard so you have to think what they are. The red heading looks kind of like a link but it is not clear. The black text does not look like links but it is.
Post a Comment
Read more