Facebook reached 550 millions accounts this summer. It’s 80mlns bigger then European Union population.

Anyhow Facebook provides many tools to maximizing your presence on the social network. You can not only stay in contact with your friends abroad but you can also do business and make some statistics calculations. With use of Facebook Apps and their API you can create stunning business and fan pages for your needs. Some simple and most popular method is FBML application with help of with you can create your own Facebook FBML pages.

So here are some examples on how to develop successful Facebook landing page. This is not a tutorial but if you would like to read some FBML tutorials you sould rather visit this page.
The main object on any Facebook FBML page is “call-to-action” or if we are trying to be more specific the “Like” button. Its critical to get as much Likes as you can on Facebook. More Likes you have better your business goes. So lets see how some populars companies converting Facebook traffic.

Facebook Call-to-Actions

Escape to Shape

Escape to Shape fanpage meets all requirements of Facebook marketing. You can see “Click to become a fan” action. Twitter, video and Feed call-to-actions. In general, they are good if you do not take into account the small holes in the design.

RodeoHouston

Fantastic Facebook landing page for fans and 1st visitors. You can see here attractive Become a Fan button, a BIG call-to-action sign forcing you to click and awesome designed page. Well-done Rodeo-Houston.

AllFacebook

You might know this Facebook insiders and one of the most popular website on FB news and releases. You can see here alot of tips where to click and what to do. You dont have to think on “Where am I?”. Click the Like button, become a fan, load the video and then subscribe to RSS or proceed to our website.

Sprout

Awesome “Like this page!” reminder. Everything is quite simple and usable. I’d just suggest to Sprout not to use Flash on their fanpage. It’s not a good practice for now.

Mashable

Magnificent landing page! “Join ME! You MUST join me Gendalf!” :) No comments.

New England Patriots

These New England Patriots made a good work with adding Live Radio app, poll, video podcast and some call-to-actions. Really good work to start your Facebook marketing campaign.

Online Stores

The 2d way to convert your fans and visitors is to integrate your online store directly into Facebook. It is difficult but worth the costs.

Adidas

Adidas is one of the 1st companies start using Facebook as their marketing tool. So they have a huge expirience in this niche. I think we should take some inspiration while making own personal fan page.

Jones Soda

Not so famous but still deserve to be listed. Integrated video, dynamic news, twitter feed (which is a big problem on Facebook), social media icons and iPhone app. All this with a good design makes popular Facebook FBML page.

DogPatch

Dogpatch developed by Sprout drives you all information need to meet this company and their services. The one page that gives you maximum information to make your choice.

Victoria’s Sicret

You should probably know that Vitoria’s Sicret according to Hitwise considered one of the best presented internet brands. They are doing a great job here at Facebook aswell.

Well, I hope that I’ve inspired you as to what successfully companies are doing within Facebook and gives you some ideas on how to start your Facebook campaign. Anyhow if you decided to create your own Facebook fan page you might try to use these FBML Templates or read some tips and tricks listed at the FBML blog

Here are some related posts:

• WordPress Fat-Loss Diet to Speed Up And Ease Load
• Beautiful Vintage Design: Showcase and Resources
• Popout Details on Hover w/ CSS
• Guidelines for URI Design
• 20+ Required Windows Apps: Web Designer’s Choice

Quick note regarding the making of the extension, I was suprised how easy it was to get something simple up and running, there are some good articles on the web which helped me off and also Google’s own documentation is very handy. Here are two links to get you going:

http://code.google.com/chrome/extensions/getstarted.html
http://tutorialzine.com/2010/06/making-first-chrome-extension/

The Dribbble side of things was a little trickier! At the moment an API for Dribbble is in coming one day soon stage but for now I had to parse the RSS and I was limited to what I could actually achieve with the extension. At the moment the extension allows you to:

• View the latest debut shots
• View Everyone’s latest shots
• View the shots of people you are following
• The option to customise which user’s following you are seeing

I have had a request to be able to customise how many shots are been displayed at a time and this is on my growing list of to-do’s and should be done shortly! Anyways I won’t go on but here is the link you need to download my extension:

https://chrome.google.com/extensions/detail/gfkbkddclngipjikfhaaicpcpcdhgmai

I would love to hear your feedback and any further requests!

Here are some related posts:

