agosto 21, 2010

What da fuckkkk!

Image posted by MobyPicture.com
- Posted using MobyPicture.com

agosto 21, 2010

Mdq

Image posted by MobyPicture.com
- Posted using MobyPicture.com

agosto 18, 2010

46 Captivating Examples of Extremely Colorful Web Designs

The importance of colors can be described by only one sentence – “Color to life is like salt to food”. Colors can change your mood, determine your attitude, whenever you see color you can feel its pleasing effect within your soul. In other words, in life colors express a lot of meanings without saying anything.

Today we have collected some captivating examples of elegant colorful web designs for your inspiration. Have a look.

Colors are not only important to our personal life but it is very significant in every field of life, like in web designing. Excellent use of colors scheme in designing a website can make your website highly noticeable, it is all about impression, if your website has elegant color scheme then it will give a delightful impression to your visitors which will make them visit again.

1. WeareHughes.com

wearehughes

2. Rareview.com

rareview

3. Havaianas.com

havaianas.com

4. MattSalik.com

mattsalik

5. PixelCool.com

pixelcool

6. ILoveColors.com.ar

ilovecolors

7. CuriousGenerationGroup.com

curiousgenerationgroup

8. MarcosXotoko.com

marcosxotoko

9. K4Lab.info

k4lab

10. Tanq.cl

tanq

11. Duirwaigh.com

duirwaigh

12. NybbleTech.com

nybbletech

13. The Red+White Sale

theautumnfilm

14. Boomerang TV

Boomerang TV

15. Nokia Trends Lab

Nokia Trends Lab

16. Brasil Cine

Brasil Cine

17. SheridanandCo.com

sheridanandco

18. CocaCola Website

CocaCola Website

19. Fidelity

Fidelity identity & web design

20. Bebiko

Bebiko

21. Dreft

Dreft Promotional web site

22. Colorful Design by JenniElfi

Colorful Design

23. Smudge design

Smudge design

24. Paperclay Holderisms layout

Paperclay Holderisms layout

25. SolidGiant.com

solidgiant

26. WebDesignerWall.com

webdesignerwall

27. WebDesignerDepot.com

webdesignerdepot

28. RotaCups.com

rotacups

29. LifeMusicFoundation.org

lifemusicfoundation

30. JasonBradbury.com

jasonbradbury

31. AdaptD.com

adaptd

32. Garamiz.hu

garamiz

33. GetMeFast.com

getmefast

34. Beautiful2.com

beautiful2

35. Twenty2Designs.com

twenty2designs

36. Giancarlo-Fajardo.com

giancarlo-fajardo

37. DesignFabrika.com

designfabrika.com

38. Creative Sessions | Tuts+

sessions.tutsplus.com

39. TutCandy.com

tutcandy.com

40. Pampaneo.es

pampaneo.es

41. DivVoted.com

divvoted

42. CubeClub-Chemnitz.de

cubeclub-chemnitz.de

43. DouglasMenezes.com

douglasmenezes.com

44. CtlOnline.org

ctlonline.org

45. JulioSilver.com

juliosilver.com

46. Burubundi.es

burubundi.es

We hope you enjoyed this inspirational article. You thoughts?

agosto 18, 2010

12 Amazing SEO Infographics

Search engine optimization (SEO) is an industry and practice in constant flux. As search engines continue to work toward improving the results returned for their users, marketers must continue to optimize websites and create relevant content to build relevancy and authority. Check out these awesome infographics for some visual instruction and information about SEO:

1. Order of SEO Operations

order of seo operations resized 600

2. SEO Tactics

scatterplot seo tactics resized 600

3. Search Engine Marketing ROI

Search Engine Marketing ROI resized 600

4. The Visual FAQ of SEO

SEO Infographic1 resized 600

5. SEO vs. PPC

SEO value of SEO resized 600

6. SEO Check List

4651979452 d52b7bff1d o resized 600

7. SEO Factors

4651979454 e86b9c72a8 o resized 600

8. Long Tail SEO

B2B Long Tail resized 600

9. SEO ROI Is King

SEO KING resized 600

10. Local Search

diy seo resized 600

11. The Social Media Effect

social media effect resized 600

12. SEO Spider Trap

Spider Traps resized 600

 

Did you find these infographics helpful?

Free Download – Learning SEO From The Experts

improve seo resized 600

Connect with HubSpot:

HubSpot on Twitter HubSpot on Facebook HubSpot on LinkedIn HubSpot on Google Buzz

 

agosto 18, 2010

10 Essential Free E-Books for Web Designers

book design image

While many may still prefer print for long-form reading, e-books are gaining popularity as a worthy digital alternative. Aside from all the usual benefits of digitizing a book (faster searches, less page-flipping, linked pages, additional resources, etc.), e-books are a huge help to digital and online professionals.

