Week 1

20 Color Scheme Generators

by Steve Jenkins

20 Color Scheme Generators

↑Back to the top

UI vs UX: what's the difference

by Dain Miller

UI vs UX: what's the difference

↑Back to the top

Skeuomorphs and Web Design

by Vadim Kirichenko

Skeuomorphs and Web Design

↑Back to the top

Why It's Important to Sketch Before You Wireframe

by Anthony

Why It's Important to Sketch Before You Wireframe

↑Back to the top

Freelancers warned to use contracts

by Craig Grannell

Freelancers warned to use contracts

↑Back to the top

Kitchensink Studios

Kitchensink Studios

↑Back to the top

Web Standards Sherpa

Web Standards Sherpa

↑Back to the top

Trent Walton

Trent Walton

↑Back to the top

Startup Giraffe

Startup Giraffe

↑Back to the top

Art4web

by The Joy

Art4web

↑Back to the top

Week 2

Mastering Font Combinations

by Jennifer Moline

This article discusses how to mix different fontsand how to make them work together. They also offer a cheatsheet to help you find combination fonts that work together.

↑Back to the top

Typography trends in web design

by Peter Vukovic

This website informs you of the different fonts that are being used today and how some fonts are able to survive through time. Hand made fonts are becoming popular in design and are starting to be used a lot more in websites. Multiple types on websites are also a new trend. some sites are using three or four different fonts.

↑Back to the top

Content Writing Tips

by ???

This article offers good information for writing content for your website. They make quick points about how a person doesn't spend to much time at a site if it has too much information. You should write short sentences and paragraphs. Keep it simple is the message they want to get across.

↑Back to the top

How to Write Website Content

4

Writing content involves knowing what yoour visitor is wanting or needing. If your providing a product or service, the customer visiting needs to be interested in your content in order to stay on your site. Using keywords can help in mainting traffic to your site.

↑Back to the top

Website Usability Tips

by Jacob Gube

This sites information has tips for content writing. It suggests to keep your writing short and to quickly get to the point of your subject. Eliminate unnecessary information and avoid writing paragraphs that are to long. Headings is a good way to break up the content into sections.

↑Back to the top

Hallzzz

by Alan C. Hall II

This website has a very simple design. It uses three colors that work together to grab my attention. This designer explains the process he uses when dealing with a client.

↑Back to the top

Luhsetea

by Alan C. Hall II

The vector images and the color scheme make this an interesting looking website.The use of the logo as the moon was a good idea.

↑Back to the top

Bangersaustin

by Neighborhood Studio & Kemsco

The old school look of this homepage never gets old. Its bben done plenty of times inposters, but I always seem to be drawn to it.

↑Back to the top

Noleath

by Awd Agency

This homepage looks to be just a black and white image. When you start to scroll down the shoes start to move to different directions and the second slide begins to move up. The color scheme changes from black and white to color.The site uses few images and text that it seems to be the right amount for this work. I would be very interested in what techniques were used.

↑Back to the top

Anna Safroncik

by Soozzesedesign

This websites navigation has an interesting effect when you hover over it.The text seems to roll and the color of the text changes.

↑Back to the top

Week 3

How to Pull Off a Tilt Shift Effect With Webkit CSS Filters

by Joshua Johnson

This article is a tutorial on how to use CSS to create the shift tilt effect that is being used by Apple maps.

↑Back to the top

Duckett's HTML & CSS: A Beginner's Web Dev Book You Can Actually Read

by Joshua Johnson

Duckett's book is put together differently from what other HTML & CSS books are done. The examples in the book are easy to understand and have nice big simple layouts. Duckett's book on HTML & CSS is one that should be read by a web designer that is a beginner.

↑Back to the top

Review: The Book of CSS3 - A CSS Book Even Experts Should Read

by Joshua Johnson

Joshua Johnson reviews The Book of CSS3. The book is about CSS3 and that the author Gasston doesn't spend time explaining the fundamentals. Instead he gets right to what is possible with CSS3 and what its capable of doing in the future.

↑Back to the top

Should We Kill the CAPTCHA?

by Joshua Johnson

Joshua questions if CAPTCHA should still be used because of how annoying it can be when visiting certain websites. He does offer alternatives to CAPTCHA that are easier to use for a visitor and not get as frustrated with trying to figure out the right letter to type.

↑Back to the top

Design Shack

by Design Shack

I found this website to be resourceful for articles and tutorials that are aesy and short.

↑Back to the top

Hooky

by Hooky Interactive. Inc.

