Flash User » Design

30 Awesome Typography Designs

flashuser — Tue, 24 Jan 2012 17:34:21 +0000

Typography is everywhere you turn your head around even is about a newspaper article, a title from a book or a poster. You can’t miss a day without reading something, it’s an automatism that we’ve learned. But when you are a graphic designer it’s impossible not to focus your attention on letter shapes, type font and overall design of an article when you read it. That’s why many talented designers come with great typography concepts and start to transform the typography into an art.

Web designers also adopt this trend and start to create websites with bold and huge types, 3D typography design or simple and minimal typeface. The most important thing is to capture the user attention and to make it return to the web page. Typography is a form of communication and for designers it’s a true challenge to come with something new and great everytime to be well received by the public.

For today we gather around some great typography artworks from talented designers that will blow your mind. In this post you’ll find 30 beautiful examples of how a simple message can be transformed into a masterpiece. Hope you enjoy the selection we’ve made and get some inspiration for your future projects.

Awesome Typography Artworks for Inspiration

1. Type tree – by Cyla Costa

2. Heist – by Theo Aartsma

3. Good – by Nio0n

4. Come Back To Me – by Dmaghar

5. lionel – by kingslip

6. Mechanic – by Jakku

7. Sometimes – by Sebastian Andaur

8. the person you love is 72.8% water – by teagan white

9. Time for a fresh start – by James Oconnell

10. Milking – by buioaloha

11. Walk in the open sky – by Jeff Osborne

12. Germs – by ume7

13. Typography & Lettering – by Nicolas Girard

14. Western – by ThalesFernando

15. Cinq Minutes Cheri – by sebastien CUYPERS

16. Play yoyo every day – by Bramorvsky

17. Pogo 2012 – by POGO

18. Lettering to DDQ Design – by Marcelo Schultz

19. Lovely Friday – by Juri Zaech

20. Twisting in the Wind – by Alex Beltechi

21. can you type it? – by JohwMatos

22. Get-On – by Stefan Chin2off

23. Colors – by elliottdj

24. NYE Concept- by Surface to Air Design Foundry

25. Periodic Table of Typefaces- by Cam Wilde

26. Calligraphic is my type – by Marcelo Schultz

27. Never do the same thing twice – by BramVanhaeren

28. Rio de Janeiro – by hugo_ceneviva

29. AWESOME – by DVArtworks

30. DontBeAfraid – by BramVanhaeren

Which typography design is your favourite one?

Comic Superheroes Artwork: Captain America

flashuser — Mon, 21 Nov 2011 14:29:32 +0000

Next superhero from the artwork series that I would like to present is Captain America from Marvel Comics. With the movie Captain America: The First Avenger released in the summer 2011 and The Avengers movie knocking on the door (May 2012) I though that it’s a good time to catch up with some amazing artworks from amazing designers around the world.

Captain America was the alter ego of Steve Rogers, a frail young man who was enhanced to the peak of human perfection by an experimental serum in order to aid the United States war effort. Captain America wears a costume that bears an American flag motif, and is armed with an indestructible shield that can be thrown as a weapon.

Captain America was ranked 6th on IGN’s Top 100 Comic Book Heroes in 2011.

Comic Superheroes Artwork: Captain America

Captain America WWII by Jimbo / color by MindWinder

Captain America by David Finch / color by ColourDood

Captain America by SteveWeigl

Captain America by Phoenix74n

Captain America by aracubus

Captain America vs Hulk by Pencils: Al Rio / Inks: Logicfun / Colors: zetr0c

Captain America – BalanteColor by Balante Sokraticia

Captain America by Thrakks

Captain America lives on by Chris Bachalo & Tim Townsend / Color: by spidey0318

Captain America by Edwin David

Captain America by Montri Polchai

Captain America by Bobby Liauw

Captain America by Juan Puerta

Captain America Sample Cover by caiocacau

Captain America by ochie4

Captain America Pencils: by Chris Bachalo / Inks: by Tim Townsend / Colors: by DaiKaiju

When Captain America Throws… Pencils: by joshawafrost / Colors: by kay-too

Captain America by jeffagala

Captain America Wallpaper

Captain America Caricature by Javier Martínez

Captain America the Alien by wya

Captain America by farkwhad

Captain America, Thor, Iron Man by Gabriele Dell’Otto

Captain America by novicekid

Captain America by cesarmascarenhas

Captain America by darroldhansen89

Captain America by bourrouet

Captain America by Zairyo and lewis-paul