There are now e-books available on almost every aspect of design, from planning your business and managing your time, to designing web applications. This post highlights 10 of the best free e-books for designers, with selections available as PDFs or in HTML.

Whether they’re meant to inspire or educate, let us know if you can recommend any other free e-books aimed at designers in the comments below.


1. Taking Your Talent To The Web


talenttoweb image

This detailed, intelligent guide is a how-to on transitioning from print to web by Jeffrey Zeldman. It was written for print designers whose clients want websites, print art directors who’d like to move into full–time web and interaction design, homepage creators who are ready to turn pro, and professionals who seek to deepen their web skills and understanding.

Even though it was written in 2001, much of the advice about transitioning from print to the web still holds true, and print designers and art directors are still scrambling to move into web and interaction design.


2. Web Designer’s Success Guide


success image

Web Designer’s Success Guide is the definitive resource for starting your own freelance web design business. Written by Kevin Airgid, a recognized designer who runs an interactive studio, the book offers step-by-step instructions on topics like transitioning from full-time to self-employment, marketing your freelance business, managing projects and pricing yourself appropriately.


3. Designing For The Web


designforweb image

A Practical Guide To Designing For The Web aims to teach core web development techniques based on the principles of graphic design. Written by recognized designer and author Mark Boulton, it is a stand-out amongst web design books with the right balance between practical and inspirational.

It features five sections: Getting Started, Research, Typography, Color and Layout. The focus is on learning graphic design theory, which you can then easily apply to your own designs.


4. Design Your Imagination


design imagination image

Design Your Imagination is a complete and comprehensive guide on website design for those new to the industry, although it may also prove helpful for experienced web designers as well. Almost every aspect of website design is exemplified in this e-book, which aims to help beginners hone their creativity.

This book features more than 28 chapters that deal with a broad array of subjects, from the history of web design through web design principles, planning, and more, all illustrated with practical examples.


5. Time Management For Creative People


creative people image

Compiled from a series of posts published on Business of Design Online by writer and creativity coach Mark McGuinness, this is an easily digestible guide to help professionals in the creative sector maximize their time and productivity.

Subtitled “Manage the Mundane – Create the Extraordinary,” this book is designed to help you maintain your creative focus while dealing with your other commitments. It includes plenty of practical time management tips tailored specifically for creative types.


6. Getting Real


getting real image

Getting Real is the business, design, programming, and marketing philosophy of 37signals, a developer of web-based software used by over one million people and businesses in 70 countries. With short, value-packed chapters, this book is an excellent guide for building web-based applications in a smarter, faster and easier way.


7. The Woork Handbook


woork handbook image

The Woork Handbook is focused around web design and programming and primarily deals with CSS, HTML, Ajax, web programming, Mootools, Scriptaculous and other topics about web design.

It is an excellent reference book on a range of subjects all drawn from a wealth of excellent articles published on Woork.


8. A Practical Guide To Web Typography


web typography image

Robert Bringhurst’s book, The Elements of Typographic Style, is on many a designer’s bookshelf, and is considered to be a classic in the industry. The renowned typographer Hermann Zapf calls the book “a must for everybody in the graphic arts, and especially for those just entering the field.”

In order to allay some of the myths surrounding typography on the web, this book has been structured as a walk through Bringhurst’s working principles, explaining how to accomplish each using techniques available in HTML and CSS. Practicality is ever present with workarounds, alternatives and compromises for less able browsers.


9. Integrating Accessibility Throughout Design


accessible design image

This e-book is a practical guide with advice on how to improve your websites, software, hardware, and consumer products, all with an eye on accessibility and avoiding future snags. Written by Shawn Henry, an outreach coordinator who promotes web accessibility for people with disabilities, it’s a straightforward and engaging resource.

The book covers the basics of improving accessibility in design projects with tips for comfortable interaction, having accessibility in a user-centered design process, examples of accessibility in user group profiles, personas, scenarios and much more.


10. Web Style Guide


webstyle guide image

An in-depth resource that offers information and instruction related to several areas of web development, including interface design, information architecture and usability.

The book explains established design principles and illustrates how they apply to projects whose primary concerns are information design and efficient search and navigation.

Beginner and advanced designers will find this to be one of the most practical guides available.


More Dev & Design Resources from Mashable:


12 Beginner Tutorials for Getting Started With Photoshop
40+ Web Design and Development Resources for Beginners
10 Free and Fun Twitter Bird Icons for your Website
11 Ways to Speed Up WordPress
10 Free Wireframing Tools for Designers

Image courtesy of iStockphoto, iamspartacus9