Hooky has a very eye catching design that is mostly uses bright color. It looks like a simple design until you click on the text and it expands the window and reveals more information. I do wish it had a better logo to complement the overall design. The website uses a lot of straight lines and the logo is the only thing that has curves.

↑Back to the top

Glamour

by Glamour

The orang red color pops out against the light blue green that is behind it. The navigation is hidden a the top of the site.

↑Back to the top

Pioneer Steez

by Pioneer Steez

This website has a lot going on. The images and vector shapes either stand still or go off in different directions.

↑Back to the top

Honda battle of the bands

by Honda

I found this site to be very interesting due to the large images it uses across the site. The animation covers the full width and the images do grab your attention. With the menu hidden at the top, it allows for the animation to use a lot more height.

↑Back to the top

West Web Design

by Timoni West

This site has some interesting effects that I liked. The logo changes color when you hover over it from a black to blue. It simulates going from night to daylight. A picture of the designer pops up when you hover over her name.

↑Back to the top

Week 4

How To Increase Website Page Speed

by W3M

This website offers suggestions for making a website load faster. Some of the techniques are to remove unused styles and not use a lot of colors. Limit the amount of divs that are being used in the design. The size of images can make a site load slower and its important to format them and resize them to the appropriate sizes.

↑Back to the top

Learn by Example: 6 Lessons for Designing Restaurant & Food Websites

by Joshua Johnson

6 Lessons for Designing Restaurant & Food Websites is a exciting article for a new web designer that is starting out and would like to take on a project with a restaurant.

↑Back to the top

The Top 5 Techniques for Staying Up to Date in an Ever-Changing Field

by Kayla Knight

The techniques used for staying up to date on web design are to try teaching others about wen design. It forces you to do research and find the necessary information you need to give to students. Building network relationships and visting blogs related to web design are helpful ways to knowing the latest techniques.

↑Back to the top

5 Career-Threatening Mistakes Web Designers Make and How to Fix Them

by Rean John Uehara

This site goes over some things that causes web designers to fail at being noticed. It discusses the problems and then offers answers to solving these issues.

↑Back to the top

10 Common Color Mistakes Made by New Designers

by Amber Neely

The use of the wrong color or colors on a site can be a major part of why a website isn't appealing to a visitor.

↑Back to the top

Dunlop

by Zero

What attracted me to this site was the color yellow. The site is divided into 3rds which slide over when the cursor is over on of them. It's an interesting way of saving and using space.

↑Back to the top

Cybertronical Design

by Cybertronical

The big images being used grab my attention and make me want to explore the rest of the site.

↑Back to the top

Nerisson

by Antoine Wodniack

Nerisson has a nice simple design that fits the color scheme. Design is minimal and so is the color.

↑Back to the top

Shiny Demos

by Opera

Shiny Demos is a simple design, but what i find interesting is the text is horizontal. Horizontal lines aren't normally used on a website.

↑Back to the top

Brand Fever

by Brand Fever

I usually don't llike the use of wood pattern for the background, but this site uses it in a way that isn't over bearing. The color red stands out more than the wood and this maintains balance between the two. I like this use of blocks through out the site.

↑Back to the top

Week 5

Responsive Menus: Enhancing Navigation On Mobile Websites

by Rachel McCollin

This article discusses Responsive Menus and how a website changes its look when a when a website is viewed in differemu aizes like in mobile devices.Navigation is an important part of a site that should alter its looks the site needs to fit in a screen. rachel goes over techniques that work on cell phones and tablets.

↑Back to the top

Is Your Website Mobile Friendly?

by Richard Tucker

Richard Tucker asks "Is your website mobile ready?" If it isn't, he offers tips on the different types of service that can change your site for you. You do do have the option of doing it yourself by purchasing a template and a yearly fee.

↑Back to the top

A guide to Google Analytics Pt1

by Steve Jenkins

Google Analytics can be difficult to understand at first, but it is vry helpful for your site. This article explains the process for getting started by signing up to Google Analytics. Google Analytics is a nice tool to have for your site.You can use it to track the amount of traffic you you get in a day or in a week. You can customize it to different ime rate. Track what part of the site visitors are visiting more often and see what they aren't clicking on.

↑Back to the top

Best Practices for Increasing Website Performance

by Aaron Lumsden

Aaron gives advice on having better performance for your site. One suggestion is if you have several stylesheets try combining them so, that the browser doesn't take as long to load. Image can slow down the loading time process of a site too. Compressing your images by using Photoshop so that the image size is smaller.

↑Back to the top

Why You Should Add Authorship Information to Your Website

by Kevin Vertommen

Authorship can help enhance search results. It can help by getting more traffic to your site. Authorship allows you to add an image of yourself next to your link when visitors do searches in search engines.