• How To: Get Chrome on your Mac with Extensions
• jQuery Text Change Event
• 10 Essential WordPress Plugins You Should Be Using
• jQuery Plugin: Masonry
• jQuery Plugin: Scroll Follow

<link rel="icon" href="/favicon.png" type="image/vnd.microsoft.icon" />

What is becoming just as popular is to add a custom iPhone icon that will appear on your iPhone’s Home Screen. Again this is very straight forward with one line of code in between your header tags, as shown below:

<link rel="apple-touch-icon" href="/iphone_icon.png"/>

If you use an image of anything around 50px by 50px in size that will be, as the iPhone will resize and round off the corners for you on the fly. To add your site to your Home Screen, simply visit the webpage on your iPhone, then select the plus sign, followed by Add to Home Screen. You will get a prompt now and your icon should show, to finish, simply click add.

You will now be taken to your Home Screen where the icon should now be appearing. Here is the example below for Design Woop:

Now if your a picky sod like me, you will notice the horrible gloss effect that Apple adds to the icon by default. Until today I was using jQTouch to remove this until I came across this page on Apple.com which brought my attention to the additional -precomposed option. This stops mobile Safari adding any effects to the icon which is just what I was after! The line of code we use for this is now:

<link rel="apple-touch-icon-precomposed" href="/iphone_icon.png"/>

After refreshing the page and re-saving it to my iPhone Home Screen I was left with the much nicer…

I hope you agree with me but I think the no gloss icons are nicer!

Here are some related posts:

• Popout Details on Hover w/ CSS
• Supersize that Background, Please!
• Code an Email Newsletter from PSD to HTML
• iPhone Made With CSS3 Only
• jQuery Text Change Event

We decided to stay dispassionate and take a look at the current achievements of both platforms. In this post you can find a showcase of some well-designed websites that implement HTML 5 and Flash features at their best. This is by no means an attempt to put any of the platforms in a favorable light, but an endeavor to see what advantages each of them is actually able to deliver to the end-user at this stage.
Hopefully, the following collection will highlight the benefits of HTML 5 and Flash to you and give you some visual inspiration for your own projects as well.

Websites built with HTML 5

Eye Styles

Unique eyewear shop Eye Styles from Portland, Oregon shows wonderful rollover effects implemented by means of HTML 5.

Clearideaz

This is a personal portfolio of French designer Olivier Gorzalka. Very good markup can be observed on this site which is powered by WordPress, by the way.

Jamie Wright

By viewing the portfolio of the British web designer Jamie Wright in Google Chrome or Safari 4.0 you will be able to enjoy this vivid and colorful website to the fullest. The latest version of Firefox reveals the roughness of typography, while Opera breaks the text positioning altogether.

CatCubed

Unlike the previous website, Colin Fahrion’s HTML 5 powered personal blog feels best in Firefox 3.6 and Google Chrome.

Shannen Coslow

The portfolio of Pennsylvania-based designer Shannen Coslow is fully coded in HTML 5 and has an orderly structure and an beautiful, minimalist design.

Nathan Staines

The personal site of Starkers HTML5 theme developer Nathan Staines is simple and elegant. Besides a great implementing of HTML 5 markup it displays a stylish monochrome color-scheme with felicitous color inclusions.

Slim Kiwi

The site of the web studio Slim Kiwi has a unique and eye-catching design mostly due to the beautiful graphic elements used in it.

Go On Web

French web design agency Go On Web created its website with HTML 5 and used some lovely little interaction features.

Sheep in Disguise

Website of the web design and development studio Sheep in Disguise shows a neat layout and stylish typography, and of course, HTML 5 well using a number of the new structural elements.

New Zealand International Art Festival

Even though you can see some Flash components on this website, it still shows a solid implementation of new HTML standards and better browser accessibility might be a reason for the use of flash files here.

Cameron Chamberlain

In spite of being the most anticipated feature in HTML 5, video tag is still rare to see on live websites. Cameron Chamberlain’s personal site contains the new video element implemented using Video for Everybody.

Zoe Ann Baker

This website is clean and beautiful, big arrows pointing at post sections when you hover a mouse over menu categories are a nice touch.

We love 02 SCT

This website belongs to the community of graduate students of Jimei University (China), 2002 Computer Science and Technology.

Ella Design

This site shows a sleek use of HTML 5 and CSS 3, truly an eye-candy.

Narkoba

