1. Spotify

2. The picnik blog

3. The Flickr Code blog

4. Network Solutions

5. Samsung Newsroom

6. Verio

7. Jane Monheit

8. Creative Spaces

9. Wilkintie

10. Ecoki

11. Intridea

12. Logo Realty Associates

13. Cow Says Moo media

14. Masato

15. Radium Labs

16. Web Maremma

17. Yuru

18. Flush

19. Wearable Print

20. Fergus Neilson

Download animals vectors --- Post from: Graphic design blog

20 great corporate websites made with WordPress

Urban Cursor is a GPS enabled object designed to facilitate social interaction and play in public space. It was created for the Ingravid festival in Spain, and placed in a square in the city of Figueres. You can see how people interacted with it there.

Download animals vectors --- Post from: Graphic design blog

The Urban Cursor

1. Site search

By tracking the searches on your website, you will know a little more about what’s on your visitors’ mind. You can check if they found some interesting results or if the information they were looking for was missing. There is many ways to track this, here are two:

Track site search with a Wordpress plugin

If you have a Search box on your blog, Search Meter automatically records what people are searching for and whether they are finding what they are looking for. The plugin is great, but if you already have many plugins on your website I wouldn’t recommend installing one more. Get the plugin here.

Track site search with Google Analytics

Tracking what people are searching on your website is fairly easy with Google Analytics, to do so you should go to your website profile, then edit your Main Website profile information. You can then add the query parameter (usually “s” for Wordpress blogs).

2. Track your new RSS feed subscribers

If you want to get more feed subscribers, one good thing would be to have data about which visitors are more likely to subscribe. Knowing that helps you to chose how to focus your efforts to attract such visitors. This technique is not perfect because only tracks clicks to the feed, you can not be sure that people have subscribed. At least you will know who shows interest for the subscription.

How to track your feed subscribers

To track your new subscribers, you should start by setting a goal in Google Analytics, to do this you should go in your website’s Profile Settings, then add a goal and set it as in the following image. The goal url doesn’t have to be an existing one.

To set the goal in your template, you should then add the goal in your WordPress theme. You can do so by adding this code (check the Google Analytics help though, you may not be using the same version than I do).

<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="http://feeds2.feedburner.com/DailyDesignerNews" onclick="javascript:urchinTracker ('/rss/subscription');" />

3. Track document downloads

If you take the time and effort to create textures for download, vectors or an e-book, why wouldn’t you want to know how many people download it. To track these downloads, there is many solutions, following are two.

Use the WordPress Download Monitor plugin

This is the solution I chose, it makes adding new tracked download from a WordPress post very easy. The only missing capability to this plugin is that it doesn’t track the referrer for the downloads. Get the plugin here.

Track downloads with Google Analytics

Tracking downloads with Google Analytics works the same way as tracking RSS subscribers. Just set a goal for tracking links and add it to your file’s link like suggested in point number 2 above. For more advanced users and better productivity, you may want to have a look at how to automatically track file downloads in Google Analytics.

4. Track your WordPress comments with Google Analytics

Again, you will have for that to create a goal in your website’s profile.

Then, in the comments.php file in your template, you’ll need to find the submit button and to add the onclick javascript piece in it as follows.

<input name="submit" type="submit" id="submit" tabindex="5" value="<?php echo attribute_escape(__('Submit Comment')); ?>" onclick="javascript:urchinTracker ('/submit/comment');" />

Download animals vectors --- Post from: Graphic design blog

4 things you should track on your blog or website

A Design Mafia announces the blog’s first design contest, read everything about it there.

Download animals vectors --- Post from: Graphic design blog

Show your Brainstorm to A Design Mafia

Thanks to GoMedia, Designer Daily’s readers will be given 10% off any image on the GoMedia Arsenal. To get your discount (available once per customer), just enter the following code typed all in lowercase: designerdaily

Download animals vectors --- Post from: Graphic design blog

Get 10% off any image on the GoMedia Arsenal

Must-have add-ons for web developers

These are the classics, you probably already know all of it if you’ve been using Firefox for a while.

Web Developer toolbar

Toolbar with various web developer tools, this is the first add-on I install when doing a fresh Firefox install.

Firebug

Edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. Personally I use it only for JavaScript, but it’s a great tool for CSS or HTML debugging too.

With Firebug, you can also install many add-ons to extend its capabilities, these are some of them:

• CSS Usage: scan multiple pages of your site to see which CSS rules are actually used in your site.
• YSlow: analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.
• CodeBurner: extends Firebug with reference material for HTML and CSS.
• XRefresh: browser refresh automation for web developers.
• Inline Code Finder: finds HTML elements with inline JavaScript events, inline styling and javascript: links.
• Firecookie: view and manage cookies in your browser.
• Pixel Perfect: easily overlay a web composition over top of the developed HTML.
• FireQuery: Firebug enhancements for jQuery.