↑Back to the top

Rory McIlroy

by Rory Mcilroy

The large slides on the homepage grab my attention. The overall site is simple and it has large blocks to divide the page. I like the use of large text. It works with the rest of the large elements. the black and white images always look good with solid colors around them.

↑Back to the top

Two Designers

by Twodesigners

The Two Designers website doesn't have much, but I'm interested in the little details. You can barely see the texture in the background and the image that appears when you hover over the nav tabs. The ragged edges it has on the nav are details I noticed right away. The map is placed in an interesting location. Click on the button at the top and the site and the page shifts downward to reveal the map.

↑Back to the top

Freelance Designer

by Roy Barber

I was attracte dto the background color. It dominates the site, but it isn't used in a bad way. Meaning the color is toned down to an earth color. Usually when a site uses a solid color for the background it is a bright color and I keep my focus on the color and not the design. The use of white text balances the design and color out.

↑Back to the top

Stylefish

by Stylefish Inc.

Stylefish has a bright yellow color, but its used under control. The shades of green at the top and background knock down the bright yellow. the yellow fish in the center was pplaced in the right location with the dark green which stands out without reaaly being in your face.

↑Back to the top

Seth Williams

by Seth Williams

Seth Williams site is very simple in design. I like the background color. It makes the rest of the colors stand out. The use of white space is nice. all the content is surrounded by space and it is a change to what I usually see with other sites that tend to cram a lot of info intp the site. The diagonal lines are placed in an interesting way. So, is his name. I may try using daigonal lines in my next project if allowed. They break yp the flow in a positive way.

↑Back to the top

Week 6

A simple guide to responsive typography

by Cameron Chapman

Responsive type used for responsive website.

↑Back to the top

Best practices for navigation on the mobile web

by Sarita Harbour

Best practices for navigation on the mobile web suggests that top remove the number of buttons used. Keeping a limited amount of taps from the user. Arrange the most important categories at the top of the menu.

↑Back to the top

Does Google really prefer responsive sites?

by Bryson Meunier

This articles asks if Google prefer that your site be responsive or not? What it comes down to is if the user like your site and visits it, then Google will like it because it drives traffic to your site.

↑Back to the top

Designing Banner Ads: 5 Things You Should Never Compromise On

by John Miller

When designing a banner for ads that is going to be used for a website try to keep it at a size that isn't too big. Keep the the message short and simple. Limit the amount of images used for an add.

↑Back to the top

EXPANDABLE MOBILE SEARCH FORM

by Web Designer Wall

This article shows you how to add a search box to your mobie site that will expand when using the search box.

↑Back to the top

Off Canvas Menu with CSS :target

by CSS Tricks

This tutorial gives information on how to add a nice navigation for a mobile site using CSS.

↑Back to the top

Why Ems?

by CSS Tricks

Seth Williams site is very simple in design. I like the background color. It makes the rest of the colors stand out. The use of white space is nice. all the content is surrounded by space and it is a change to what I usually see with other sites that tend to cram a lot of info intp the site. The diagonal lines are placed in an interesting way. So, is his name. I may try using daigonal lines in my next project if allowed. They break yp the flow in a positive way.

↑Back to the top

Blog Design Tips for Organizing Categories

by Charles Mburugu

When creating categories for a website try and keep it simple for the user to navigate. Having too many categories will only cause a distraction and likely drive the user to leave. Use words that clearly identify what the categories are.

↑Back to the top

Adaptive Vs. Responsive Layouts And Optimal Form Field Labels

by Christian Holst

Adaptive vs Responsive Layoouts discusses the which is more optimal and the pros and cons to each version. Adaptive has less stages to worry about and make it easier to maintain.

↑Back to the top

Targeting Your Audience Effectively with Simple Web Design Tips

by Christian Vasile

When you want to target your audience effectively, a important part would be to know your audience. Meaning know what people come to your site. Have a nice layout that doesn't flood it with ads. Adding graphics always attract the user and also having a place for them to leave comments.

↑Back to the top

Advertising Agency NeoLab

NeoLab

The simple black and white images are eye catching. The diagnal form that the images are interesting. Hover over the images and they turn to color.

↑Back to the top

Lowdi

by Lowdi

Lowdi website has large color spaces that balance out the site. The design of the black field disguises the video.

↑Back to the top

Acas Proiect

by Roy Barber

The color red is used all over the website. I like the annimation that occurs when you hover over the circle in the center.

↑Back to the top

Libor Zezulka

by Madeo

The big blocks and solid colors work in this website. It does include small simplpe designs. As you scroll down the pages change colors and feels as though you are on a different page.