Captain America by konjur

Captain America vs Red Skull by bgreen907

Captain America vs Snake by red-j

Captain America vs Iron Fist by mrfuzzynutz

Captain America vs Red Skull by pascal-verhoef

Captain America vs Terry by saltheman

Captain America vs Iron Man by bushande

Captain America vs Red Skull by deathpiece

Captain America vs Iron Man by dkuang

Captain America vs Superman by lex-207

Captain America vs Red Skull by wedmer

Captain America vs Batman by deathrider1551

Captain America vs Super-Adaptoid by amkudelka

Captain America vs Red Skull

Captain America vs Iron Man

Captain America

Captain America Color by riccardo-fasoli

Captain America: Tank Surfer by gattadonna

Captain America The Chosen by daikaiju

30 Logos with Hidden Messages

flashuser — Mon, 31 Oct 2011 15:07:48 +0000

Nowadays, as a graphic designer, it’s hard to come up with great and meaningful concept for a logo and satisfy the customer needs. As more and more trends pass over the internet, many creatives got trapped in this vortex and focus their logo designs for short term periods and not long ones. I love logos with hidden messages and I spend time to caught the idea behind every logo. For me it’s a great relief after I’ve figured it out the message that the designer want to transmit. It’s like a puzzle game.

If you want your next logo to stand out and be world wide recognized it’s time for a little help. Below are 30 clever logo concepts that use negative space to create a powerful message and reflect the company’s personality. I recommend to read the explanation on the right side after you’ve tried to figure it out on your own what’s the message behind the logo.

30 Logos with Hidden Messages

1. Five Ten

As the name of the footwear company suggests you’ll find the number 5 and number 10 incorporate in the graphic.

2. FedEx

A classic one. Behind the FedEx logo’s simplicity, lays an arrow located in the negative space between the ‘E’ and ‘X’ pointing rightwards.

3. Amazon.com

The arrow suggests that the Amazon.com has everything from “a” to “z” and also reprezents a customer smile.

4. ZIP

The letter “I” is smartly replaced with a zipper.

5. Eight

Great idea to use variations of number “8″ to create the eight logo.

6. 247 black/white

Between “2″ and “7″ in the negative space is number “4″.

7. Zoorganic

You’ll see an eagle’s silhouette and in the negative space on the left it’s a horse’s head and on the right it’s a wolf’s head.

8. Formula 1

Pretty simple put poweful. Look in the negative space and you’ll see the number “1″.

9. Sony Vaio

The first two letters represent a wave symbolizing the digital signal and the last two the digital signal (1 and 0).

10. Northwest Airlines

Take a closer look at the circle in the left. You’ll see letter “N” and “W” and also a compass arrow that points N-W.

11. Wiesinger Music

Piano keys – letter “W” on the left and letter “M” on the right.

12. My Fonts

What do you see behind letters “My”? A hand:).

13. Silver File

In the negative space between the double “F” it’s the letter “S”.

14. Body Wisdom

A high end day spa logo. The hands represent relaxation and the owl eyes that represent wisdom.

15. Families

Timeless logo.

16. Sun Microsystems

You can read the brand name in every direction; both horizontaly and verticaly.

17. Treacy Shoes

A shoe hidden in the negative space.

18. Dog Care Veterinary

Two hands that represent care of a dog that’s in the negative space.

19. Shit Talking

Two quotes that are build to form a toilet seat in the negative space.

20. Fantom

Clever logo that hides letter “a” between “F” and “n”.

21. Hammmer

A hammer is integrated in the negativ space of the letter “H”.

22. Elefont

This logo can be seen as a simple “e” letter and also if you look closer in the negative space you’ll see an elephant’s trunk.

23. Bones

Nice one. The black color from the letters represent the flesh and the white color reprezent the bones.

24. The Installers

The letter “I” is formed by two opening doors.

25. Lemon Crown

A half of lemon and a crown in the negative white space.

26. Heartbeats

Two musical notes that are combined together to form a heart and headphones.

27. Hanuet Wine

Two wine glasses in the negative space.

28. Martini House

Two martini glasses and a house in the middle.

29. Embrace Beer

Letters “E” and “B” in yellow and in the negative space 2 beer bottles.

30. Take Reality

You’ll see between letter “K” and letter “E” in the negative space a house.

Do you have a favourite hidden message logo? Share it in the comments section.

Coolest iPhone App Sites

Alice — Tue, 13 Sep 2011 11:31:53 +0000