More About: accessibility, book, design, designers, developer, e-book, help, how to, List, Lists, resource, web design, Web Development

For more Dev & Design coverage:


agosto 18, 2010

20+ Beautiful and Inspirational Business Card designs

image

Business cards are one of the most popular personal marketing tools for anyone who is meeting a lot of people in a professional context, and it’s no wonder – they’re portable, affordable, versatile and people actually expect you to use them!  Yet more than 90% of business cards wind up in the trash the day they’re received.  What a waste!

Business card design is more than just the look of the card, although that’s important – it includes the text on the card as well.  And to get the most mileage from business cards, you should also design them with marketing in mind.

Long gone are the days when you simply handed over a white piece of paper with your name and contact info on it to potential clients. Nowadays, who do you think clients will call first, the guy with his name on a sheet of paper or this other one with her name engraved in this colorful plastic wonder?

In this collection we present more than 20 beautiful business card designs for inspiration, we hope they’ll give you some ideas and inspiration for your next design project!

 

1. Business Card Design Concept Render by Stephan Florquin

Business Card Design Concept Render by Stephan Florquin

2. Business card idea by mitch2004

Business card idea by mitch2004

3. Business Card Design by R3M1X3D

Business Card Design by R3M1X3D

4. .:Indus Tuesdays:. by MolefaceNZ

.:Indus Tuesdays:. by MolefaceNZ

5. Business Card Design by Popcorn Initiative

Business Card Design by Popcorn Initiative

6. E kwiat by RadASS

E kwiat by RadASS

7. Sorin Bechira and Adrian Labos

Sorin Bechira and Adrian Labos

8. Osram Invitation by mohamedsaleh

Osram Invitation by mohamedsaleh

9. Flisky do net business cards by flisk

Flisky do net business cards by flisk

10. Business Card Design by Hidden Creative

Business Card Design by Hidden Creative

11. Sketchbot biz card by Sketch guy

Sketchbot biz card by Sketch guy

12. acidGFX business cards by AC-1D

acidGFX business cards by AC-1D

13. .:xplicit business cards:. by 7UR

.:xplicit business cards:. by 7UR

14. business cards by kpucu

business cards by kpucu

15. Muymra business cards by loc0

Muymra business cards by loc0

16. Just Creative Design Business Card by Jacob Cass

Just Creative Design Business Card by Jacob Cass

17. Viewzi by SuperWindy

Viewzi by SuperWindy

18.ODD BUSINESS CARD VERSION 2 by MolefaceNZ

ODD BUSINESS CARD VERSION 2 by MolefaceNZ

19. akira business cards render by daan-rutgers

akira business cards render by daan-rutgers

20. Business Card Design by XTR Design

Business Card Design by XTR Design

21. pfd business cards v3 by crezo

pfd business cards v3 by crezo

22. Jason Woan

Jason Woan

Author : Roldan O. Roldan

Feed provided by tripwrire magazine, Visit this post here: Permalink

agosto 18, 2010

The Complete Beginner’s Guide to User Scripts

A user script is code written in a programming language that allows you to control a piece of software. Think for example, macro’s in Microsoft Office that help improve your work flow. Well did you know that you can do the exact same thing with your browsing experience, and the websites you view? Well you can, and it’s amazing. Greasemonkey first came around in 2004/05, and its the tool that really threw user scripts in the browser out there. Greasemonkey is a Firefox extension that allows you to write scripts that alter the web pages that you view. It allows you to make web pages more usable, more viewable, fix bugs for yourself; the possibilities are endless.
Lets look at an example of a fantastic user script that solves some problems for the user. Twitter is a fantastic tool, that many of us web designers, and developers use to collaborate, share knowledge, and make new connections, as well as letting current, and prospective clients keep up with our work. However, if we are all honest, there are things about twitter that annoy, and limit us. Mentioning someone can be a difficult task, especially when you can’t remember their exact twitter name. Working out which people you follow are following you back is a monumental task. Navigating in the dark with URL shorteners can be potentially dangerous (NSFW). The new re-tweet button doesn’t let you add your own thoughts to a tweet without copy pasting. That’s just naming a few, but that can all be fixed, with a user script!

This user script, Making twitter better!, solves all these issues that we have. It auto-completes twitter names as you type for you, it shows an icon next to people who are following you back, it unshortens url’s for you so you can feel safe clicking links, and it add’s a new button; comment. This really shows the power that these user scripts have.

So what are user scripts coded in?

When you install Greasemonkey in Firefox, you’ll notice no difference at all. Greasemonkey itself doesn’t do these incredible things. It’s the user scripts that Greasemonkey runs that do the work. For the user scripts we are working with, these are imply chunks of javascript code, with a bit of additional information for Greasemonkey to work out where and when to run the script. These user scripts have the power to target a specific site, page, or a group of sites, and it has the power to do anything you can do with javascript, and more. That means, with a basic knowledge of javascript, you can get stuck right into making your own scripts!