↑Back to the top

Agency Ball

by Agency Ball

What I found interesting about this site was that the use of four colors really gel together. The suddle use of the starburst is a nice combinastion to the logo and menu.

↑Back to the top

Virgin FreeFest

by Virgin Freefest

The sharp lines to this design make it look like a poster with the use of vector shapes. The shapes in the middle hide the annimation. This is a design I might try and also the annimation.

↑Back to the top

Levis

by Levis Strauss & co.

What I like about this site is the annimation used on the homepage. The tabs used for each slide are transparent which you don't usually see.

↑Back to the top

Lorenzo Verzini

by Lorenzo Verzini

This website reminds me of a abstract painting. It uses few colors and simple shapes. This design will work for a museum or art gallery.

↑Back to the top

GO LIve

by Float

This type of design has been done before, but the color yellow makes this site look "happy". and fun.

↑Back to the top

Bond

by Evan Halshaw

This is one of my favorite websites. There is a lot for me to like. The solid color, basic shapes, simple design and all the annimations that are within the site. I like the way the colors come in and out when you scroll down the page and click on the buttons on the right side.

↑Back to the top

Week 7

Understanding Minimalist Website Design

by Joe Breezi

Responsive type used for responsive website.

↑Back to the top

Awesome CSS3 generators to simplify front end development

by Jean Baptiste Jung

Best practices for navigation on the mobile web suggests that top remove the number of buttons used. Keeping a limited amount of taps from the user. Arrange the most important categories at the top of the menu.

↑Back to the top

Create fluid layouts with HTML5 and CSS3

by Ben Frain

This articles asks if Google prefer that your site be responsive or not? What it comes down to is if the user like your site and visits it, then Google will like it because it drives traffic to your site.

↑Back to the top

Responsive Web Design

by ADMIN

When designing a banner for ads that is going to be used for a website try to keep it at a size that isn't too big. Keep the the message short and simple. Limit the amount of images used for an add.

↑Back to the top

Introduction to website wireframing

by ADMIN

This article shows you how to add a search box to your mobie site that will expand when using the search box.

↑Back to the top

Introduction to Search Engine Optimization

by ADMIN

This tutorial gives information on how to add a nice navigation for a mobile site using CSS.

↑Back to the top

HTML Best Practices for Effective SEO

by ADMIN

Seth Williams site is very simple in design. I like the background color. It makes the rest of the colors stand out. The use of white space is nice. all the content is surrounded by space and it is a change to what I usually see with other sites that tend to cram a lot of info intp the site. The diagonal lines are placed in an interesting way. So, is his name. I may try using daigonal lines in my next project if allowed. They break yp the flow in a positive way.

↑Back to the top

css hacks

by css hacks

When creating categories for a website try and keep it simple for the user to navigate. Having too many categories will only cause a distraction and likely drive the user to leave. Use words that clearly identify what the categories are.

↑Back to the top

Basic Steps of Graphic Web Design

by Brian Taylor

Adaptive vs Responsive Layoouts discusses the which is more optimal and the pros and cons to each version. Adaptive has less stages to worry about and make it easier to maintain.

↑Back to the top

Coding for Retina Displays with RetinaJS Tutorial

by IMULUS

When you want to target your audience effectively, a important part would be to know your audience. Meaning know what people come to your site. Have a nice layout that doesn't flood it with ads. Adding graphics always attract the user and also having a place for them to leave comments.

↑Back to the top

5emegauche

5emegauche

The simple black and white images are eye catching. The diagnal form that the images are interesting. Hover over the images and they turn to color.

↑Back to the top

aaugh

by aaugh

Lowdi website has large color spaces that balance out the site. The design of the black field disguises the video.

↑Back to the top

by Daniel Sitek

The color red is used all over the website. I like the annimation that occurs when you hover over the circle in the center.

↑Back to the top

INNCOMUM

by INNCOMUM

The big blocks and solid colors work in this website. It does include small simplpe designs. As you scroll down the pages change colors and feels as though you are on a different page.

↑Back to the top

pictoplasma

by pictoplasma

What I found interesting about this site was that the use of four colors really gel together. The suddle use of the starburst is a nice combinastion to the logo and menu.

↑Back to the top

Valentina Gallo

by awdagency

The sharp lines to this design make it look like a poster with the use of vector shapes. The shapes in the middle hide the annimation. This is a design I might try and also the annimation.

↑Back to the top

Laci Baruffi

by LaciBaruffi

What I like about this site is the annimation used on the homepage. The tabs used for each slide are transparent which you don't usually see.

↑Back to the top

Romain Zitouni