iPhone apps are hot! Web developers are adding tens of amazing iPhone applications every week to the app store and it’s hard to convince users which ones are the best. That’s why many have already started to create beautiful presentation sites for their iPhone apps to help sell them.

Most iPhone application websites have a similar design, usually a cool image or a video to show people how the app works. However, there are also some site designs that really catch your eye. Whether it’s the color, the slick typography, or the navigation, these sites are visually appealing. So, today you’ll enjoy browsing through a showcase of 15 examples of cool iPhone app site designs that are my favorite out of a bunch.

If you’re an iPhone fan, why don’t you also check out our post on iPhone wallpapers?

Coolest iPhone App Sites

1. The Cocktail App

This presentations sites welcomes you with a colorful and delicious image of a cocktail. The design is simple, and so is the typography used. The blocks of text are separated by small images that explain the process of making a great cocktail.

2. Flight Card App

Simple design to make the concept easy to explain to any user that visits the site. Actually for such a cool idea, there was no need to create a complex design for this presentation iPhone site.

3. Meridian Apps

Nice slideshow intro that describes the top 5 benefits of getting this app, used primarely to save up space. The typhography and colors are minimal, yet effective.

4. Banca Currency converter app

Good landing page for a currency converter iPhone app. Includes information about the product, as well two buttons that redirect to a video and screenshots of the iPhone app. It’s a practical use of the little space available.

5. HiFutureSelf App

Excellent use of visual elements to explain what the app does, and how to use it. And all that with two images of an iPhone and two lines of text.

6. Lo-Mob app

Given that this is an iPhone app that one can use to give a retro look to his photos, most of the space on the site is taken over by a showcase of images with a retro effect.

7. Momento App

The site is designed in relation to the specific of the iPhone app – plenty of content with some images that explain how it works. Maybe the background isn’t the best choice, but other than that, it makes a good presentation site for an iPhone application.

8. Mee Templates

Three iPhones with changing themes every 2 seconds. You could easily guess what this iPhone app site is all about. Good use of space with scroll-down content on the right side of the page. Overall, a good looking iPhone site design.

9. Marketcircle

This design is actually similar with the previous one, minus the content. They used images of the iPhone to show how the app works and added a video icon close to it, where users can find out more about the app.

10. Ecoki iPhone Reader

Cool design for an eco iPhone reader. Every element of design on this page says “eco”, especially the colors and the background image, which is pretty stunning, if you ask me.

11. TimeTuner app

Simple design for an iPhone app site that uses a background image and an iPhone to explain in few words what the app is for.

12. Gas Cubby App

Colorful iPhone app site that presents an app that can help users track their gas mileage. Maybe the design could’ve been a bit better, but the colors catch the eye.

13. Get Concentrating app

The colors used on this site are a definite attraction, and go hand-in-hand with the concept of the iPhone application that they’re promoting. On the same note, the typography and the images also help a lot. However, I would’ve made the two buttons more obvious.

14. WordPress for iPhone

I actually wouldn’t have imagined the WordPress for iPhone site looking any different than it does now. It uses an image to show you how WP will look on your iPhone device.

15. Movies Now app

Amazing design for an iPhone app site that can be used to get movie tickets on the go. The design elements are very attractive, as well as the background image that’s in accordance to the main benefit of the app.

If you have an iPhone app site or have seen one that’s really neat, go ahead and share it with us in a comment below.

35 Beautiful Contact Form Designs

flashuser — Sun, 11 Sep 2011 20:53:24 +0000

This article is about good looking, intersting, modern, clean and simple contact form designs that I hope to inspire you for your next project. It’s an easy way to keep in touch with your visitors so why not create a unique and friendly approach for your contact form.

Without any other words, here’s my list of 35 Beautiful Contact Form Designs for your inspiration.

35 Beautiful Contact Form Designs

1. Branded07

2. Inservio Web Solutions

3. Arbel Designs

4. Snowden Industries

5. Ultranoir

6. Yodaa

7. Wing Cheng

8. Digital Base

9. Orman Clark

10. Ngen Works

11. Point Zero

12. Shout Digital

13. Paravelinc

14. Forever Heavy

15. Dreamer Lines

16. Net Dreams

17. Social Snack

18. Carsonified

19. Sean Geng

20. Goslingo

21. Efingo

22. Lionways

23. Mooze Design

24. Bert Timmermans

25. Justdot

26. Step2Reality

27. Area17

28. Nemanja Ivanovic

29. Collision Labs

30. We Love Icons

31. Molecube

