The creation of this website, as most websites do, began with HTML and then moved on to CSS. Borders were added around all the main features of the pages, in order to see how elements were interacting. Next came the creation of the navigation bars, which were inspired by a couple of the website examples Dr. Delwiche presented. First the top layer of navigation was created, then the second layer below it. Each overview page and their corresponding recipe pages, were to have a specific color theme, which ultimately pushed the design forward. The creation of individual divs for each overview link made it easier to coordinate the top layer navigation design with the second layer navigation. After the navigation was roughly finished, the fonts were chosen based on readings from class. The fonts had to contras and be readable. Then came the little bells and whistles, like the link hover, borders as part of the design, and an over HTML background-color. Images were the very last thing introduced to this website—I wanted to make sure the layout was working. Images usually came from the original recipe sources or from google. Any new images that came from google were made to fit the format of images from recipe sources.
Here is a link to my final design, and a screenshot below.
CSS is great for many reasons. For example, it makes load time faster, which gives web designers a lot of freedom to add lots of bells and whistles to their sites. It allows developers to make a great site, not just a good one. Theres almost always a way to create the design you want through css. It provides a lot of flexibility and control to the web designer. The added ability to create responsive design is even better, because it allows web developers to deliver their content to a greater audience, such as those who do not have a desktop computer or laptop. Anyone with a cellphone that can access the internet can view these sites. To stay at the front of the pack, web designers will definitely want to keep up with new trends in responsive design.
Useful sites for web designers:
In “Upping Your Type Game” by Jessica Hische, Hische discusses the importance of choosing the right font.
Listy allows you to paste the content you want to be formatted into a list, and the site adds the tags for you.
Color Hex helps you find a variety of colors to use on your sites, and it even shows you the relationships between colors—complementary, monochromatic, shades, tints, etc.