by Romain Zitouni

This website reminds me of a abstract painting. It uses few colors and simple shapes. This design will work for a museum or art gallery.

↑Back to the top

Bad Racket

by Adam Wagner

This type of design has been done before, but the color yellow makes this site look "happy". and fun.

↑Back to the top

RYPE ARTS

by RYPE ARTS

This is one of my favorite websites. There is a lot for me to like. The solid color, basic shapes, simple design and all the annimations that are within the site. I like the way the colors come in and out when you scroll down the page and click on the buttons on the right side.

↑Back to the top

Week 8

CSS3 tucked corners

by Catalin Rosu

Responsive type used for responsive website.

↑Back to the top

CSS3 patterned buttons

by Catalin Rosu

Best practices for navigation on the mobile web suggests that top remove the number of buttons used. Keeping a limited amount of taps from the user. Arrange the most important categories at the top of the menu.

↑Back to the top

Quick Tip Make a Full Screen Image Background With a Line of CSS

by Martin Angelov

This articles asks if Google prefer that your site be responsive or not? What it comes down to is if the user like your site and visits it, then Google will like it because it drives traffic to your site.

↑Back to the top

MicroTut: How CSS Positioning Works

by Martin Angelov

When designing a banner for ads that is going to be used for a website try to keep it at a size that isn't too big. Keep the the message short and simple. Limit the amount of images used for an add.

↑Back to the top

IE10 CSS Hacks

by Louis Lazaris

This article shows you how to add a search box to your mobie site that will expand when using the search box.

↑Back to the top

18 Online Payment Services and Systems

by AWWWARDS TEAM

This tutorial gives information on how to add a nice navigation for a mobile site using CSS.

↑Back to the top

Making a CSS3 Animated Menu

by Martin Angelov

Seth Williams site is very simple in design. I like the background color. It makes the rest of the colors stand out. The use of white space is nice. all the content is surrounded by space and it is a change to what I usually see with other sites that tend to cram a lot of info intp the site. The diagonal lines are placed in an interesting way. So, is his name. I may try using daigonal lines in my next project if allowed. They break yp the flow in a positive way.

↑Back to the top

How to Create CSS3 Buttons

by Valeriu Timbuc

When creating categories for a website try and keep it simple for the user to navigate. Having too many categories will only cause a distraction and likely drive the user to leave. Use words that clearly identify what the categories are.

↑Back to the top

5 Reasons to Start a Web Development Blog Today

Joshua Johnson

The simple black and white images are eye catching. The diagnal form that the images are interesting. Hover over the images and they turn to color.

↑Back to the top

6 free mobile device emulators for testing your site

by Rohit Singhal

When you want to target your audience effectively, a important part would be to know your audience. Meaning know what people come to your site. Have a nice layout that doesn't flood it with ads. Adding graphics always attract the user and also having a place for them to leave comments.

↑Back to the top

WELCOME TO HDLIVE

Branded07 & Theappleofmyi

The simple black and white images are eye catching. The diagnal form that the images are interesting. Hover over the images and they turn to color.

↑Back to the top

Joint

by Joint

Lowdi website has large color spaces that balance out the site. The design of the black field disguises the video.

↑Back to the top

Vitalmar

by Vitalmar

The color red is used all over the website. I like the annimation that occurs when you hover over the circle in the center.

↑Back to the top

altimax

by Altimax

The big blocks and solid colors work in this website. It does include small simplpe designs. As you scroll down the pages change colors and feels as though you are on a different page.

↑Back to the top

Typecode

by Typecode

What I found interesting about this site was that the use of four colors really gel together. The suddle use of the starburst is a nice combinastion to the logo and menu.

↑Back to the top

The Mealings

by The Mealings

The sharp lines to this design make it look like a poster with the use of vector shapes. The shapes in the middle hide the annimation. This is a design I might try and also the annimation.

↑Back to the top

The Style Junkies

by The Style Junkies

What I like about this site is the annimation used on the homepage. The tabs used for each slide are transparent which you don't usually see.

↑Back to the top

The Lost Phone Experiment

by The Lost Phone Experiment

This website reminds me of a abstract painting. It uses few colors and simple shapes. This design will work for a museum or art gallery.

↑Back to the top

FABWEBDESIGN

by Fabrizio Michels

This type of design has been done before, but the color yellow makes this site look "happy". and fun.

↑Back to the top

Saocucar

by Saocucar

This is one of my favorite websites. There is a lot for me to like. The solid color, basic shapes, simple design and all the annimations that are within the site. I like the way the colors come in and out when you scroll down the page and click on the buttons on the right side.

↑Back to the top