Sfaranda Blog http://blog.sfaranda.com Blog of Murid Rahhal, Interactive Art Director and Designer Tue, 09 Mar 2010 07:00:23 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 The Ultimate Grid System – PSD file http://feedproxy.google.com/~r/sfarandablog/~3/tbSRwcwdqs8/ http://blog.sfaranda.com/the-ultimate-grid-system-psd-file/#comments Tue, 09 Mar 2010 07:00:23 +0000 Murid Rahhal http://blog.sfaranda.com/?p=455 ]]> Fellows designers, are you finding yourselves creating a Grid in Photoshop over and over every time you start designing a website?
How many columns should I use? Which column width should I pick?
These are questions you might find asking yourselves all the time. Accordingly, you will have to calculate the gutter width based on your columns or the other way round and all this by making sure it all fits in the appropriate website maximum width. What a stress!
Well, wonder no more, I have a gift here for you. I created this PSD (Photoshop) file containing 21 grids.
It is based on a width of 960 pixels (which is pretty good if you’re optimizing for a 1024 screen) and then divided into 2,3,4,5,6,8 and 10 columns. For each set you have a gutter of 20,30 and 40 pixels, which results in 21 different combinations.

I’m not pretending to cover all the grids, but these should work for most of your projects.
Click on the link below to download the PSD file and use it as you want.
If you wish to re-distribute this file on your site or blog, I’ll be flattered, but please put a link back to this page.
Enjoy!

DOWNLOAD


]]> http://blog.sfaranda.com/the-ultimate-grid-system-psd-file/feed/ 0 http://blog.sfaranda.com/the-ultimate-grid-system-psd-file/ Google vs Microsoft vs Apple vs Yahoo http://feedproxy.google.com/~r/sfarandablog/~3/bx6-rm0pLdg/ http://blog.sfaranda.com/google-vs-microsoft-vs-apple-vs-yahoo/#comments Sun, 24 Jan 2010 17:31:41 +0000 Murid Rahhal http://blog.sfaranda.com/?p=447 google-apple-microsoft-yahooApple vs Google vs Yahoo vs Mictosoft


]]> http://blog.sfaranda.com/google-vs-microsoft-vs-apple-vs-yahoo/feed/ 0 http://blog.sfaranda.com/google-vs-microsoft-vs-apple-vs-yahoo/ Google vs Apple – The Same, But Different http://feedproxy.google.com/~r/sfarandablog/~3/sJd86QkcToY/ http://blog.sfaranda.com/google-vs-apple-the-same-but-different/#comments Wed, 20 Jan 2010 07:28:53 +0000 Murid Rahhal http://blog.sfaranda.com/?p=437 apple-google-small
The Same but different


]]> http://blog.sfaranda.com/google-vs-apple-the-same-but-different/feed/ 0 http://blog.sfaranda.com/google-vs-apple-the-same-but-different/ The Boom of Social Sites http://feedproxy.google.com/~r/sfarandablog/~3/seSP2G3PRKg/ http://blog.sfaranda.com/the-boom-of-social-sites/#comments Wed, 16 Dec 2009 07:53:53 +0000 Murid Rahhal http://blog.sfaranda.com/?p=433 the-boom-of-social-networks-thumb
the-boom-of-social-networks


]]> http://blog.sfaranda.com/the-boom-of-social-sites/feed/ 1 http://blog.sfaranda.com/the-boom-of-social-sites/ Web Trend Map 04 http://feedproxy.google.com/~r/sfarandablog/~3/DTqoMn5AP-A/ http://blog.sfaranda.com/web-trend-map-04/#comments Sun, 13 Dec 2009 09:05:06 +0000 Murid Rahhal http://blog.sfaranda.com/?p=423 Web Trend Map 4
iA’s Web Trend Map plots the leading Internet names onto the Tokyo Metro System.
The domains and personalities are carefully selected through dialogue with map enthusiasts. Each domain is evaluated based on traffic, revenue, age, owner and character.
You can view the HUGE map here.

Web Trend Map 4 detail


]]> http://blog.sfaranda.com/web-trend-map-04/feed/ 0 http://blog.sfaranda.com/web-trend-map-04/ Pagination with a Scrolling http://feedproxy.google.com/~r/sfarandablog/~3/TNdeVkEzYLw/ http://blog.sfaranda.com/pagination-with-a-scrolling/#comments Mon, 07 Dec 2009 08:37:15 +0000 Murid Rahhal http://blog.sfaranda.com/?p=401 ]]> Made In England Pagination

We’ve seen many pagination styles, especially in blogs where this technique is more than essential to browse through content, from the basic Google:

Google Pagination

to more sophisticated ones, like What is Blik

What Is Blik Pagination

But this one is really cool: Made in England

Made In England Pagination

You can actually scroll through the pagination (not the pages) and then click directly on the page you are interested in. Check it out.


]]> http://blog.sfaranda.com/pagination-with-a-scrolling/feed/ 0 http://blog.sfaranda.com/pagination-with-a-scrolling/ 350.org Because the World Needs to Know http://feedproxy.google.com/~r/sfarandablog/~3/rqsdcxBYIH4/ http://blog.sfaranda.com/350-org-because-the-world-needs-to-know/#comments Fri, 09 Oct 2009 16:50:07 +0000 Murid Rahhal http://blog.sfaranda.com/?p=396


]]> http://blog.sfaranda.com/350-org-because-the-world-needs-to-know/feed/ 0 http://blog.sfaranda.com/350-org-because-the-world-needs-to-know/ 31 websites for iPhone Apps using an iPhone in their design http://feedproxy.google.com/~r/sfarandablog/~3/DlGARAzPdgE/ http://blog.sfaranda.com/31-websites-for-iphone-apps-using-an-iphone-in-their-design/#comments Wed, 09 Sep 2009 00:25:12 +0000 Murid Rahhal http://blog.sfaranda.com/?p=325 2udoku