32. Vivacitas

33. Owl Concept

34. Worry Free Labs

35. Matt Bay

40 Useful HTML5 Tutorials

flashuser — Fri, 02 Sep 2011 07:00:00 +0000

You’ve heard about HTML5 but you don’t know from where to start. You want to learn / improve your web design techniques with the power features of HTML5 & CSS3 such as rounded corners, multi columns, video & audio support, new elements, new attributes. I’ve searched the web and collected some great HTML5 tutorials that will help to improve your knowledge in the field.

Are you ready to take the next step and be among the first? Many web designers and developers started practicing and implementing those new features in their HTML5 websites.In this roundup I’ve featured 40+ Useful HTML5 Tutorials that definately will improve your web design skills.

Do you have a great HTML5 tutorial? Please share with us.

40+ Useful HTML5 Tutorials

1. An HTML5 Slideshow w/ Canvas & jQuery

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts.

2. How to Make an HTML5 iPhone App

You can create a native app that lives with all the other apps, and for the most part, it’s going to be a pitch-perfect imitation. You can do this with the skill set you probably already have: HTML(5), CSS, and JavaScript.
I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

3. Making a Beautiful HTML5 Portfolio

In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

4. Have a Field Day with HTML5 Forms

Here we’re going to take a look at how to style a beautiful HTML5 form using some advanced CSS and latest CSS3 techniques. I promise you will want to style your own forms after you’ve read this article.

5. Coding A HTML 5 Layout From Scratch

6. Create a Stylish Contact Form with HTML5 & CSS3

Follow this step by step process to create your own stylish contact form completely out of HTML5 and CSS3.

7. Create Vector Masks using the HTML5 Canvas

The HTML5 canvas can be used to create a lot of cool things, like games, video effects, graphs and more. It can also be used to produce some slightly less complex effects, like manipulating images on the page.
In this post we will look at how to use the canvas tag and clipping to create images that aren’t so rectangular.

8. Create a Grid Based Web Design in HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3.

9. Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

HTML5 is much more considerate to semantics and accessibility as we don’t have to throw meaningless div’s everywhere. It introduces meaningful tags for common elements such as navigations and footers which makes much more sense and are more natural.

10. Create An Elegant Website With HTML 5 And CSS3

The aim is to create an elegant blog/portfolio for an efficient professional (graphic and web designer or photographer). Below you can see the final resul of our efforts; don’t forget that it is coded through two new great technologies, HTML 5 and CSS3.

11. Fullscreen Slideshow with HTML5 Audio and jQuery

In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

12. Design & Code a Cool iPhone App Website in HTML5

In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects.

13. Blowing up HTML5 video

I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call.

14. Getting Offline Access with HTML5 Application Cache

The internet is no longer about just websites; it’s about web applications. Often, our users are on portable or mobile devices, and they won’t always have access to a network. With HTML5’s Application Cache, you can provide them with all or some of the functionality they would have online, no matter where they go.

15. HTML5 Grayscale Image Hover

Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I’ve put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale.

16. How to create water drops effect using HTML5 canvas

Today we continue JavaScript examples, and our article will about using javascript in modeling of water effects. This will emulation of water drops at images.

17. How to Build Cross-Browser HTML5 Forms

In this tutorial, we’re going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

18. How to Code a Clean Website Template in HTML5 & CSS3

19. Semantics in HTML 5

For this article, let’s turn solely to the semantics of HTML. It’s something I’ve been interested in for many years, and something which I believe is fundamentally important to the future of HTML.

20. The video element

The element is brand new in HTML 5 and allows you to, get this, play a movie in your website! The data of this element is supposed to be video but it might also have audio or images associated with it.

21. Easy Percentage Grid System with HTML5

Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system. The main characteristics of this grid system is that all the columns have percentage based width so they adapt to the container element.

22. Build your First Game with HTML5

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! Today, you’ll make your first game using Box2D and HTML5′s canvas tag.

23. Creating a HTML5 & CSS3 single page template

Today we will create HTML5 web template with combination with CSS3 and jQuery.

24. Coding a CSS3 & HTML5 One-Page Website Template

Today we are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery, with the scrollTo plug-in.

25. Build your own HTML5 3D engine

26. How to Build Asteroids with the Impact HTML5 Game Engine

In this tutorial, I’m going to show you how to build a simple space-based asteroids game using the Impact game engine, one of the more robust engines out at the moment.

27. HTML5 Apps: Positioning with Geolocation

At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