What is browser support like?

You’ll be happy to know, that since Greasemonkey’s release in 2004/05,  user scripts are no longer just limited to Firefox. You are able to user userscripts in Internet Explorer, Opera, Chrome, Safari, and of course Firefox, with support for other browsers being limited, but sometimes available.  (I cannot vouch for each of the following options as I only use Chrome as my browser)

Internet Explorer

For internet explorer, your main option for similar functionality appears to be IE7Pro. This is an add-on for IE6, 7 and 8 and adds features such as tab enhancement, ad blocker, flash blocker, mouse gestures, inline search, privacy enhancements, online bookmark service, Greasemonkey-like user script support, and plug-in support.

Chrome

Google Chrome, you’ll be interested to hear, comes with built-in support for user scripts as of February 2010, so no add ons are necessary! Basically, Chrome turns user scripts into extensions and runs them as such. However, support for some user script specific functions are lacking, so be prepared to find the odd script that wont work for you.

Safari

Safari, unlike Chrome, doesn’t come with built-in support. For users of Safari 5, there is an extension called NinjaKit which allows you to obviously run user scripts. For users of older versions of Safari, there is an alternative called Greasekit which is a SIMBL plugin.

Firefox

Firefox obviously harness’ the power of user script through the Greasemonkey script. No surprise there since it has done since 2005!

Opera

Opera, like Chrome, is capable of running user scripts itself. Similarly to Chrome, you may run in to trouble with some scripts, but the majority will run fine.

Some user script for your use

Of course, what use would these browser implementations be without some scripts to use? Here are 20 fantastic scripts to get you started!

YouTube Video Download

Scans the YouTube page for all download formats, from iPod compatible MP4s to high-definition 1080p.

Disable Google Fade-in

Disable the animation from Google’s new homepage.

Show Just Image

Removes garbage from some image hosting sites and displays the image only.

Download from YouTube

Adds FLV, MP4, 3GP, and 720p download links to YouTube.

Google Inline MP3 Player

Inserts Google Reader’s MP3 Flash player next to any linked MP3 file you stumble onto while browsing

Chromium RSS-Feed Detection

Detect the RSS-Feed on Pages and show a little “SearchClone”-dialog

Helvetwitter

Twitter is becoming more and more cluttered with useless features and other junk. This strips it back to the basics.

Helvetical

Helvetical turns the mayhem of the Google interface of Google Calendar into something that doesn’t offend.

Helvetireader

Helvetireader aims to make the interface of Google Reader a clean, minimal experience where you’re not assaulted by an array of colours, social features and buttons.

Faviconize Google

Adds favicons to each link offered by Google search results.


LookItUp

Quickly look something up in Wikipedia, a dictionary or whatever you like (its easy to add custom sites!). The result is displayed directly on the page.

Persistent Max Google Calendar

This script will allow you to max out your screen real estate in Google Calendar by allowing a full screen option via pressing F12.

Helvetimail

Give your Gmail the beautiful, minimal experience it deserves with this Helvetica styled script.

SearchJump

Allows you to jump quickly between search results on different engines.

Nested Twitter Replies

Adds nested replies to every Twitter conversation thread.

Google Search Sidebar

Adds a sidebar with search results from Dictionary.com, Wikipedia, Flickr, and YouTube. Please report any bugs.

TinyURL Decoder

Decodes shortened URLs to their original URLs. Supports a lot of url shorteners.

Facebook Purity

Fluff Busting Purity is a script that alters your Facebook homepage to only show the most relevant information to you.

Make Twitter Better

Nested Replies, Custom Search Tabs, Autocomplete, Pagination, RT button, Media Embed, URL Expansion, Hash Tag Search Links, Social Links

FFixer for Greasemonkey

Enhancements for Facebook: bigger profile pictures and photos, easier viewing of albums, links to download videos, showing people’s age and sign, google calendar integration, bookmarks, keyboard shortcuts & more. Fully customizable!

Further Discussion

Well there you have an introduction to user scripts. They’ve been around for a while, but are as powerful as always, and are becoming more popular in modern browsers. If you have more scripts to share, or want to ask any questions, do so in the comments!

agosto 16, 2010

Image posted by MobyPicture.com
- Posted using MobyPicture.com

agosto 16, 2010

Ruta 2

Image posted by MobyPicture.com
- Posted using MobyPicture.com

agosto 16, 2010

Esto es un afterhours!

Image posted by MobyPicture.com
- Posted using MobyPicture.com