Pencil

Pencil is an add-on to do GUI prototyping and simple sketching.

Working with color

Firefox can be extended to manage colors and create palettes, you should really check out these tools.

ColorZilla

Get a color reading from any point in your browser, and much more…

FirePalette

Technically this one should be in the above Firebug extensions list, but I thought that it deserved a little better exposure. What this add-on does is to add a color picker to Firebug’s CSS panel.

ColorSuckr

Right-click any image on the web and extract the 12 most common colors from it. You can then build color schemes from the results as well as many other features on the ColorSuckr website.

Website analysis

You’ll learn a lot by analyzing other websites or even yours when it gets old, you can try some of these tools for that.

Dust-Me Selectors

It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they’re encountered.

GridFox

Draws a grid on top of a website. This is useful for checking designs that are supposed to follow a grid-based layout.

MeasureIt

Draw out a ruler to get the pixel width and height of any elements on a webpage.

View Dependencies

View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page. It orders the files by servers and by types (image, stylesheet, script, …). The size of each file, the total size per server and the total page size are displayed.

Library Detector

Detects what javascript libraries are being used on the current page and displays the result as icons with detailed tooltips in the statusbar.

Aardvark

Powerful and user-friendly selector utility for selecting elements and doing various actions on them. It can be used for cleaning up a page prior to printing it, and for web development.

Testing

Make your web design testing easier with these add-ons.

Window Resizer

Resize your browser to various standard resolution sizes, the Web Developer Toolbar already does this but you still may want quicker access to this function.

Total Validator

Provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking. Also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (5 languages), and takes screenshots using 36 browsers on Windows, Linux, and OS/X.

Time savers

These tools aren’t really related to design but they’ll save you a lot of time if you are a web worker.

Extended Copy Menu

Adds a “Copy As Html” and “Copy As Plain Text” to the context (right-click) menu. It is useful if you want to copy the text or underlying html from a web page into documents, posts or other applications.

Dummy Lipsum

Generate “Lorem Ipsum”.

Easy DragToGo

Allows you to open links in new tabs, serach texts, save images and do more with drag and drop gestures easier.

PDF Download

Do whatever you like with PDF files on the Web. Regain control and eliminate browser problems, view PDFs directly in Firefox as HTML, and use the all-new Web-to-PDF toolbar to save and share Web pages as high-quality PDF files.

Download animals vectors --- Post from: Graphic design blog

26 awesome Firefox add-ons for web workers

The great wave by Hokusai is probably one of the most iconic artwork in the world of Ukiyo-e. Just like for other super famous artworks, the wave has been reinterpreted, discover a few of those adaptations in the following collection.

The Quicksilve logo reminds you something?

A Levi’s ad made of jeans.

From the Rayman fan page.

The great Kanagawa eagle.

Via Ninja vs Bunny.

The Street Wave.

The Great Wave of San Francisco.

The hand wave by JayBo.

The great rabbit wave by Kozyndan.

The great wave made with rice crops of different colors.

The great wave of trash by Chris Jordan.

Nintendo DS decoration.

Download animals vectors --- Post from: Graphic design blog

Hokusai’s great wave is everywhere

The Apple Magic Mouse is now available on Amazon for pre-order, so if you want to add a little magic touch to your daily computing, you know what to do.

Download animals vectors --- Post from: Graphic design blog

Apple Magic Mouse available for pre-order on Amazon

I’ve had the pleasure to answer Thomas Ulbricht’s questions for the latest Braintalk on ShareBrain.

Download animals vectors --- Post from: Graphic design blog

Interview on ShareBrain

1. Otokoyama Sake

2. Fixa

3. Kleenex slice of summer

4. Kraftstoff Vodka

5. Waitrose Infused Olive Oil

6. Nestea

7. Waitrose

8. Handy Wipes

9. Coach

10. Lucia

11. Fortnum & Mason

12. Samurai Vodka

13. The Unseen Bean

14. Audiovox

15. Migros selection

16. Pulse Menthol

17. Pet Food

18. Sakura cigarettes

19. Clearspring Organic

20. Six Feet Under

21. Clearspring fruit puree dessert

22. Charles Chocolate

23. Waffle Cones

24. Waitrose herbs

25. Hampstead organic tea

26. Green Genius

27. Simpsons DVD case

28. Petrocoll Building Supplies

29. Clipper Tea

30. The Twelve Coffees of Christmas

Download animals vectors --- Post from: Graphic design blog

30 amazing packaging designs for your inspiration