Coding is Time Consuming

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.

Screenshot of a website design for recipes.

Screenshot of my final web design.

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.

Advertisements
This entry was posted in Uncategorized. Bookmark the permalink.

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s