On Narkoba website you can find various audio samples, videos, snippets and other DJ music stuff. On a page Happy Love visitors can play with some audio and video elements which are quite fun despite being experimental. Thus, you can trigger audio loops directing the mouse at the white border rectangles and you can also launch video by typing “happy love” on the keyboard.

9elements.com Project

This is a sweet online experiment showing the great possibilities HTML 5 provides for audio & canvas. It loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen.

Flash Sites

Canvas

Canvas is a unique poster shopping website featuring an amazing user interaction process.

Burger King

Visitors of the Burger King website can literally customize it on the fly. Using three basic sliders you can control the subject area of the content to display. What a clever navigation solution!

PepperWorks

Website of the Polish media agency PepperWorks is done in an elegant, minimalist style. Great use of high-quality photos and fast loading provide a pleasant browsing experience.

Fynn

Another example of uncluttered and usable Flash website design.

magneticNorth

A creative navigation mechanism can be observed on magneticNorth website – a user can access the content drawing various shapes with the help of a mouse.

Simods Homes

Flash can work well for business and the site of the Australian construction company Simonds Homes proves this.

We Are All Fans

Flash can also be a good tool to render streaming content. This is well illustrated on the We Are All Fans website. Here portraits of selected Grammy-nominated artists are created in real time from social media content generated by fans across the web.

The Blues Maker

This is a funny Flash application you can use to compose your own blues song.

Converse

Converse online store is Flash-based, still the shopping process and website usability are on a very high level here.

Lego Click

Lego Click website contains information on art and creativity, mostly Lego-inspired.

Andreas Smetana

Website of the well-known photographer Anreas Smetana features an original navigation and full-screen photo galleries for the best visual impact.

Djeco

Website of the toy brand Djeco is a celebration of interactive design. Besides, it shows awesome illustrations and work with sound.

Plate Interactive

A good bunch of elegance and beauty in this one. After all, what else can be expected from a globally renowned interactive agency Plate?

F.One – Bandit 3 Most Wanted

Promo website of the kiteboarding brand F.One has a spectacular 3D designs and brings an excellent interaction experience to users. By the way, be sure to watch the video in the category Cinema – it’s a masterpiece indeed!

Adhemas Batista

The artworks of Adhemas Batista used to design his personal website are enough to give it a remarkable look.

As you might see, HTML 5 has a lot of wonderful features to offer and it’s surely worth anticipating. However, people declaring HTML 5 will kill Flash are grossly exaggerating. Why don’t we just try think more positively and assume that both Flash and HTML 5 will exist in harmony to the glory of the Web. After all, none of the platforms can be a solution to everything. Each of them is just a tool with a certain amount of capabilities and it’s up to you, dear designers and developers, to decide which tool will help to achieve the best results in your job.

Written exclusively for Design Woop by FlashMint, the top-class provider of flash templates and flash components.

Here are some related posts:

• Beautiful Vintage Design: Showcase and Resources
• 40 Excellent Examples of Single Page Websites
• 30 Examples of Excellent Website Navigation
• 40 Inspiring Blog Designs
• 40 Tasty Restaurant Websites to Inspire You

90+ Amazing Grunge Typography Collection from Artatm

Visit Source: ttp://artatm.com

20 High Quality Free Fonts for Designers from Web Design Ledger

Visit Source: http://webdesignledger.com

21 Inspirational and Free Fonts for Beautiful Typedesign from Webexpedition18

Visit Source http://webexpedition18.com

35 Latest High-Quality Free Fonts for Professional Designers from Instant Shift

Visit Source http://www.instantshift.com

50 Best Free Fonts From 2009 from Creative Nerds

Visit Source: http://creativenerds.co.uk

20 Fonts Ideal for Big and Powerful Headings from Web Design Ledger

Visit Source: http://webdesignledger.com

30 Free Fonts Which Are Perfect For Professional Logo Designs from Creative Nerds

Visit Source: http://creativenerds.co.uk

21 Fresh Design Fonts Free To Download from Ants Magazine

Visit Source: http://www.antsmagazine.com

20 Best Free Professional Fonts from Listropolis

Visit Source: http://www.listropolis.com

The Best Free Fonts of 2009 from Web Design Ledger

Visit Source: http://webdesignledger.com

40 Can’t-Miss Grunge Fonts From DaFont from Spyre Studios

Visit Source: http://spyrestudios.com

50 Amazing Free Fonts For Designers from Ants Magazine

Visit Source: http://www.antsmagazine.com