28. Code a Vibrant Professional Web Design with HTML5/CSS3

We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.

29. How to create offline HTML5 web apps in 5 easy steps

Among all cool new features introduced by HTML5, the possibility of caching web pages for offline use is definitely one of my favorites. Today, I’m glad to show you how you can create a page that will be available for offline browsing.

30. Syncing Content With HTML5 Video

One of the main changes from HTML4 to HTML5 is that the new specification breaks a few of the boundaries that browsers have been confined to. Instead of restricting user interaction to text, links, images and forms, HTML5 promotes multimedia, from a generic element to a highly specified and element, and with a rich API to access in pure JavaScript.

31. How to create a Progress bar with HTML5 Canvas

There is a great amount of articles about Canvas on the internet, but I would like to show the example of how you can use Canvas on practice, namely the creation of animated progress bar.

32. Implementing HTML5 Drag and Drop

One of the new features in HTML5 is native drag and drop. Surprisingly, Internet Explorer has had support for this since version 5.5; in fact, the HTML5 implementation is based on IE’s support.

33. 28 HTML5 Features, Tips, and Techniques you Must Know

This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know.

34. Lights Off – A puzzle game using HTML5 canvas

One of the most interesting new HTML5 elements, has to be

HTML5 Cheat Sheets and Infographics

35. WTF is HTML5?

36. HTML5 & CSS3 Readiness

37. HTML5 Web Applications

38. HTML5 Canvas Cheat Sheet

39. HTML5 Visual Cheat Sheet

40. HTML 5 Cheat Sheet (PDF)

50 Great Twitter Backgrounds

flashuser — Sun, 14 Aug 2011 07:00:56 +0000

Twitter is one of the most used microblogging websites around the web with 200 million generated tweets per day. If you already joined Twitter consider changing the default background to a customized one in order to generate more followers to your list.

Consider this: your Twitter profile page gives the opportunity to showcase and communicate additional information to potential followers, so why not take advantage of this possibility and customize your background now. There are a lot of awesome Twitter backgrounds. I made a selection for your inspiration and here it is the final result.

Have a Twitter account? Share your customized profile page in the comment section below.

50 Great Twitter Backgrounds

1. @Marvel

2. @arinee

3. @smashingmag

4. @chrisspooner

5. @justcreative

6. @anousone

7. @BeJust

8. @AppSapp

9. @gfxmaven

10. @AEnemaOficial

11. @CreativeCrmnls

12. @carsonified

13. @JamesAnn

14. @SohTanaka

15. @dornobdesign

16. @RollingStone

17. @jeff_finley

18. @cheth

19. @Spotify

20. @SPINmagazine

21. @djambazov

22. @migy

23. @verabee

24. @kon3raz

25. @biiigfoot

26. @bkmacdaddy

27. @patternhead

28. @estfeed

29. @dickieadams

30. @digsby

31. @marekuk

32. @acedtect

33. @IndusLogic

34. @Zadi

35. @ericwashburn

36. @sallid

37. @roberge

38. @Chadworth

39. @magnumphotos

40. @InsideBlackBox

41. @MCGSTUDIO

42. @richbugger

43. @rachelspear

44. @digitalivan

45. @immaculateinfat

46. @EFactorMedia

47. @Olybop

48. @Decology

49. @boxee

50. @RobertKathleen

10 Must Read Free Ebooks for Web Designers

Alice — Wed, 10 Aug 2011 07:00:07 +0000

Web design trends are constantly changing and so is the way information is shared over the web. There are plenty of free e-books that web designers can download to sharpen their skills and stay on top of their game. So, instead of paying for hardcover books, you should first take a look at the free resources available on the web. You might be surprised of how useful these e-books are and of how much great information you can find inside.

Since there are a lot of free e-books available on the Internet, here’s a list of the top 10 free e-books that think all web designers should download and read.

1. Introduction to Good Usability by Peter Pixel

An accessible guide to good usability and design for beginners and intermediates. These 21 pages include some classic problems of usability that you might encounter and the solutions to handle them.

2. Web Designer’s Success Guide

If you’re planning to start your own freelance web design business, then you should definitely go through Kevin Airgid’s start-up steps. His e-book offers insights into the business and you’ll find out how to go from having a full-time job to being a freelancer, how to promote your services, how to manage projects and, very important, how to set the right price for your services.

3. Design Your Imagination

This guide is very useful for beginner web designers that want to learn how to get started and how to feed their creativity. It includes 28 chapters of information ranging from web design principles to planning a layout, and much more. Every tip is illustrated by practical examples.

