Aiming high for the Awwwards!

awwwards

There are so many websites around the world that has different definition of web design. Some developers follow trends and make it their own. Some developers make their own trends and other follows. A very good web developer wants to keep an eye on what’s going on in web industry and their competitors. Websites that can win awards usually stand out amongst others. In areas of:

  • Design
  • Creativity
  • Usability
  • Content

Awwwards is the place to find the new websites and interesting designs concepts. You believe you got a winning concept? Submit your website to Awwwards.

Advertisements

Single Web Page Design

BlogPic2

I bet you didn’t know that single web page design is a popular trend.

Well…If it’s done right, a single web page design can stand as equal to a whole website. The chances of your viewers seeing all your content on the front page is relatively high. Using scroll effects, high quality images, and a well focus idea of your clients products that can be seen on the first page can definitely leave an impression to your viewers.

Here are some examples I found, that are top notch single web page design:

  1. http://www.fifteen.net/
  2. http://freethechicken.org/
  3. http://onemore.fr/brig/
  4. http://www.meetthepros.org/
  5. http://www.myowncorks.com/
  6. http://calio.co/

“Clean” Clients Favorite Word

BlogPic3

When your a freelance developer and been dealing with clients for a while.. the word “clean” has probably came up more then you can count. Other common phrases such as.. “I really like how apple design their website” or “Can you design something like apple?”

Yeah… It’ll probably drive you nuts. Granted yes, apple has a very clean and well written website but the one thing you want to establish for your clients is their own brand (not apple..).  Here’s a small list of examples of “clean” websites that you can show your to clients: (not just apple!..)

  1. http://www.shaneprendergast.co.uk/
  2. http://www.rdio.com/home/
  3. https://thankfulregistry.com/
  4. http://www.richardphotolab.com/
  5. http://larstornoe.com/

The World Web meets Mobile

Foundation 4

Today… developers have to take account that they can’t develop for just desktop computers anymore. The world is moving on to tablets, and mobile devices. Which developers have to take account on those platform as well. Yes, it means trying to develop a website or two that can help govern both markets.

Of coarse no one likes to develop a website twice but some things must be done…

With technology increasing everyday, the best coarse of action is to build a responsive front-end-framework.  Just like how people build website with the 960 grid system, but for mobile and tablet devices.

To give you guys at least a lead here:

/*—Syntax of the Day—*/

CSS3@font-face

Syntax:

@font-face{

font-family: ‘YourFontName’;

src: url( ‘ YourFontName.otf ‘ ),

        url(‘YourFontName.eot’); /* IE 9 */

}

What does it do?

  • Used to embed fonts within web pages, although what actually happens is that you provide the location of the font and the browser downloads it.

Browser Support?

  •  Supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari.

Explorer REALLY!?

  • The only catch is… Internet Explorer 9 only supports .eot type fonts, while Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts.
  • Internet Explorer 8 and earlier versions, do not support the @font-face rule.

Scrolling – The Hidden Design

When was the last time you had to do a tons of scrolling?  Probably on news articles, or blogs here and there. Definitely on social networks to see what’s going on around you but when your on a modern website… usually less than 3 seconds.

No one or “The Internet,” likes to scroll to find the answers. They rather have it right there and then. Developers try to provide the user with everything on a single page or I should said, “Above the fold.” Which is a phrase that comes from the newspaper industry. Basically saying… put whats important on the front page.

With the current web trend we have now, developers are actually embracing the scroll. Using HTML5, CSS3, jQuery, and more… you’ll be amaze what you can find:

  1. http://www.playgroundinc.com
  2. http://artemjuliawedding.com/en
  3. http://www.discovershadow.com
  4. http://www.koawater.com/#top
  5. http://islreview.com/
  6. http://www.shibui.me/web/scroll/index.html

Becoming a master…

<p> Hello world! </p> Just kidding! Sup guys! 

I’m studying to become a grand master of web development & design. Looking at all sorts of unique websites around the world and sharing them on this blog. I do like doing tutorials and will be posting the results from them on this blog as well. I’ll definitely provide the links to them of course!

( I can’t be the only tutorial junkie) 🙂 

From photoshop to dreamweaver to building responsive websites. It’s a long road to become a master.