Just another site

Responsive Design

Responsive design responds to the environment. You can have an adaptive layout which are multiple fixed width layouts or you can have a responsive layout which are multiple fluid grid layouts. This kind of design is new but growing and much needed. With all the smart phones, tablets, iPads, and computers as well, we need to be able to have different versions of the same website for each screen size. Mobile web is important because majority of people have smart phones and accessing the internet on a mobile device should be easier. I think using the responsive design techniques such as making one website and having it adapt and respond to its environment its the best way of making mobile web more friendly and easily used. I also think that it will make mobile web more widely used by users because it would and is becoming easier to use.



CMS or Content Management Systems is to help simply the creation and maintenance of sites. These systems manage online content, generate web pass, and allow users to upload and change content without requiring technical expertise (Basic CMS, Some of the pros of hosted solutions are that they offer more toolsets than other services, easy to set up and manage as well as  no manual installs, many services include site-building tools, reseller options give you the ability to create a revenue stream from client-hosted sites, and some even allow you to brand your own portal. Some of the cons of hosted solutions are some services can cost more than other CMS solutions, cheaper hosted plans ofter come with ad services or usage restrictions, you can become tied to their hosting plan, sometimes switching to another hosting service can be difficult, and hosted solutions tend to have broad feature sets, not focused ones.

Open source CMS is free and can have a full built website in a matter of minutes. Open source have huge development communities, most licenses allow you to modify source code. Some of the down falls of open source are that they can have hidden costs to implement, technical skills are required to manage an open source CMS, larger corporations will need to have an experienced staff member to manage the platforms, costs can be opened ended if not planned for, and poor planning often means that consultants are only engaged after prior failure.

(Choosing a CMS and CMS Basics,

Web II: @fontface

When you are making a website, sometimes you just want to use your own fonts. Fonts that find the style of the webpage. Now you can by using @fontface. @fontface allows you to use a font that is available on the web. The only thing with @font have is that not all web browsers support it. This is still a new idea, also there is still licensing issues that are working out. THere is another way of using fonts from the web without licensing issues in the way. In the book there is an example of a website called typekit. This site allows you to embed fonts on your webpage. Another example of this kind of website is google fonts. this website allows you to embed fonts in your webpage.there are many fonts to choose from so you can pick fonts for your body and headlines. This website has no licensing problems with doing this. By using google fonts or typekit it allows you to style your website how you want and it works with all web browsers. Typekit and google also provides back up fonts so that if the font you want doesn’t shoe up on the particular computer that it will have another that is similar. This helps ensure that you do not mess up the look and feel of the website.

Design Theory IV: Design

Can you explain why design is worth studying? Can anyone be a designer?

Design is worth studying because without design everything would be different. The whole world of advertising and design would either be non-existent or just completely different. People probably would care as much about how things looked. Everything would just be a cliche or straight to the point. There would be no “wow” factor to anything. I feel like everything would be dull and boring without design. To study design and learning how the concepts work with the message really is something you need to learn and study. Not everyone is a designer and the people that are not start to give regular people terrible designs that should never have been released in the first place. The fact is you need to study design to be able to completely understand how this field works.

In the link below, there are these two people having a debate whether anyone can be a designer. The one man states that people make decisions every day and most people think they are entitled to make decisions about good and bad design. The other man said that design is not about problem solving it is about consumer choice. He also states that if everyone were to act like designers then everyone might have a better understanding of design and how it works.

Web Design II – Designing from the Content Out

In chapter 16 it talks about how you can design from the content out. This would be to design your site according to the content that you want to display. You could start by designing that part of the page that will hold the content. This would help ensure that you can work your way out. Starting to code the content right away will help build the site around it. When the content code is finished, do a quick sketch and build your navigation and footer next. More than likely it will be on the outskirts of the content.

Building a site from the inside out is good when you want to focus mainly on your content. The design will pull you right into the content, where you can read what you need to read.

In the article I read below it describes some ways to improve your design around content. To start, your headlines are one of the first things you see one a page, some headlines will be more dominate than others depending on the type of website it is. For example if it was a blog or news site you might want to have a little more enticing headline. Image sliders and galleries are another major part of content and is used very much in the web. They are best displayed on the home page. As for the text of the page, you want it to be readable and getting outside opinions on color scheme, font, or size will help with readability. But the dark text on a light background with average size font is the best for readability. There are some other tips listed such as gathering user information, reduce distractions, and using smaller graphics.

Design Theory IV

Can designers work outside ‘culture’ or must they always be a part of it?

Culture is a big part of design. I feel like through things we know and see everyday would be a good way of getting a message across. Thinking about it, a designer could probably venture out and work outside of culture but it might not have the same effect as working with culture. Mass culture is a part of everyone and really is an effective way of designing. When advertising you need to keep in mind people’s needs. Your thinking about culture, where they come from, what they do, and how they feel.

In the blog I read below, the author goes over points in culture where it can effect designing. For example in India most people are just focused on getting by and not about the details, whereas, in American and Europe we have those luxuries or details that we can focus on, because we have homes, food, and jobs. So when designing in India they focus more on the big picture rather than the fine details. The author interviewed people at schools and found that they focus more on the final product rather than design thinking and the process to get to the final product. By not being able to have the process or design thinking will most definitely effect the final product. This is how people in India most think because of the culture and the way they live.

Design Theory IV

The client, the audience and the designer all play important roles in the process of communication. I don’t really know if you could say there is a central role. Each role is played off each other. The client has to talk to the designer and figure out what the clients needs are. The designer then needs to figure out how to convey the message with an effective design as well. The designer needs to also think about the audience it is pointed towards, because you need to know how to convey a message that is appropriate for the audience. For example if you want an ad for cleaning supplies and you want to point it towards women, then you won’t want to have a hot women cleaning a car with the supplies because you know a man would be more likely to watch that than women. Once you get the designer figures out how to convey the message it is then up to the audience how it is perceived. Hopefully it is perceived how the client wanted it to be.

The Shannon and Weaver Process shows the process of communication. It is described by:

Information Source -> Transmitter -> Noise Source -> Receiver -> Destination

This process illustrates how the client, the audience, and the designer work together.

Web Design II

In chapter 8 it talks about how there are many common errors in modern markup. Basically that means that there are people making things much harder on themselves than it has to be, and eventually it might effect the design. For example in the book it shows a class in front of each paragraph but really all you have to have are those paragraphs wrapped in a div. You do not want to overuse the div because that can also create a mess just like it would if you used the classes. One of the best ways to keep things labeled is to use an id. You can use id’s for many things such as ul id=”navigation” or div id=”books”(examples from the book). Another habit that you shouldn’t get into is inline CSS. CSS should be done in a stylesheet and not in the markup.

You should always test your design in a browser such as Firefox, Opera, or Safari. If your design looks like it should in one of those web browsers then you should test it on the latest version of Internet Explorer. If they do not look the same you need to go back into your CSS. By checking your design in each of these browsers you eliminate the errors.

These are just some helpful tips that will help in making a better website, and doing things in a way that will keep up with modern times. A good way to start is not getting into bad habits that can create more problems in the long run for you.   (copy and Paste)

PDD and Wireframe

High Priority

FAAN: The Food Allergy and Anaphylaxis Network

The logo should appear on every page to keep consistency and to have brand recognition.

Main Navigation Links: About Us/Education/ Awareness/Research/Advocacy/Allergens/Media Center

The links should have a consistent feel and should be the same throughout all of the pages. It will be easier for the reader to navigate through the site, because they know where and what to look for when they want to change from page to page.

Image Slideshow

FAAN will provide images to create a slide show of current things that are going on. The purpose is show awareness of food allergies and reminding people around the holidays of food allergies.

Medium Priority

Message: Awareness of Food Allergies and anaphylaxis

Show awareness and was to help with people with food allergies.

Low Priority





Furture of the Web

I can see the future of the web being big. It is already becoming huge and a big part of our daily lives. As we progress in the future there are so many more things we can do with the web. You can find anything you want, when you want. Looking back when I was younger we had one computer in our house and I went to just a few websites, but it wasn’t anything special. That was only the beginning. It is fascinating to see how the web has grown. I will be even more interested to see what it will become in the future. I see it becoming our lives. This could be a good or a bad thing, but I believe it will not be all bad.

Post Navigation