4. Integrating Accessibility Through Design

Find out how to improve the design of your website by keeping an eye on accessibility. What makes this resource great is the fact that the author, Shawn Henry, is a promoter of web accessibility for users with disabilities.

5. Faster and More Secure WebFonts

Great e-book to find examples of fonts you should use on the web to make a website more secure and to improve its loading time.

6. A Practical Guide To Web Typography

This guide is a must-have for any web designer that respects himself. It’s a classic! It walks you through all the web design principles and the available techniques that can help you design a better website.

7. Why Design?

“Why Design?” is a booklet that explains the role of web design in a business strategy. You will learn why strategy in designing is so important and how you can add more value to your projects when working for clients.

8. The Design Funnel: A Manifesto for Meaningful Design

The author of the e-book – Stephen Hay – explains how there is a process that can help you get into the mind of the clients and figure out what exactly they want their designs to look like, even if what they tell you is not so clear for you.

9. Access by Design Online

Being a web designer means to create thinking of users at all times. The goal is to make the site as accessible and easy to use as possible. This e-book explains the process of usability and the principles of a web that works for all users.

10. Building Accessible Websites

Accessibility is the keyword to design nowadays. This e-book shares some insights on how to design a site so that’s it’s easier to access and use by all visitors.

If I missed any great resource, don’t hesitate to mention it in a comment below. Thanks.

30 Best Free WordPress Themes 2011

flashuser — Mon, 01 Aug 2011 16:05:48 +0000

Wordpress platform is in a continuous expansion and one of the best CMS on the web. If you are completely new to WordPress or a professional in the field is worth to check out the best and beautiful free wordpress themes that will make your website more attractive. You can choose from simple and eficient blog themes to portfolio, magazine like or ecommerce theme design.

Some of the themes have included advertisment placeholders, so you can start make some money from what you publish. Here’s my list with the 30 Best Free WordPress Themes for 2011. You’re welcome to share your favourite one in the comments below.

30 Best Free WordPress Themes 2011

How To Create a Facebook Fan Page

Alice — Tue, 19 Jul 2011 17:30:36 +0000

If you want to create a Facebook Fan Page, you most probably have an account already and know a bit about the impact of social networks, Facebook included.

If you’re a business owner, an artist or a community supporter that wants to shift to Facebook to promote your brand or cause, then it’s better to create a Fan Page so you’re not limited to a certain number of friends. You can have an unlimited number of fans that you can interact with and all they have to do it hit the “Like” button at the top of your page.

Today I’m going to show you how you can set up your Facebook Fan Page easily. To start with, create a Facebook account if you don’t already have one. Profiles are different from pages and in order to create a page you need to have an account set up. Once you’re done, follow the simple steps below and you’ll get your page up and running in minutes.

Create a Facebook Fan Page

1. Open your Facebook account, scroll down on your wall until you reach the end of the page and click on “Create a Page” or, better yet, click on this link to take you there directly.

2. You will find here six different boxes, depending on the type of page you want to create: “Local Business or Place,” “Company, Organization, or Institution,” “Brand or Product,” “Artist, Band, or Public Figure,” “Entertainment” and “Cause or Community.” Click on the one that best fits you, fill in the information required, click to agree with Facebook’s terms and conditions and then click on the Get Started button.

3. Next you will be asked to upload a profile picture. You can upload it now or at a later time by choosing “Change Profile Picture”. Being that it’s a Fan Page, the maximum size allowed for the profile picture is 180w x 540h pixels. Take advantage of it to include a great tagline about your business or a graphic element to make it more attractive.

4. You page is now created but there are a lot of things you need to do before you’re finished. So, go ahead and click on “Edit Page” to add further details about your business.

5. Click on each tab to add information about your business, your website, where you’re located and so on. Don’t miss these steps because users won’t trust you at all if you don’t provide at least the minimum information about your business.

6. If you have a blog, you can also publish your posts to Facebook. Click on “Import a blog” and enter the RSS feed link to import all your posts to Facebook.

7. Create a custom tab to encourage people to become fans. Facebook allows you to use iFrame apps to create an attractive Welcome tab. Here is an example (I will show you more creative welcome tabs in a future post).

8 – Now that you’ve completed all steps, click on the “View Page” button to see how your Fan Page looks like. You can always go back and edit the information, customize the layout or add other tabs from “Edit Settings”.

Do you have a Facebook Fan Page? Show it off in a comment below. We’d love to see it.