There are some duplicate fonts but still plenty of amazing fonts which are worth bookmarking! Enjoy!

Here are some related posts:

• 20 New High-Quality Fonts for Your Designs
• 20 Font Driven Websites Showcase
• 20 of the Best Typographical Portraits Found on the Web
• 90+ Amazing Grunge Typography Collection
• Beautiful Vintage Design: Showcase and Resources

jQuery Growl

Visit Source: http://labs.d-xp.com/growl/

Growl the popular software for Mac (and Windows now) has now been made into a neat little jQuery plugin allowing you to alert your users in the same manner the Growl software does.

Showcase of Buttons in Web Design

Visit Source: http://vandelaydesign.com

Vandelay Design posted this great article showcasing many button styles in web design. A great bookmark for inspiration when your struggling to come up with some of your own!

35 Beautiful E-Commerce Websites

Visit Source: http://www.smashingmagazine.com

Another showcase here this time E-Commerce websites. Smashing Magazine posted this beast displaying 35 beautiful E-Commerce websites. Another great bookmark!

60+ Free Clean, Simple Minimalist WordPress Themes

Visit Source: http://www.tripwiremagazine.com

Trip Wire posted this article showcasing 60+ free WordPress themes, mostly minimalistic in style. If your new to Web Design but want to start blogging etc then this is a great place to start looking for a sweet WordPress theme.

30+ PSD Files (Books, Notebooks, Magazines)

Visit Source: http://ledesigne.com

LeDesigned (A blog I recently started subscribing to as they are constantly pumping out great articles daily) posted this awesome article and a great resource containing 35+ PSD Books, Notebooks and Magazine files.

Superb Jquery CSS Image Effects and Tooltips Tutorials

Visit Source: http://www.designzzz.com

Designzzz pulled together this amazing post of jQuery plugin/effects. If your like me and always trying to find them cool plugins you’ve previously come across in the past but can’t remember where you saw them well this is one to bookmark!

20 Fonts Ideal for Big and Powerful Headings

Visit Source: http://webdesignledger.com

Another great post from Web Design Ledger to finish of the post! This post looks at 20 fonts that are ideal for big and powerful headings! Franchise and Nevis are my favourites!

Right thats it for this week, as I am off on holiday so got lots to do but next week I will have plenty for you!

Here are some other posts:

• Lost Finale Explained Well!
• WP .XML Test Data Import
• Tutorial: Display your Latest Tweet on your Website using SimplePie
• Tutorial: Display your Latest Tweet on your Website
• (Nerd)Press Theme Released

I am happy to say that several hours after the post went live it actually appeared on Digg’s homepage which is amazing! I would appreciate any help with the diggs / retweets / bumps / moo’s etc to help the post stay there.

Thanks again to Inspired Mag!

Here are some other posts:

• Lost Finale Explained Well!
• WP .XML Test Data Import
• Tutorial: Display your Latest Tweet on your Website using SimplePie
• Tutorial: Display your Latest Tweet on your Website
• (Nerd)Press Theme Released

Margin and Padding

You may currently be setting your margin/padding like this:

.class-name {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-right: 10px;
   margin-left: 10px;
}

Shorthand allows you to shrink these four lines down to just one. Think of the margin as four values in clockwise order Top, Right, Bottom, Left. In the above code we have assigned a margin of 10px to each individual side of the element, but what you can do is change the four lines to just one line using the margin property and assign it four values in the clockwise order I mentioned just before (top, right, bottom, left) leaving us with this:

.class-name {
   margin: 10px 10px 10px 10px;
}

Taking this further we can again shrink this down even more depending on the margin values. We can group specific items together, such as Top / Bottom and Right / Left. Below are some examples of how you can shorthand margins in your css:

Example 1

• Top: 10px
• Right: 15px
• Bottom: 20px
• Left: 15px

This would be displayed using just three values because the left and right values are the same, so we just define top, right+left and bottom values, shown below:

.class-name {
   margin: 10px 15px 20px;
}

Example 2

• Top: 10px
• Right: 15px
• Bottom: 10px
• Left: 15px

This can be displayed using just two values because both the top+bottom and right+left values are the same, shown below:

.class-name {
   margin: 10px 15px;
}

Example 3

• Top: 10px
• Right: 15px
• Bottom: 10px
• Left: 20px