Birdfeed

birdfeedapp

Awesome Note

bridworks

Cellar

cellar-app

Cine Mobits

cine-mobits

Color Stream

colorstreamapp

Dig Deep Fitness

digdeepfitness

Dockyard

dockyard

Every Block

everyblock

Go Bible

gobible

Graphik

graphik

Happy Dangy Diggy

happydangydiggy

You know who

youknowwhodesign

Wheel of tea

wheeloftea

Weightbot

weightbot

Twitbit

twitbitapp

Thermometer

thermometerapp

Tea Round

tearoundapp

Tap Tap Tap

taptaptap

SyPhone

syphone-selcukyilmaz

Spendly

spendly

Sparks

sparks-elemental-tools

Satisfaction Remote

satisfactionremote

Where Cloud

products

Pretty Poo

prettypoo

Pokeseo

pokeseo

Magnetic Personalities

peopleoperatingtechnology

Paraply

paraplyapp

Little Snapper

littlesnapper-iphone

Mobify

mobify

Keymote

icedcocoa

2udoku

2udoku


]]> http://blog.sfaranda.com/31-websites-for-iphone-apps-using-an-iphone-in-their-design/feed/ 0 http://blog.sfaranda.com/31-websites-for-iphone-apps-using-an-iphone-in-their-design/ Bill DeRouchey speaks at the Business to Buttons conference. http://feedproxy.google.com/~r/sfarandablog/~3/4BgfvSmboKQ/ http://blog.sfaranda.com/bill-derouchey-speaks-at-the-business-to-buttons-conference/#comments Sat, 05 Sep 2009 04:08:21 +0000 Murid Rahhal http://blog.sfaranda.com/?p=381


]]> http://blog.sfaranda.com/bill-derouchey-speaks-at-the-business-to-buttons-conference/feed/ 0 http://blog.sfaranda.com/bill-derouchey-speaks-at-the-business-to-buttons-conference/ 50 most visited websites in July 2009 http://feedproxy.google.com/~r/sfarandablog/~3/3f8Tr6k8mZ4/ http://blog.sfaranda.com/50-most-visited-websites-in-july-2009/#comments Sun, 23 Aug 2009 11:39:31 +0000 Murid Rahhal http://blog.sfaranda.com/?p=311 most visited websites in july 2009

The Official list of the 50 Most Visited Websites in July 2009. The values are per Unique Visitors and not per number of visits, this means a user that visits the same website several times in a month, only counts as 1. The right column shows a comparison between June 2009 and July 2009. You can also see the list of the 50 most visited websites in June 2009, May 2009 and April 2009.

Website Unique Visitors Evolution from June 2009
Google 147,085,194 +0.78%
Yahoo 141,365,659 -0.68%
Facebook 122,676,814 +0.10%
Youtube 85,119,867 +8.72%
MSN 83,741,383 -26.62%
Live 78,939,728 -0.59%
ebay 70,522,630 -3.64%
Amazon 67,230,316 +2.18%
Wikipedia 63,526,359 +1.01%
MySpace 59,613,985 -2.23%
Microsoft 58,886,571 +5.98%
AOL 55,627,663 +0.77%
Craigslist 55,039,872 +3.39%
Monster 41,352,982 +4.01%
Go 40,496,002 +5.90%
Digg 39,694,513 +1.88%
Ask 36,608,662 +1.88%
Blogger 30,604,187 +3.19%
Cnet 30,541,641 -3.25%
CNN 30,469,146 +6.37%
Paypal 28,604,036 +1.36%
Adobe 27,467,837 -0.93%
Flickr 26,923,310 -0.69%
Answers 25,041,676 +2.99%
Photobucket 24,122,624 -0.29%
Twitter 23,284,395 +1.25%
IMDb 22,793,794 +1.03%
Apple 21,394,599 -7.37%
Expedia 19,574,351 +5.35%
Yellow Pages 18,607,904 +2.00%
New York Times 15,299,075 -1.02%
Linkedin 13,163,696 +5.77%
wsj 11,285,757 +5.41%
Gmail 9,068,184 +1.98%
BBC 8,485,871 -1.69%
Wired 7,430,511 +16.07%
Hulu 6,436,002 -15.87%
Bloomberg 5,449,512 -1.27%
Reddit 5,325,756 -11.32%
HowStuffWorks 5,259,168 -0.14%
Dailymotion 5,171,470 +5.80%
Stumble Upon 4,916,952 -2.32%
Deviantart 4,744,566 +3.82%
Pandora 4,486,104 +4.00%
Alibaba 3,837,886 +18.62%
Technorati 3,336,395 +6.36%
Mobile Me 3,209,757 +0.03%
Drudge Report 3,066,896 +4.33%
Vimeo 2,917,153 -8.85%
hi5 2,651,672 +12.79%


]]> http://blog.sfaranda.com/50-most-visited-websites-in-july-2009/feed/ 2 http://blog.sfaranda.com/50-most-visited-websites-in-july-2009/