When in a situation where the top+bottom values are the same but the right+left values are different, we still have to display all four values as you cannot group the top and bottom values together because the left value would be read as if it was the bottom value. We can still use shorthand to display the css on one line, shown below:

.class-name {
   margin: 10px 15px 10px 20px;
}

Right that’s margin’s covered and for padding it is exactly the same method. All you have to remember is which order the four values go in then its pretty much common sense from there.

Backgrounds

Background’s are again a popular property that you are likely to assign at least once on each of your stylesheets, sometimes multiple times in which case this will come in handy. When assigning a background you may set an element any number of the following properties:

.class-name {
  background-color: #fff;
  background-image: url(image.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

Again using shorthand we can combine all of these values into one using the background property. The order I usually put them in is as follows:

• color
• url (if required)
• position
• repeat / no-repeat / repeat-x / repeat-y

This means our code will now look like this:

.class-name {
  background: #fff url(image.jpg) top left no-repeat;
}

If you miss out a value then it will be rendered with the default, so if you don’t assign a background position then it will default to top left.

Fonts

Next up is fonts! Now I’ll have to admit that this is one I tend to just set line by line out of habit, but again there is a cool shorthand method to save you writing lines and lines of the same code.

Here are the more commonly declared font properties:

.class-name {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: bold;
  font-style: normal;
  font-family: Arial;
}

We can take the five lines above and again make them into just one using shorthand. The main thing to note when shorthanding font properties is that you must declare both the font-size and the font-family or the whole thing will be ignored. Lets start by shortening just them two properties:

.class-name {
  font: 1em Arial;
  line-height: 1.2em;
  font-weight: bold;
  font-style: normal;
}

Within the font property we can also include line-height, font-weight and font-style. If you don’t declare these values then like the background property, the values will be set to the default values of normal.

Here is what the whole thing would look like going with the values above:

.class-name {
  font: 1em/1.2em bold normal Arial;
}

As you can see, using shorthand will save you having to write four extra lines of code and if you have a pretty major stylesheet this could cut it down dramtically!

List Styles

Lists are another property that can be shrunk down using shorthand. Typical List properties would include:

.class-name {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: url(image.jpg)
}

These three lines can be made into one simple line by defining the type, position and image source under the property list-style. Please note, if any of the values are not defined then they will display as the default. Here is what the shorthand will look like:

.class-name {
  list-style: disc outside url(image.jpg);
}

Fairly straight forward and thats about it for List Styles.

Borders

Border’s can be defined in several ways, if you are currently defining a width, color and style on seperate lines in your stylesheet (which is unlikely) then you can quickly edit this into one nice clean line of code, taking this:

.class-name {
  border-width: 5px;
  border-color: #000;
  border-style: solid;
}

and ending up with this instead:

.class-name {
  border: 5px solid #000;
}

If you want to define several sides of the element with different values then you can do so like this:

.class-name {
  border-top: 5px solid #000;
  border-right: 10px solid #000;
  border-bottom: 5px solid #000;
  border-left: 10px solid #000;
}

The example above contains four lines, which could have been twelve had you defined seperate style, width and color values. You can (if you want to) get the same effect as the above example by using the following:

.class-name {
  border: 1px solid #000;
  border-width: 5px 10px 5px 10px;
  border-color: #000;
}

Although this will achieve the same effect, personally I prefer the first method as I find it easier and quicker to type as it requires less thinking lol.

Conclusion

Whether you use it or not, you must agree using CSS Shorthand does make sense when thinking you can cut down the number of lines you have to code, as well as making your CSS Stylesheet smaller in size (maybe a little but still!) then it’s the obvious choice. Let me know what you think and which one’s you use or if I have missed anything!

Here are some related posts:

• The 960 Grid System Made Easy
• The definitive guide to formatting CSS
• Create a Color Changing Website Using CSS3
• CSS Tips I Wish I Knew When I First Started
• 5 Ways to Instantly Write Better CSS

50 Beautiful Long Exposure Photos

Visit Source: http://www.pxleyes.com

Pxleyes have posted this amazing article showcasing 50 amazing photograph’s taken with a long exposure. As I am shortly heading of to get my first SLR today, I thought it was only right I included this post.

120 Tips, Tricks, and Tuts from 2009 Worth your Time

Visit Source: http://net.tutsplus.com

Nettuts+ published this mammoth of a post containing 120 tips, tricks and tutorials from last year. This is a great article and a fantastic resource!

Feet First

Visit Source: http://www.tomrobinsonphotography.com

Photographer Tom Robinson composed this great set of photo’s specifically of his and his partners feet whilst on travel. Sound’s odd, but every cool place they’ve been they have a shot and the gallery is immense! Soo jealous of where he has been!

100+ Seamless Patterns Great for Creating Website Backgrounds

Visit Source: http://webdesignledger.com

Web Design Ledger posted this article showcasing 100 seamless patterns great for creating website background. Some great resources here and a good bookmark to refer back to when need to find a good background.

40 Brilliant Type-Only Logo Designs

Visit Source: http://webdesignledger.com

Another one from Web Design Ledger, this time logo’s! A great set of type only logo designs and there are some really clever ones here! I think the branding one is amazing hence it been displayed below but take a look for yourself.

Tweexchange

Visit Source: http://tweexchange.com

This site looks interesting combining the hassle of having to search for both free Twitter usernames and free Domain Names into one nice search. Thinking of starting a project then this tool will become handy in helping you decide which domain to choose ensuring you can get the Twitter username too.

In-Field Labels jQuery Plugin

Visit Source: http://fuelyourcoding.com

Fuel Your Coding show you how to achieve inline form labels using jQuery. The link contains sample forms, including a tutorial of how to do it yourself and links to download the plugin.

Showcase Of Modern Navigation Design Trends

Visit Source: http://www.smashingmagazine.com

Smashing Magazine explore the latest navigation design trends in web design looking at many different styles with this article. A great source for inspiration and something I always struggle with so very handy for me!

Here are some related posts:

• Must Read Inspirational Blogs and Websites for Creatives
• Favourite Links 1

New Growl Styles

Visit Source: http://fixedgear.ca

Christopher Lobay has posted two new notification styles for the popular Mac app Growl which can be downloaded for free.

10 Fresh Must Read Blogs For Creatives

Visit Source: http://www.inspiredm.com

InspiredMag have posted a great article showcasing 10 ‘Must Read’ blogs that are great for us ‘Creatives’. There are some great reads here and lots of useful resources worth bookmarking.

Exobotics

Visit Source: www.exopolis.com

A very clever site built in Flash that lets you build a robot (Cool I know) and then bust some moves with it to a nice dance beat. Give it a try, very cooly designed!

35 CSS-based Layouts that Look Awesome

Visit Source: http://net.tutsplus.com

Nettuts+ posted a article showcasing 35 awsum CSS based websites! Another great article to bookmark for inspiration at a later date. There is a whole range of differently styled sites here so something for everyone.

Outstanding Website Background Guide: 60+ Impressive Resources

Visit Source: http://www.noupe.com

Noupe’s article on Website Background’s offers tonnes of great links and resources for getting the perfect website background. There are plenty of Tutorials, Texture Packs and Links where you can get loads of free background tiles/images.

30 Website Navigations that Make You Wanna Click It

Visit Source: http://webdesignledger.com

Web Design Ledger (One of my favourite subscribed to websites) posted this awesome article showcasing 30 Websites with class Navigation menu’s. A great post and really good source of inspiration when building a design concept.

Hacked STOP Signs

Visit Source: http://www.urlesque.com

Great set of Stop Sign’s that have been modified and there are some funny ones! My favourite is “STOP! Hammertime!”.

Rio Ferdinand Online Magazine

Visit Source: http://www.rioferdinand.com

Not design related but a cool site anyways. Footballer Rio Ferdinand has started an online magazine which is a great read. He interviews different celebs each edition and covers alot of general stuff.

24 Ways: CSS Animations

Visit Source: http://24ways.org

Tim Van Damme posted this cool article on 24ways about CSS Animations, showing you how to create one yourself. A great read and this is definately going to be something that we will start to see more and more of.

7 Open Source And Free URL Shortener Scripts To Create Your Own

Visit Source: http://www.webresourcesdepot.com

Web Resource Depot posted this article reviewing 7 open source URL Shortener scripts that are all free. I went for Yourls myself but a handy link for anyone else wanting to get on the URL Shortening bandwagon :)

Here are some related posts:

• iPhone Made With CSS3 Only
• The 960 Grid System Made Easy
• Give Your Website A Custom iPhone Icon With/Without The Gloss Effect
• HTML5: An Introduction From a Designer’s Perspective
• Different Stylesheets for Differently Sized Browser Windows