katharnavas

18 Search Engines For Designers

2010-01-05T12:07:00.000+05:30

1. IconSeeker

A really nice search engine that will help you find Icons as the name implies. Also has a “Most Popular” feature which could certainly help you in your search.

2. IconFinder

Another quite useful icon search engine. Doesn’t have the “Most Popular” feature but it looks nice and it seems to sum up some rather nice search results.

3. IconLet

A nifty and simple icon search engine that generates some nice results. Has a “Search Plugin” link which I haven’t yet tries. IconLet was launched in 2007.

4. IconLook

A nicely designed search engine for finding icons. A few really nice features include Link Exchange, Random Icons and Popular. It’s in Beta but works just fine.

5. IconDB

A somewhat cluttered search engine to find some really nice fonts. They have quite a large database and seem to give great results. Nice interface however a bit hard navigating at first.

6. Icons Search

Nice icon search engine with several nice features. Guide how to search and some designer related link listings such as Emoticons, Desktop, Web and Graphics to name a few.

7. Very Icon

Really nice icon search engine with some nice and useful features. With Icon Search, Icon Category and Advanced Search it makes this search engine a truly invaluable tool for any designer.

8. EasyIconFinder

A powerful search engine for icons. Some platinum features that makes this search engine really useful. Interface is somewhat cluttered but the instructions are good.

Quite simple but truly powerful search engine to find fonts for your design. It is an ever expanding search ending and you can add your own font site if you have one. Features: Font Search, Advanced Font Search.

10. FyFont

A really cool and useful font search engine. Instead of typing in a specific keyword you can simply upload a picture of the font you’re after and it will try and recognize it and point you in the right direction.

11. FindTTF

One of the most comprehensive font search engines on the Internet. With over 314.000 fonts in it’s database you are sure to find what you are looking for. Somewhat cluttered user interface though.

12. MyFonts

Another font recognizing search engine. This one also have the capability to search for fonts the old school way. Different search modes: Find Fonts, What The Font. Really useful and simple.

13. Free Fonts

A search engine for free fonts. Simple and straight forward. If you know what you are looking for you can easily find it here and then be directed to the place where you can download it.

14. FontSeek

With over 55.000 fonts attached to their database you are sure to find what you’re looking for. Interface is somewhat dull and 90’s but the results are great.

15. TutSearch

One of the most streamlined tutorial search engines on the Internet. This search engine will search a database of over 100 hand picked tutorials. Exclusive and high end!

16. Vectorials

A really nice and well proportioned search engine searching everything vector. Quite a large database with tons of software categorized tutorials. Excellent for any designer working with vectors.

17. Tutorial Vault

Really nice tutorial search engine with tons of software’s represented. Includes tutorials for: Photoshop, Illustrator, Flash, 3D Max, Photography, InDesign, Programming and Fireworks.

18. Tutorial Search

An extensive search engine which concentrates on categories of software’s. Tons of great and pristine tutorials ranging from Photohop to 3D Max and everything in between.

Original Source Link

20 Best JavaScript Charting and Plotting Libraries

2009-11-19T15:24:00.000+05:30

1. JSCharts

JS Charts is a JavaScript chart generator that requires little or no coding. JS Charts allows you to easily create charts in different templates like bar charts, pie charts or simple line graphs.

2. PlotKit – Javascript Chart Plotting

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

3. JavaScript Chart

Would not it be nice to be able to add a stylish and colorful chart to your Web page with minimal effort and still avoid slow-loading Java applets or server side generated images? Then the JavaScript Chart is just what you need!

4. amCharts – Column and Bar Controlling chart with JavaScript

This amCharts allows you to control chart with JavaScript – reload data and settings, get and set data and separate settings.

5. Bluff

Bluff is a JavaScript port of the Gruff graphing library for Ruby. It is designed to support all the features of Gruff with minimal dependencies. To draw a graph, you create a new Bluff graph object using the id of a canvas element on the page, set some options, add the data and labels, and then tell the graph to draw.

6. Animated Chart

Animated Chart script generator allows you to create a bar graph table of the data given to it. This is a graph and chart animated javascript which can be incorparated into any webpages. Just input the data of the involved elements, the animated script will chart out an XY Graph.

7. JavaScript Graph Plotting Tool

As part of a larger animation framework I have created a plotting tool for visualizing functions. It is made entirely in JavaScript, uses no graphics and the generated source code is W3C compliant.

8. Canvas Pie Chart with Tooltips

This Mootools pie chart class is based on Stoyan Stefanovs Canvas Pie. I have added a dynamically drawn image map that overlays the canvas. The image map areas coincide with the pie slices and trigger the Mootools tooltips.

9. Moochart

moochart is a plugin for MooTools 1.2 that draws bubble diagrams on the canvas tag. Future versions might include pie, bar & line graphs.

10. ProtoChart

ProtoChart is a new opensource library using Prototype and Canvas to create good looking charts. This library is highly motivated by Flot, Flotr and PlotKit libraries.

11. Raphael-JavaScript Library

Raphael is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

12. TufteGraph

TufteGraph allows to make pretty graphs with javascript, using jQuery.

13. HTML Graph JS

Use this script to create horizontal / vertical bar graphs, progress bars and faders. You can create simple graphs and even grouped bar graphs with legends, add labels, change colors etc. No graphics or graphical libraries required.

14. Canvas 3D Graph

Canvas 3D Graph is a special type of bar graph that plot numbers in 3D. This first started as PHP-GD project, but soon I realized that there is not much sense in generating complex graph like this on server side (script worked really fast, though)

15. Emprise JavaScript Charts

Emprise JavaScript Charts enable to create Charts in JavaScript with features such as Hints, Mouse Tracking, Mouse Events, Key Tracking and Events, Zooming, Scrolling, and Crosshairs raise interactivity and user experience in web charting to a new level.

16. Flotr Javascript Plotting Library

Flotr is a javascript plotting library based on the Prototype Javascript Framework. Flotr enables you to draw appealing graphs in most modern browsers with an easy to learn syntax. It comes with great features like legend support, negative value support, mouse tracking, selection support, zoom support, event hooks, CSS styling support and much more.

17. Pie Graph script

Pie Graph script is a purely DHTML/ CSS based Pie Graph script. It loads fast and blends in with the rest of the page. You can even use a transparent background for it.

18. JavaScript Diagram Builder

The JavaScript Diagram Builder is a library of some objects and functions, which can help you to display a coordinate diagram (resp. a chart or graph) in your webpage in an easy way.

19. XYgraph

XYgraph is written in Javascript, and will run on any website or intranet, online or offline. Data to be graphed on the fully customizable display may be generated from static or dynamic web content and server side programs.

20. YUI 2 Charts

The YUI Charts Control visualizes tabular data on a web page in several possible formats including vertical columns, horizontal bars, lines, and pies. Notable features include support for the DataSource Utility, customizable series and axes, a customizable mouse-over datatip, combination charts, and skinning.

Original Link

54 Cool Examples of Custom Error 404 Pages

2009-11-11T12:34:00.000+05:30

1.) Carsonified

2.) Youcastr

3.) Unitinteractive

4.) Agens

5.) Beta.mnet

6.) Us.blizzard

7.) Huwshimi

8.) Springload

9.) Redtag

10.) Nclud

11.) Wufoo

12.) Expansion broadcast

13.) Vimeo

14.) Surfingonstatic

15.) Cssremix

16.) Mailchimp

17.) Robo

18.) Bol

19.) 24-7media

20.) Leapanywhere

21.) Dundeeliving

22.) Twurn

23.) D20srd

24.) Gadies

25.) Acromediainc

26.) Chrisjennings

27.) Astuteo

28.) Studio7designs

29.) Yourwebjob

30.) Odopod

31.) Trubru

32.) Lookitsme

33.) Zanami

34.) Gog

35.) Spongebob

36.) Digiguru

37.) Twitter

38.) Gdzl

39.) Itchyrobot

40.) Deviantart

41.) Digitalmash

42.) Shelfworthy

43.) Istockphoto

44.) Gregone

45.) Spreadshirt

46.) Anidea

47.) Fubiz

48.) Ferdaze

49.) Cssscoop

50.) Creationthing

51.) Patterntap

52.) Twingly

53.) Southcreative

54.) Newspond

15 Great Websites To Download Free Fonts

2009-11-10T09:42:00.000+05:30

Search Free Fonts

* * * * *

Da Font

* * * * *

1001 Free Fonts

* * * * *

Fontica

* * * * *

Abstract Fonts

* * * * *

Cream Undo

* * * * *

Font Cubes

* * * * *

Font Stock

* * * * *

Better Fonts

* * * * *

High Fonts

* * * * *

Free Premium Fonts

* * * * *

Font Squirrel

* * * * *

Font Post

* * * * *

Font Space

* * * * *

Urban Fonts

10 great Alternatives to phpMyAdmin

2009-11-09T12:57:00.000+05:30

Adminer (formerly phpMinAdmin)
A full-featured MySQL management tool written in PHP. Does more or less everything phpMyAdmin however consist of a single file only that is ready to upload to your servers and connect to the DB.

Navicat
This, in my opinion, is the best MySQL client out there. It does everything you want from a very user friendly interface. However, it doesn’t come free. There is a small price tag to it but is well worth it!

Sequel Pro
One for the Mac users.

SQLWave

SQLyog

BlueSQL
Free web based DB management tool.

SQL Buddy

DBDesigner 4

SQLGate

HeidiSQL

Best Open Source UML tools

2009-11-09T12:07:00.001+05:30

1. StarUML

StarUML is an open source project to develop fast, flexible, extensible, featureful, and freely-available UML/MDA platform running on Win32 platform. The goal of the StarUML project is to build a software modeling tool and also platform that is a compelling replacement of commercial UML tools such as Rational Rose, Together and so on.

2. Netbeans UML Plugin

The NetBeans UML plugins presently supports the following UML diagrams: Activity diagram, Class diagram, Sequence diagram, State diagram, and Use Case diagram. You can align diagrams visually in the Diagram Editor, Drag and drop roles, patterns and classes from simplified Modeling Palette and add relationships from the Context Palette.

3. Acceleo

Acceleo is a code generator transforming models into code (MDA approach).
Acceleo is easy to use. It provides “off the shelf” generators (JEE, .Net, Php…) and template editors for Eclipse.

4. ArgoUML

ArgoUML is the leading open source UML modeling tool and includes support for all standard UML 1.4 diagrams. It runs on any Java platform and is available in ten languages.

5. BOUML

BOUML is a free UML 2 tool box that allows you to specify and generate code in C++, Java, Idl, Php and Python. It runs under Unix/Linux/Solaris, MacOS X(Power PC and Intel) and Windows. It is also very fast and doesn?t require much memory to manage several thousands of classes.

6. Eclipse UML2 Tools

UML2 Tools is a set of GMF-based editors for viewing and editing UML models; it is focused on (eventual) automatic generation of editors for all UML diagram types.
The diagrams that will be initially supported (as part of the first release) include class, component, state machine, and activity diagrams.

7. Umbrello UML Modeller

Umbrello UML Modeler is a UML diagram tool that can support you in the software development process. Especially during the analysis and design phases of this process, Umbrello UML Modeler will help you to get a high quality product. UML can also be used to document your software designs to help you and your fellow developers.

8. Frame UML

Frame UML is a free UML tool that supports UML 2.xx. It can run on Windows(2000/XP/Vista) and generate source code /CHM from model, or parse source code into model by JavaScript. It supports 12 kinds of diagram except object diagram. It is very nice,simple, and easy to use.

9. UMLet

UMLet is an open-source UML tool with a simple user interface: draw UML diagrams fast, export diagrams to eps, pdf, jpg, svg, and clipboard, share diagrams using Eclipse, and create new, custom UML elements.
UMLet runs stand-alone or as Eclipse plug-in on Windows, OS X and Linux.

10. TinyUML

TinyUML is a free software tool for easy and quick creation of UML 2 diagrams. It is implemented for the Java platform. At least Java SE 6 is required.

11. Taylor

Taylor MDA is a specialized UML modeling tool based on Eclipse. It uses convention-based techniques to generate the maximum code from streamlined UML models. Templates are included for generating JEE applications based on JPA/EJB3 and JSF/Seam/Facelets.

12. Papyrus UML

Papyrus is a dedicated tool for modelling within UML2. This open source tool is based on the Eclipse environment.

Original Source Link

20 Best Alternatives of Adobe Photoshop

2009-11-07T12:05:00.000+05:30

Gimp
Paint.net
Pixia
Artweaver
PhotoPlus SE
Inkscape
ChocoFlop
Xara Xtreme
Cinepaint
PaintStar
Corel Painter
Active Pixels
Krita
Seashore
PhotoFiltre
Pixelmator
Photoscape
Open Sword: Pixen
Photo Pos
QueekyPaint

Amazing jQuery Hover Effects

2009-11-04T16:54:00.000+05:30

This collection of amazing jQuery Hover effect plugins and tutorials will help you bring great interactivity and usability into your website.

jQuery Tutorial ? Animate a hover with jQuery

Animate an image while hovering it and show the visitors information while doing that. Sounds simple huh? Well it is, but the effect is nice and can be nice for a portfolio, for example.

jQuery Tutorial ? Create a Realistic Hover Effect With jQuery

For one of the projects I?m currently working on with Rareview, we wanted to add a rising hover effect to a set of icon links. Using jQuery?s animate effect, I experimented with icons that have reflections and others with shadows.

Greyscale Hover Effect with CSS & jQuery

A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect. My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.

JQuery Hover Fading on Mouse Over and Mouse Out Without Images

I have been playing with the excellent JQuery JavaScript library for a while now. Recently I came across a technique for fading in and out two images based on mouse over and mouse out; and I wanted to see if I could create a fade-in and fade-out hover effect without the images.

Hover Zoom Effect With jQuery and CSS

Recently I have been prototyping some interactive thumbnail effects for various projects. I would like to share one of the effects with you and how I built it. It is a nice looking effect that I am calling ?hover zoom? because it is pretty self explanatory. I have seen similar effects to this one on a few sites here and there, and they were always built in Flash. I wanted a CSS and Javascript solution so I whipped up the Hover Zoom effect.

Hover fading transition with jQuery

Create fading transitions on hover in jQuery using this wonderful jQuery Tutorial.

jQuery Hover for Multiple Buttons or Images

In this jQuery tutorial we want to have a hover effect to make grey images become colored when the mouse hovers over. them.

Fading Links Using jQuery: dwFadingLinks

Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events. My thought was ?why do a harsh a:hover color change when you can fade to that color?? Here is how to implement link color fading using jQuery.

Jquery Animated Hover

Animated Hover is a plugin for jQuery to create animated hover effects. This allows to use hovers for effective animations.

Link Hover Effects With jQuery

Learn to create simple Link Hover Effects With jQuery.

jQuery Tutorial – Simple jQuery Hover Effects

A collection of simple jQuery hover effects tutorials.

A Simple Mouseover Hover Effect with jQuery

Javascript is pretty useful but it does demand a lot of coding. Luckily for all of us, there are libraries out there that make it extremely easy to use the power of Javascript with a lot less code. I have been having a lot of fun with jQuery latetly and wanted to share a quick and easy tutorial on how to create a mouseover hover effect

List Hover Effect with jQuery

A while ago a user asked me how the widget hover effects were done in my Checkmate theme. Well I am going to tell you. It is a little black magic, a little jquery, and passing through the outer realms of probability. But I think anyone can handle it.

jQuery Image Cross Fade Transition

Learn to create Image Rollovers with the most amazing effects in the simplest way.

jQuery Tutorial – Create A Fancy Thumbnail Hover Effect With jQuery

Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I?d share this and maybe some of you can find it useful.

Image hover effect using jQuery

In this post, I will show you how to make a image hover effect using div in jquery.Take a look at a telebid.com if you put the mouse over the bid button it will be changed to login and afterwards it become bid button.

jQuery image slide on hover effect

This is a simple technique to animate an image when hovering using jQuery animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.

20 Nicely Designed Web Applications

2009-11-03T15:22:00.001+05:30

1) Reinvigorate

A tool to track real time traffic to your web with many features including heat sensing

2) Moodstream

A powerful tool to find you the images, footage or audio you are looking for.

3) Mailchimp

A powerful tools to manage your subscribers list, design HTML email campaigns and track and analyze email campaigns.

4) Blinksale

A very useful and easy to use tool to build and track invoices

5) GoodBarry

A complete tool for ecommerce, email marketing, CRM and analatycs

6) Wufoo

A must have, HTML form builder tool

7) Campaign monitor

Everything a designer needs to manage the subscriber emails

8 ) Kontain

A social media platform to promote your brand

9) Active collab

A powerful project management and collaboration tool

10) Proworkflow

A tool to manage your projects online

11) Aviary

A tool to create logos, webtemplates, filters and more .

12) Basecamp

A webbased project collaboration tool

13) Kuler

Explore, create and share color themes here

14) Emberapp

Best way to share your design inspiration with the world using emberapp

15) Freshbooks

Fastest way to track time and invoice your clients

16) Carbonmade

Easy way to display and manage your portfolio online

17) Notable

Easiest way for teams to provide feedback on websites

18) Evernote

Save your ideas and things you like for free on your desktop

19) Hotelmap

Get connected to each London hotel’s own reservation system

20) Photoshop

A perfect place to save and organize your online photos

40 Fresh and Free Icon Sets for Web Designers and Bloggers

2009-11-03T11:23:00.000+05:30

Web Designer and Developer Icon Sets

1000 Farm-Fresh Web Icons

178 Amazing Web Design Icons

Led Icon Set

RRZE Icon Set

Lemonade At Work Icon Set

The Webdesigner Sketchup Icons

Basic Set

30 Free Vector Icons

Token

Admin Panel Iconset

Lovely Website Icons Pack

Lovely Website Icons Pack 2

PixelMixer

Quartz Icon Pack

RSS Icon Sets

200+ RSS Icons: “Supra”

RSS Feed Animals

Icon Feed Jeans

RSS At Sea Icons

Social Bookmarking Icon Sets

Webset Icons

Speckyboy Social Bookmarking Icons

Large Icons Social

Free iPhone Social Bookmarking Icon Set 1

iPhone Social Bookmarking Icons Set 2

Social and Web Icons

Thinking Networks Icons

Old Bottle Crowns Icon Set

Stamp Social Bookmarks and RSS Feed Icons

Mazu-Mazu ikonki

Contact Icon Pack

Mate BW Social Icons

Twi-Birds Icons

Twitter Icons

Birdies: A Free Twitter Icon Set

Tweet Me Up Scotty

Twitter Icon Pack

Twitter Icon Pack 2

Twitter Icon Pack 3

Random Developer Icon Sets

Glyphish

40+ Free Vector Stickers

10 Awesome Techniques for Animation with jQuery

2009-11-02T13:38:00.000+05:30

1. Puffing Smoke Effect in jQuery

This example by Dutch web developer Gaya Kessler features an impressive animation effect of cartoonish smoke emanating from factory smoke stacks. Kessler thoughtfully supplies a configurable jQuery plugin with instructions based on his site’s header, so that you may create a similar animation effect for your website.
Live Demo: Smoke Effect

2. Crafting an Animated Postcard

Sam Dunn of the web development duo, Build Internet, wrote a tutorial on how to create an animated landscape using transparent PNG images. The tutorial takes advantage of the popular jQuery Easing plugin to help with the animation and the setTimeout() JavaScript function to time the events accordingly.
Live Demo: Animated Postcard

3. Create a Realistic Hover Effect

In this tutorial, you will learn how to animate image elements in a smooth and fluid manner. The tutorial features objects that, when hovered on, rises upwards. In the live demo of the effect, notice how the reflections and shadows at the bottom also changes when the object lifts up; hence "realistic" in the name of the technique.
Live Demo: Realistic Hover Effect

4. Scrolling Background Effect

The creators of the site youlove.us shares their code (and explanation) for making a seamless vertical scrolling CSS background; featured on the site’s header. The script is also dependent on the user’s system time; the animation starts at a different position depending on whether you visit the site at night or in the morning, a nice touch.
Live Demo: youlove.us (web page header)

5. Multiple Animations with Glimmer

Glimmer, a JavaScript animation creation tool that leverages the jQuery library, has several live demonstrations for some of the things you can do with the app. For instance, with Glimmer, you can create cool animation sequences or make a spiffy and impressive rotating banner for your website.
Live Demos: Freestyle Sample, Image Sequence Sample, Fade Text Sample

6. jQuery Blend

jQuery Blend is a plugin for animating CSS background images. The project emphasizes on web development best practices such as progressive enhancement so that users with JavaScript disabled are still able to interact with your interface, albeit without the animation effects, making for a truly universal design.
Live Demo: website navigation with different options

7. Parallax Scrolling Background

In this jQuery tutorial, you will learn how to construct a Parallax Scrolling background – first popularized in web interfaces with the use of Flash. The technique involves div elements with CSS background images. The Parallax Scrolling technique requires the scrollTo plugin by Argentinean Web Developer and Game Programmer, Ariel Flesler.
Live Demo: Scrolling Clouds

8. Stunning Sliding Door Effect

Designer and Developer Kevin Liew shows other website builders how to create a striking animation effect where a top image splits up into four pieces, moving smoothly to the corners, and revealing another image beneath it. It’s an animation effect suited for interactive thumbnails of images.
Live Demo: Sliding Door Effect

9. Make Your Header Responses to Mouse Movements

In this jQuery animation technique, you will learn how to animate a set of images that reacts to the user’s mouse movements. When the user hovers over a set of images, the set begins to follow the mouse cursor. This technique can be adapted to many user interface related functions, or you can just use it to impart a memorable experience to your users.
Live Demo: parallax

10. Animated Header Using jQuery

This animated tutorial goes over a similar concept to the youlove.us example of vertically moving a large CSS background image. Illustrations on how the technique works will help readers grok the concept more fully. Devirtuoso, the author of the tutorial, goes through due diligence by offering an IE6 hack for backwards compatibility.

50+ Exceptional Collections of Typography Tutorials

2009-11-02T11:36:00.000+05:30

A – Typography by guillhermes

Dynamic Recessed Watercolor Typography in Photoshop

How to Create High Quality Metal 3D Text in Photoshop

How to Create a Copper Photoshop Text Effect

New PLUS Tutorial – How to Make 3D Neon Light Typography

Tutorial Smooth Glass Type

Create a Layered Glowing Text Effect

6 Quick’n’Dirty Photoshop Text Effects From Scratch

Design Soft Stylized 3D Type

Kaboom! Exploding Text Tutorial

Create a Spectacular Flaming Meteor Effect on Text

Big Typography Snowboarding Poster

Colorful Typography

Trendy Graffiti Text Tutorial

A lesson in typography 2 of 2 by Siren2k4

Awesome Milk Typography Effect in Photoshop

Reader Tutorial: Typography Wallpaper in Photoshop

Typography Tutorial by haziran87

How to Create a Richly Ornate Typographic Illustration

Create a Steam Powered Typographic Treatment – Part I

10 minute tutorial: Type within type

Design and make a portfolio book

Super Cool Frilly Bits Typography

Old School Type – Line Gradients

Creating a Typographical Wallpaper

3D-Typography PhotoShop Tutorial

Dramatic Text on Fire Effect in Photoshop

How to make a Typographic, Retro, Space Face

How to Create Explosive Typographic Effects in Cinema 4D

How to Quickly Create a Stylish Retro Text Effect

Matrix text Typography tutorial

Tricked-Out Typography Tutorial

The new way to create 3D text

Movie Logo Typography Tutorial

Logo Design Project Step by Step Walkthrough

Ornate Lettering Tutorial 2

Masking with type

Candy Coated Typography Photoshop Tutorial

Distorted type effects

Awesome Floral Type in Fireworks and Photoshop in 5 minutes

3D Bulge Text Effect tutorial

How to Design a Stunning, 3D, Sunset Type Illustration

Create a Spectacular Grass Text Effect in Photoshop

Decorating Text

Create a trendy typographic poster design

Design a Rocket-Powered Retrofuturistic Digital Illustration

Designing a Typographic Concept Poster

Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

Create Destructive Black and White Lettering with a Dramatic Splash Effect

Create Smokey Typography in 12 Steps

Create a Simple, Professional Typographical Design

80 Examples of Add to Cart Buttons for Design Inspiration

2009-11-02T11:08:00.000+05:30

1. William Turner

2. Madsen Cycles

3. dripping in fat

4. Myla

5. Pure and little organic baby

6. Behance Outfitter

7. Opera Mage

8. DSW

9. Soma Intimates

10. Dune Shoes

11. oki-ni

12. Rapha

13. fashionaire

14. Closed

15. Gortz

16. Melaleuca

17. Palmers

18. Notepod

19. UNGER Fashion

20. ANN TAYLOR

21. tap tap tap

22. ShoeGuru

23. Nine West

24. Dyson

25. nestliving

26. SHIRTCITY

27. Vitradirect

28. The Russian Store

29. Inkd

30. Sueno

31. Habitat Shoes

32. Lucky Brand

33. beddington’s.com

34. laPatate

35. Archiduchesse

36. Matalan

37. adidas

38. Rampage

39. James Perse

40. Agile Online Store

41. Realmac Store

42. Bloomingdales.com

43. Dell

44. Target

45. Gravis

46. SIEGE Audio Company

47. cyan

48. Krawattentrend.de

49. NB Web Express

50. Sony

51. Anya Hindmarch

52. Tchibo

53. APART

54. LEGO

55. Stuart Weitzman

56. Parfumerie Douglas

57. ESPRIT

58. s.Oliver

59. LA MARTINA

60. bebe

61. Jack Wolfskin

62. frontlineshop.com

63. TECHNIKdirekt

64. STYLEBOP.com

65. Mary & Paul

66. Lacoste

67. Emporio Armani

68. Cyberport

69. Swatch

70. FOSSIL

71. calida-shop.de

72. e-xpedition.ru

73. bonprix.de

74. myToys

75. Conrad Electronic

76. Prada

77. SteveMadden

78. Tobi

79. Gucci

80. Miss Sixty

65+ Community Links for Designers and Developers

2009-11-02T10:46:00.000+05:30

47 Useful Links for Designers: Resources, Inspiration, Tutorials, Articles and More
Here you will find 47 great links relevant to the design community including inspirational pieces, free fonts, textures, icons, and plugins as well as css, photoshop, and web design tutorials.

13 Amazing CSS Tutorials For Navigation and Menu

CSS help Designers save a lot of work and time. Cascading Style Sheets are used to create the layout and design of your web site.

Most Useful Collection of Premium 3d models
3d models can be a great way to spice up a project that you are working on. I have assembled a collection of amazing premium 3d models for you.

10 Utile Resources For Web Designers and Developers
In this post I am going to share some very useful resources for web designers and developers. This includes Snipplr, UserCake, MockFlow, JQuery Max Image, Ecsstender and Bestwebframeworks etc.

Installing a Linux distro(Ubuntu Ultimate 3.0)
This is installation tutorial for Linux beginners. It is intended for all the distributions of Linux. It interfaces Linux beginners with scary looking installation procedure.

3 Smart Ranking SEO Tips You Better Be Aware Of
This article will easily teach you how to get better Google pagerank and get better results on Alexa and Moz ranking systems as well. Enjoy!

25 Most Essential Free Softwares After Windows Installation
This is my must-have list of 25 Free Softwares and Utilities that I use as an installation checklist on every fresh Windows installation.

What used car salesmen can teach about designing above the fold
Find out how the tactics of used car salesmen can help your web designs above the fold and make it easy for visitors to take the next step or stay in touch.

A Beautiful Apple-like Slideshow Gallery With CSS & jQuery
We are making an Apple-like slideshow gallery with the help of jQuery & CSS, with no PHP or databases required. As a bonus all the source code is freely available for download.

10 Free Paper Textures
I created 10 Free Paper Textures that you can download for free. They are all unique and can only be downloaded on tutorialfreakz.com. You can use them for free for personal and commercial use.

Best of October 09
Check out what we found to be the most useful and popular articles of October in our roundup. Have a look through some of our most popular work too.

60+ Creative Ideas about Kitchen Decorations
As we always follow creative trend today presenting some inspirational designs of Kitchen things which we usually use in our food or some time offer in occasional parties, for make more creative our..

Weekly Inspiration No. 02
If you liked our last inspirational blog, you’ll love this one, too. Smashing illustrations, stunning designs, gorgeous paintings and much more!

When and How to Dump a Client
Client satisfaction gives us reputation and credibility, however, every now and again we will come across a problematic client.

Create A Cool 3d Text Scene.
In this tutorial i will show you how to create a cool 3d text effect in photoshop.

50+ Exceptional Collections of Typography Tutorials
How can we ignore Typography when we creating any professional design and graphic posters which always helps for make more beautiful our design, Typography are a combination of fonts, sizes..

Warren Buffett’s Advice to Budding Freelancers and Entrepreneurs
In 2008, Warren Buffett was ranked the richest person in the world and now he’s got something to say to all your entrepreneurs and freelancers. Read on.

Collage Of Polaroids
In this tutorial i will show you how to turn a photo in a collage of polaroids.

Useful WordPress Plugins for Statistics
In this list you’ll find 17 Useful WordPress Plugins for Statistics. These plugins will help you to analyse your WordPress blog, feed, search statistics.

35 most shocking Photoshop tutorials ever
Here is list of 35 shocking, scary Photoshop tutorials. I hope you will learn some new cool Photoshop techniques and will create awesome Halloween party photos.

75-horrifying-tutorials-brushes-and Artwork
With the halloween period coming up in november, it is time to create some disgusting horrifying artwork. This article will help you inspire and create that kind of artwork.

8 Sure-Fire Ways Freelance Designers Can Earn Passive Income
As a freelance web designer there are times that I just wish I could work on things I liked all day long and not have worry about anything else. Passive income is the answer to that.

Create Glossie Lips And Change Hair Color
I created this tutorial on request, as a continuation of the Change Eye Color tutorial. In this tutorial i will show you how to change the hair color and create glossie lips.

28 Delightful Blog Designs That Will Make You Say WOW
28 unique blog designs that set themselves far a part from the rest of the blogs out there.

Really Useful Tutorials You Should Have Read in October 2009
This update covers tutorials, how-to, screen casts, tips and techniques that you should have read in October 2009. Featured authors include: Marco Kuiper, Janko Jovanovic, Konstantin Kovshenin, more..

A Designers Guide to the Ghouls and Ghosts of Halloween
Halloween is just a day away and i’m sure many of us have parties to go to, but what does Halloween mean for us as designers?

26 awesome Firefox add-ons for web workers
This collection gives you some of the best Firefox add-ons for web workers and designers

Oops! I Did It Again, I Made a Freelance Mistake
Some of the most common mistakes made by almost every freelancer. Find out how to avoid these mistakes to become a fully successful freelancer.

45+ Customizations for the Thesis Theme
A list of over 45 tutorials to customize every aspect of the Thesis theme for Wordpress.

CSS Absolute Positioning: Create A Fancy Link Block
Use some tricks to create a fancy link block that make our links more attractive.

Wordpress Social Plugins
Social Media has changed the face of blogging in some interesting ways so blog owners search for many ways to become more social on web one of this ways is plugins.

Sleek! Free Tab Style Social Icons
Beautiful and sleek set of Social Icons. This sleek tabbed social network icons are designed with a slight web 2.0 feel. They are free to use.

45+ Advanced Adobe Flash Actionscript Trainings
In Latest tendency of animation arena and when technology updates randomly evolve professional environment most of web designers and flash developers prefer Actionscripts for less size development..

Blogging Faceoff: Blogger vs. WordPress
Blogger vs WordPress is one battle I’m playing ever since I’ve chosen Blogger as my primary platform for blogging. With Due respect to both the blogging platforms. Lets battle it out with Readers.

Download a free vector of cartoon rhinoceros
Free vector file with three original cartoon rhinoceros.

Useful Money Management Tools for Designers and Freelancers
Managing your finances at times can be a very tricky and complicated task. Proper allocation and transfer of money not only requires careful planning

10 Dependable Money Management Tools for Freelance Designers
Whether you are a freelance designer or a big company in itself, money management plays a crucial role for you.

Contest: Win Pixmac Stock Photo Credits!
Pixmac has kindly let us offer 5 of our readers a chance to win 20 stock photo credits through their website. Enter for your chance to win before 11/07/2009!

64 Bit period is coming soon
Some introduction of 64 bit to make people know it well.

105 People Photo Manipulation Works You Will Really Marvel
You must be thinking – man..105 artworks, is this guy completely crazy? Well, you really must see all works featured here, so you can agree – these are really marvelous!

10 Attractive Jquery CSS Tooltips Tutorials
10 Attractive Jquery CSS Tooltips Tutorials

Weekly top quality Photoshop tutorials #50
Pretty scary thing that this is the 50th Photoshop tutorials article on the site. Enjoy these week’s picks, the good, the interesting and very useful 20 Photoshop tutorials.

Classic Art Of Edvard Munch
With Halloween looming, and the love of the uncanny and eery in the air, I thought it was only fitting to showcase some of the best art from Edvard Munch.

90 Chronological Photos from World War I Part#1
These of all Photos presenting an historical event (World War I) which never ever forgot, as now we presenting list of photos in two parts. Photos & Obituaries Thousands of identified Photos..

40+ Beautiful Fish Inspired Logos
Your source of inspiration plays a very important part of successfully designing you next project. Here at Designrfix.com, we are always in search of ideas to fuel our creativity.

45 Inspiring Navigation Menus That You Must See
Navigation menu is the most important element in web design. Simple but user friendly navigation menu will bring better effect.

3D Glossy Orange Orbs Icons – Transportation and Travel
This 3d glossy orange orbs icons transport travel set includes everything that can move people, from bicycles to spaceships (bicycles, motorcycles, automobiles, race cars, ambulances, police cars.etc)

Blue Cream Photoshop Patterns
Free combo pack of seamless Blue Cream Photoshop Patterns in .jpg format as well as a corresponding Photoshop tileable pattern (.pat) set.

5 ways to learn and develop your design skills
Below are a few of the methods I use to keep my self learning and improving as a graphic designer as well as a few ideas on how to test new techniques, styles, and ideas.

A Collection Of The 30 Best Mac Apps Roundups
In this article I’ve collected the best 30 Mac Applications Roundup found on the web, I hope you’ll find them useful.

How To Install Windows 7 On Your Netbook?
Because a USB key is seen as a removable device in Windows XP, the Disk Management console won’t let you partition it, nor make a partition active. That option will be grayed out.

40+ Most Useful Wordpress Plugins
We listing Most Useful Wordpress Plugins which is available for free download and can according to our requirements for example in hundreds of plugins we prefer most rated plugins always..

Create a clean hosting layout with Photoshop
This tutorial is the best solution for those who want to create a web page for representing web hosting company of any kind.

21 Really Awesome Swirls for Inspiration
Swirls are beautiful and a nice way to enhance and give uniqueness to your design work. Here are 21 awesome swirls inspirations.

Best Of The Web October For Web/Graphic Design
The ultimate monthly design roundup for October featuring the best articles, tutorials an design resources.

Logo Gambling – Logo My Way Review
Logo My Way is an online community that connects businesses with amateur and professional graphic designers around the world.

Halloween Fun: Celebrity Mug Shots With Beatdown Makeover
Photoshop is great in so many ways but one of my favorite uses of the program is giving people a fun little makeover.

20 Amazing Icons, Walls, Docks and Mods Hand-Picked from Iconpaper
A collection of amazing Mac icons, walls and mods.

15 Inspirational Single-Page Websites
Here’s 15 highly inspirational websites with a single page, in no particular order.

24 Autumn Wallpapers of the Week #4
Today’s collection includes gorgeous autumn views, digitally enhanced nature photos and other interesting flickr uploads.

Slice Your Designs with One of Our Sponsors: PixelCrayons
Giving the design work a perfect touch from every corner does not only need time and hard work but also a free mind so that you can concentrate and complete it rather than just wrap it up in hurry.

45 Stunning Wood Textured Websites
Adding a touch of wood textures would make any websites stand out. Here’s a huge list of stunning wood textured websites.

Magento Themes, Magento Template Themes, Magneto CMS Themes
Announcing templates for ecommerce web application, now you can access magento templates for business in Best Web Templates

10 Dependable Money Management Tools for Freelance Designers
Whether you are a freelance designer or a big company in itself, money management plays a crucial role for you.

Simple Black Square Icons – Social Media Logos
This simple black square icons social media logos set includes the most popular social bookmarking and networking icons

Showcase of Inspiring Travel & Tourism Websites

2009-10-31T11:27:00.000+05:30

Australia’s Official Tourism Website

Joobili

Coastal Connection

Dara’s Garden

Ride Oregon

Visit Cascadia

Opal Cove

Orchid Bay Belize

Cottonseed Oil Tour

Design Hotels

Outdoor Italia

Isla de Monterrico

Alaska Zipline Adventures

Trip Kick

The Dublin City Pub Crawl

The Really Wild Travel Travel Company

Fall for Tennessee

Turisticka zajednica Grada Ivanic-Grada

Lake Crackenback

Utah Travel

Live Africa

Springtime in Tennessee

Jacksonville Landing

Maine

Viva Maria

Beaches

Summertime in Tennessee

Visit Norway

Le Nordik

The Red Rock Ranch

Edgewater

Tennessee Winter

40 Quality Photoshop UI Design Tutorials

2009-10-30T15:21:00.000+05:30

1. Creating a Knob in Photoshop

2. How to Make a Menu Interface for a Fantasy Themed iPhone Game

3. Create a Promotional iPhone App Site in Photoshop

4. How to Create a Slick and Clean Button in Photoshop

5. Simple Button

6. How to Create a Detailed Audio Player in Photoshop

7. Create an Apple IPhone case from scratch

8. iPhone Style Icon Tutorial

9. Create the Glass Shelf Dock from Leopard OS in Photoshop

10. Build a Slick Rich User Interface in Photoshop

11. Loading Interface

12. Make a Web Interface with Car Images

13. Zoom Player Design Skin

14. Volkswagen Inspired Navigation

15. MP3 Player Interface Design

16. Blackberry Fruit phone

17. Interface Navigation Tutorial

18. Create a Mac Style Interface Button in Photoshop

19. Nokia 5300 Cell phone interface

20. Photoshop Tutorial: Audio Interface

21. High-Detailed Plastic Navigation Bar

22. Aqua Interface

23. Nav Bar Interface Tutorial

24. Content Box

25. Interface or Skin Tutorial

26. How To Create a Stunning Vista Inspired Menu

27. Create a Web App Admin User Interface in Photoshop

28. Creating Inset Buttons for Interfaces

29. Modern Web Layout

30. Creating Smooth Metal for Interface Design

31. Create a Zune MP3 Player

32. Interface Orbs

33. Design Your iPhone Widgets

34. RCA Lyra X3030 portable media player

35. Video Player Skin

36. Designing a Black Audio Player Interface

37. MP3 Player Interface

38. Design Mico Buttons

39. VCarbon Style Icons and Buttons

40. Create a Speed Gauge and Watch Icon in Photoshop

35 Useful jQuery Plugins and Techniques

2009-10-30T10:44:00.000+05:30

jQuery Resources for Tables

Expand table rows with jQuery – jExpand plugin
jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

jQuery Highlight Demo
Highlight increases usability by highlighting elements as you interact with the page. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify.

jQuery plugin: Tablesorter 2.0
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. Tablesorter can successfully parse and sort many types of data, including linked data in a cell.

DataTables (table plug-in for jQuery)
DataTables is a plugin for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Forms jQuery Plugins

Password Strength – Estimates brute force time (jQuery plugin)
Brute force, if your site it attacked, this hacking method can be the very devil. This plugin shows the strength of your passwords by telling you how long it would take to brute force them.

Masked Input Plugin
This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.

Ajax Fancy Captcha – jQuery plugin – WebDesignBeach.com
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop a specified item into a circle. Captcha’s security level is only medium, with the emphasis on nice looking and user-friendly qualities that still offer reasonable protection from unwanted “guests”. The basic design and elements are easy to change and customize; take a look at the file structure for more information.

jQuery plugin: Validation
This robust, flexible jQuery plugin can validate a form like you’ve never been validating before. It is designed for an unobtrusive user experience, annoying the user as little as possible with unnecessary error messages. It helps a site react to more then just a submit event, like keyup and blur, without complex setup.

Pixelmatrix Design – Announcing Uniform
Any UI designer deals with form controls quite a bit. Often the checkboxes, selects, and radio buttons do not look consistent in all the browsers. Uniform, a plugin for jQuery lets you style select, radio, and checkboxes however you desire.

jQuery Nice Form
jQuery Nice allows you to create custom looking form elements, that function like normal form elements. It is a simple form, but you can make it appear as complex or customized as you need.

JavaScript image combobox v1.5
Are you tired with your old fashion dropdown? Try this new one, an image combo box. You can add an icon with each option. It works with your existing “select” element.

Opensource – AJAX – Jqtransform – jQuery form plugin
This plugin is a jQuery styling plugin which allows you to skin form elements with your own options for whatever browser you use.

Password Strength Meter (a jquery plugin)
Password Strength Meter is a jQuery plug-in to provide you a smart algorithm that can detect the strength of a password.

meioMask – a jQuery mask form input plugin
This jQuery mask form input plugin has many new features, compatibility, usage, options, fixed characters, and rules. Masks can be setup and tweaked to fit your needs, such as fixed or reversed mask types, has function to mask strings, while still allowing hotkey usage. It works with the iPhone, supports metadata plugin, and much more. Metadata will always overwrite the ‘attr’ value.

jQuery AlphaNumeric
jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.

Release: Validation Plugin 1.5.2
An update for the jQuery validation plugin is available. There is a small code fix, a new supported locale (slovak) and most notably, a new demo featuring integration with jQuery UI tabs and grouping selects. Support is available via jQuery discussion list and bug tracker.

jquery-keyfilter
This plugin filters keyboard input by specified regular expression. The source code inspired by Ext.JS, but was modified to provide more accurate logic.

boxy – Facebook-like dialog/overlay, with frills
Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening. It differs from other overlays by providing an object interface to control dialogs after they’ve been created. It is simple to use and provides a jQuery plugin for automatically hooking up links and forms, as well as an ask() helper for presenting multiple choices to the user.

jQuery Image/Media Resources

jQuery Virtual Tour
This virtual tour plugin has the particularity to be accessible and can run even if javascript has not been activated. Navigation uses the standard html tags and in accordance with W3C.

Fullsize : A New IMG Tag Attribute
Fullsize is an attempt to get a new attribute called fullsize into the next version of HTML. This is an attempt to bring something truly useful to all web developers. Please visit the Fullsize Google Group to add your thoughts on how you think this idea can be improved upon and hopefully get the attention of the W3C.

Simple JQuery Image Slide Show with Semi-Transparent Caption
With this tutorial, you will learn how to create a simple image slide show with a semi-transparent caption using jQuery. The final result will be suitable to display an image, headlines, or news your websites homepage.

Easiest Tooltip and Image Preview Using jQuery
This script adds an element to the body when you roll over a certain object. That element’s appearance is predefined with CSS (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When the cursor is moved over the object, the element moves with it; when the cursor rolls out, the element is deleted. The script takes a title attribute of an A tag and place it inside the popup element. When a thumbnail is rolled over, this script will load an image that we have linked in HREF attribute of an A tag, even if JavaScript is disabled. Also it can link to a URL screenshot preview.

Jquery Plugin MopTip 2.2
MopBox is draggable show box that can contain div, image , flashmovie, video, etc. If it has more than one child, then the slider navigation is shown automatically and is resizaable.

A jQuery Plugin for Zoomable, Interactive Maps – New Media Campaigns
Using this jQuery plugin, an interactive map can be created so that clicking important bullet locations can bring up more information on that location. Zooming into select sub-regions is also possible.

Navigation jQuery Plugins

Using jQuery Visited Plug-In.
Visited links hide with jQuery, but when clicking on "show all" button it displays the already visited links list in a slide effect.

jQuery Ribbon
This is a ribbon control built on jQuery. It supports grouping, forms, access keys, fixed position, dropdown menus, nested lists, theming and minimize.

Further Useful jQuery Resources

js-hotkeys
jQuery.hotkeys is a plugin that allows you to easily add and to remove handlers for keyboard events anywhere in your code, supporting almost any key combination.

jQuery Plugins by Dylan Verheul
To add a Google Map to your site, this plugin makes it easy to put on your page. After getting a valid Google Maps API key, you can add markers for your map and even text if desired.

iPhone-like password fields using jQuery
We do not completely go for the idea of typing passwords in plain text; by default as there will be a loss of security! Not a technical one, but a user-driven one.

Ready for use: CSS3 Template Layout
A jQuery plug-in to provide support for the CSS Template Layout Module. For those of you unfamiliar with this specification, it provides a relatively easy way to make a table-like layout using CSS. Until recently it was known as the “CSS Advanced Layout Module.”

JSS
JSS stands for Javascript Style Sheets, it is a jQuery plugin that allows you to take advantage of the full range of jQuery selectors accross all browsers from within your standard CSS files.
jQuery Stuff
jQuery Stuff has several plugins and demos such as the Ajax Events Demo. Global Ajax Events Demo demonstrates how jQuery’s global ajax events work. Click the generate successful or generate unsuccessful buttons to generate ajax requests. Information from the event handlers will then be printed beneath.

JHeartbeat 0.1 Beta
JHeartbeat is a plugin for JQuery 1.0.1 that allows a web page to periodically poll the server. This polling can be used to keep the user’s session alive or to download updated information.

jQuery Impromptu
jQuery Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls. This is not intended to be a modal replacement, just a quick tool to prompt user input in a fashionable way.

jQuery Spotlight
jQuery Spotlight is a jQuery plugin which allows you to highlight elements in your page using a ’spotlight’ effect. This plugin is highly customizable and requires no external CSS or images.

jQuery Page Peel 1.2
jQuery Page Peel displays a small animated “peel” on the top right corner of a page. Once the mouse is moved over the page peel, the page rolls down and a large clickable ad is displayed: Once the mouse is moved back onto the main page, the page peel rolls back up.

Eye-Catching Long Exposure Photographs

2009-10-30T09:52:00.000+05:30

Here are 26 eye-caching long exposure photographs.

Beautiful Textured Web Designs

2009-10-30T09:48:00.000+05:30

Textured Web Designs

Loukotka

FT Designer

Cole & Weber

Jason Julien

Trinity Irish Pub

The Klog

Alex Coleman

Bergedorf

Big Cartel

Stuck in Customs

Bill C. English

Boerne Wild West Day

Brown Blog Films

Chouteaus Landing

Ctrl+N Diseño Gráfico

Cubeclub Chemnitz

Danny Diablo

Demain Jarrete

DH Cards

Dibtych

Douglas Menezes

Eliseos

Fudge

5 Pieces

Glocal Ventures

Handcrafted CSS

Inner Metro Green

Introzo

53 Mondays

Island Photobooth

Mutant Labs

Legwork Studio

Le Web Défi

Lilly Stable

Love Freelancing

Mark Forrester

Markup & Style

Martin Anderle

Matt Salik

Merge Web

Meson Projekt Blog

Morphix

Mother Earth Brewing

New to York

Orange Label

Pampaneo

Piz’za-za

River City Church

Roar 4 Milk

Saddleback Leather

Stack Overflow

Story Pixel

Sushi and Robots

Texture Lovers

Tony Chester

Yodaa

What Is Blik

Yellow Bird Project

Thunder Fuel

THS

11 Most Popular Open Source Softwares Of All Time

2009-10-28T18:47:00.000+05:30

The in following are the 11 Most Popular Open Source Softwares Of All Timewhich most of them are cross-platform.

Firefox

Firefox 3.5 sets the pace with dozens of new features, including the smart location bar, one-click bookmarking and blindingly fast performance. Avoid online scams, unsafe transactions and forgeries with simple site identity. View Web pages faster, using less of your computer’s memory.

FileZilla

FileZilla is a cross-platform graphical FTP, FTPS and SFTP client a lot of features, supporting Windows, Linux, Mac OS X and more. FileZilla Server is a reliable FTP server for Windows. It has a powerful Site Manager and transfer queue and drag & drop support.

7-Zip

7-Zip is a file archiver with the high compression ratio. The program supports 7z, ZIP, CAB, RAR, ARJ, LZH, CHM, GZIP, BZIP2, Z, TAR, CPIO, ISO, MSI, WIM, NSIS, RPM and DEB formats.

FullSync

FullSync is a universal file synchronization and backup tool which is highly customizable and expandable. It is especially for developers, but the basic functionality is easy enough for everyone.

Gimpshop

Gimpshop is a hack made on top of the original Gimp project which changes all menues, dialogs, etc., in order to make them look as much as their counterparts in Photoshop. This makes users who are already familiar with the layout of Photoshop feel right at home in this open source application. Please note that all features in Photoshop in not available in Gimpshop, since it is based on the Gimp project and it’s feature set.

ClamWin

ClamWin is a free antivirus for Windows. It includes virus scanner, scheduler, virus database updates, context menu integration to MS Windows Explorer and Addin to MS Outlook. Also features easy setup program. Uses a well respected ClamAV scanning engine.

OpenOffice

OpenOffice is the leading open-source office software suite for word processing, spreadsheets, presentations, graphics, databases and more. It is available in many languages and works on all common computers. It stores all your data in an international open standard format and can also read and write files from other common office software packages. It can be downloaded and used completely free of charge for any purpose.

Notepad++

Notepad++ is a free source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment. This is based on a powerful editing component Scintilla, Notepad++ is written in C++ and uses pure Win32 API and STL which ensures a higher execution speed and smaller program size. By optimizing as many routines as possible without losing user friendliness, Notepad++ is trying to reduce the world carbon dioxide emissions. When using less CPU power, the PC can throttle down and reduce power consumption, resulting in a greener environment.

TightVNC

TightVNC is a free remote control software package. With TightVNC, you can see the desktop of a remote machine and control it with your local mouse and keyboard, just like you would do it sitting in the front of that computer.This is a cross-platform, available for Windows and Unix, compatible with other VNC software.

Blender

Blender is the free open source 3D content creation suite, available for all major operating systems. It includes tools for modeling – fast subdivision surface and polygon tools, multi-resolution mesh sculpting, metaballs, NURBS, vector fonts, and curves; uv mapping; shaders and texturing – both paint based and node based; ik and fk animation tools with rigging, constraints, skinning, morph targets, drivers, deformers, and modifiers; simulation tools including hard bodies, soft body, cloth, and fluids; and particle systems including hair. Blender has integrated rendering with both its native renderer and the raytracer Yafray as well supporting many external renderers; and python based scripting.

Audacity

Audacity is a free, easy-to-use and multilingual audio editor and recorder for Windows, Mac OS X, GNU/Linux and other operating systems. You can use Audacity to record live audio, convert tapes and records into digital recordings or CDs, edit Ogg Vorbis, MP3, WAV or AIFF sound files, cut, copy, splice or mix sounds together etc.

Original Source from smashingapps

15 Free Online Tools for Web Designers

2009-10-28T15:19:00.001+05:30

Pixlr

Pixlr is a powerful online image editing application. Although it can’t do everything Photoshop can do, it has some very impressive features considering it is all done within the browser.

Google Analytics

Google Analytics is probably the most popular free analytics tool available. It has loads of features including custom views and reports, access sharing, and integration with adsense.

Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

CSS Type Set

CSS Type Set allows you to visually and interactively style text and it generates the CSS.

net2ftp

net2ftp gives you a fully featured ftp client within your browser. There’s even a skin designed for the iPhone.

WhatTheFont

WhatTheFont allows you to scan in or provide the URL of a font and it will tell you what it is.

Color Scheme Designer

Color Scheme Designer has been around for a while, but was just recently updated with a brand new interface and a new color scheme generating engine.

Fontstruct

FontStruct lets you quickly and easily create fonts constructed out of geometrical shapes, which are arranged in a grid pattern, like tiles or bricks.

Kuler

Kuler is a community driven web app that lets your browse color palettes created by others. You can also create your own by using the color wheel, harmony rules, and color sliders.

Bespin

Bespin is an online code editor by Mozilla. It allows you to write and edit code, share projects, and connect to existing open-source projects.

Adobe BrowerLab

Adobe BrowerLab gives you the ability to preview and test your websites in multiple browsers and operating systems. Since building a website to be cross-browser compatible is one of the more annoying aspects of web design, this should be a valuable web app to all of us.

W3C Markup Validation Service

The Markup Validator is a free service by W3C that helps check the XHTML and CSS validity of Web documents.

ViewLikeUs

ViewLikeUs allows you to check out how your website looks in the most popular resolution formats. It’s all powered by Ajax & PHP.

ColoRotate

As well as being a useful way to choose colors, ColoRotate looks cool and is actually fun to use. Instead of using two dimensional viewers, it presents color palettes to you in 3d and in real time.

Pingdom Tools

Pingdom Tools allows you to run load time tests on your web pages. It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars. You can view the list of objects either in load order or as a hierarchy. The hierarchy view allows you to see which objects are linked to in for example a CSS file.

Original Source from Webdesignledger

200+ Free Exclusive RSS Icons

2009-10-27T10:20:00.001+05:30

Feel Free to download supra Icons from the original source webdesignerdepot

111 CSS Gallery to Submit Your Design

2009-10-26T16:09:00.001+05:30

CSS Galleries are places where we can submit our web design and get others opinion about it.
Today, we are going to share about 110+ CSS Galleries that you may want to look into when submitting your design or when you want to get some inspirations for your project

56. CSSRank

57. CSSReboot

58. CSS Showcase

59. CSS Showcases Gallery

60. CSS Snap

61. CSS Star

62. CSS Vault

63. Design Bombs

64. CSS Wrap

65. CSS Artillery

66. CSSBloom

67. CSSclip

68. CSS Elite

69. CSS Exchange

70. CSS Glance

71. CSS Moon

72. CSS Remix

73. CSS Season

74. CSS Tux

75. Design Grabs

76. DesignFlavr

77. Design Snack

78. Design Snips

79. Designer Source

80. Dezinspiration

81. Folio Stars

82. Free CSS.com

83. CSS Cookie

84. Selected Webdesign

85. Hot Webber

86. Inspiration Up

87. Inspiration King

88. jQuery Style

89. Lookom

90. Minimalsites

91. Most Inspired

92. 3W CSS Website

93. One Page Love

94. Oriental Gallery

95. Posh’d

96. RGB Garden

97. Screenalicious

98. Submit CSS

99. The Best Designs

100. Themes-CSS

101. Dot Design

102. Unique CSS

103. Web Creme

104. Design Creme

105. Unmatched Style

106. WebDesignire

107. Dark-i

108. Website-Gallery

109. WeLoveWP

110. WPLuxe

111. Your Site Is Valid

Original Post from listelog

55 Astonishing Online Generators for Web Designers

2009-10-26T10:26:00.000+05:30

Background Generators

Below are some of the online generators that are available in net.

1. Pattern Cooler

2. Stripe Mania

3. Dotted Background Generator

4. Tartan Maker

5. Striped Backgrounds

6. BgPatterns

7. Stripe Generator 2.0

8. ColourLovers

9. Stripe Designer

10. Bgmaker – REMOVED. Google detects malicious software on this website.

Misc. Image Generators

These are bunch of different kind of generators such as logo generators, button generators, loading image generators and so on. enjoy this list.

11. Ajax Loading Gif Generator

12. Ajax Load

13. Web 2.0 Badges

14. Buttonator

15. Brilliant Buttonmaker

16. Web 2.0 Logo Creator

17. Logo Creator

18. Logo Maker

19. Rounded Cornr

20. RSS Button Maker

21. Create a Graph

22. XML / SWF Charts

Favicon Generators

This category consists of favicon generators. Favicons give your website its identity, so be sure to use a unique one for each your site. And you can generate the ico files from these generators.

23. Favicon.cc

24. 256pixels

25. Web Script Lab Favicon Generator

26. HTML-kit Favicon

Color Generators

One of the essential part of your design is the colors that you pick. This list is of bunch of color generators.

27. Color Calculator

28. Color Combination Tester

29. Color Mixers

30. Color Palette Generator Based on Images

31. Color Palette Creator

Flash Generators

Below are two flash generators for you.

32. Flash Buttons

33. Flash Embedder

CSS Generators

Below you will see a useful list of CSS Generators for Designers.

34. CSS Button and Text Field Generator

35. CSS Creator

36. CSS Optimizer

37. CSS Form Code Maker

38. CSS Menu Generator

39. Roudned Graphics for CSS Corners

40. CSS Tab Designer

41. CSS Scroll Bar Color Changer

42. CSS Font and Text Style Wizard

43. CSS Table Wizard

Email Generators

Adding email is something common that we see to alot of webdesigns. It takes time for designers to make email icons and so on. Check out these generators to make your job easier.

43. Email Icon Generator

44. Email Signature Generator

45. Email Riddler (Encrypter)

Form Generators

We need forms to incorporate into alot of sites. These generators are life savers.

46. Web Form Factory

47. PHP FormMail

48. Website Contact Form Generator

49. Wufoo

Text Generators

We all need text generators to test our design such as Lorem Ipsum generators and others. Well here is a short list of thsoe.

50. Lorem Ipsum Generator

51. Lorem Ipsum Generator 3

52. Typetester – Compare Fonts for the Screen

53. Random Text Generator

Random Cool Generators

As this list is coming to an end, this category contains cool random generators that I found that designers can use.

54. Sign Generator

55. Strip Generator

56. Vinyl Record Generator

57. Barcode Label Generator

58. Error Message Generator

Feel free to check the original source from dominickgatto.com

The Weirdest Clouds Pictures

2009-10-24T09:48:00.003+05:30

Take a look at some amazing photographs of the weirdest cloud formations that you’ll ever see, that surely blow your mind.

Feel Free to check the original source from Web Depot!

30+ Awesome Movie Wallpapers for your iPhone

2009-10-23T15:39:00.000+05:30

Awesome Movie Wallpapers for your iPhone

3:10 To Yuma

Source

The Informer

Source

Hitman

Source

Ratatouille

Source

Spiderman 3

Source

D-War

Source

Ocean’s Thirteen

Source

V for Vendetta

Source

Witch Blade

Source

Batman

Source

More Than A Game

Source

Wall-E

Source

The Punisher

Source

Alvin and the Chipmunks

Source

Pirates of the Caribbean

Source

Blades of Glory

Source

Beowulf

Source

Blood The Last Vampire

Source

Final Destination

Source

Superman Returns

Source

Ice Age

Source

Knowing

Source

Starwars Trilogy

Source

Burrowers

Source

Astro Boy

Source

Ink Heart

Source

Transformers 2

Source

Outlander

Source

Wolverine

Source

Bbepx

Source

Christmas Carol

Source

Prince of Persia

Source

Most Beautiful Mushrooms

2009-10-23T15:22:00.001+05:30

Most Beautiful Mushrooms

A mushroom is the fleshy, spore-bearing fruiting body of a fungus, typically produced above ground on soil or on its food source. The word “mushroom” can also be used for a wide variety of gilled fungi, with or without stems, and the term is used even more generally, to describe both the fleshy fruiting bodies of some Ascomycota and the woody or leathery fruiting bodies of some Basidiomycota, depending upon the context of the word.

Database Manipulations in Android

2009-10-20T23:08:00.000+05:30

The following code snippets heps you to manipulate database operations in Android.

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

public class UserDatabase{
    
    //Database Related Constants
    public static final String KEY_ROWID = "id";
    public static final String KEY_NAME = "name";
    public static final String KEY_PASSWD = "password";
    
    private static final String DATABASE_NAME = "UserDB";
    private static final String DATABASE_TABLE = "usertable";
    private static final int DATABASE_VERSION = 1;

    long id;
    Cursor c;

    private static final String DATABASE_CREATE =
        "create table "+DATABASE_TABLE+" (id integer primary key autoincrement, "
         +KEY_NAME+" text not null,"+KEY_PASSWD+" text not null);";

    private  final Context context;
    private DatabaseHelper DBHelper;
    private SQLiteDatabase sqlitedatabase;

    public UserDatabase(Context ctext){
        context = ctext;        
    }
    
    //Used to check and insert username and password in android's sqlite table
    public void insertUserDetails(String username, String password){
        try {
            boolean isuserexists = false;
            //check whether the username has an entry already
            isuserexists = checkUserExists(username);
            DBHelper = new DatabaseHelper(context);
            sqlitedatabase = DBHelper.getWritableDatabase();
            
               //insert the username and password in tables 
            if(isuserexists == false)    
                insertRow(username, password);
            
            sqlitedatabase.close();
            
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
    
    
    //Function used to check whether a entry with same username available   
    public boolean checkUserExists(String username){
        boolean userexists = false;
        try {
            DBHelper = new DatabaseHelper(context);
            sqlitedatabase = DBHelper.getWritableDatabase();
            
            Cursor c = sqlitedatabase.rawQuery("select * from "+DATABASE_TABLE+" where "+KEY_NAME+"='"+username+"'", null);

            if (c.moveToFirst())
            {
                 do {
                     int index = c.getColumnIndex(KEY_NAME);
                      String name = c.getString(index);
                      if(username.equalsIgnoreCase(name)){
                          userexists = true;
                          sqlitedatabase.close();
                          return userexists;
                      }
                 } while (c.moveToNext());
            }
        } catch (Exception e) {
            e.printStackTrace();
        }   
        sqlitedatabase.close();
        return userexists;
    }
    
    //Function used to update the password for the specified username
    public void update_table(String name, String password){        
        try {
            DBHelper = new DatabaseHelper(context);
            sqlitedatabase = DBHelper.getWritableDatabase();            
            sqlitedatabase.execSQL("update "+DATABASE_TABLE+" set "+KEY_PASSWD+"='"+password+"' where "+KEY_NAME+"='"+name+"'");
            sqlitedatabase.close();
            
        } catch (Exception e) {
            e.printStackTrace();
        }   
    }
    
    
    //Database Helper Class
    private static class DatabaseHelper extends SQLiteOpenHelper
    {
        DatabaseHelper(Context context)
        {
            super(context, DATABASE_NAME, null, DATABASE_VERSION);
        }

        public void onCreate(SQLiteDatabase db)
        {
            db.execSQL(DATABASE_CREATE);
        }

        @Override
        public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion)
        {            
            db.execSQL("DROP TABLE IF EXISTS titles");
            onCreate(db);
        }
    }

    public long insertRow(String name, String password)
    {
        ContentValues initialValues = new ContentValues();
        initialValues.put(KEY_NAME, name);
        initialValues.put(KEY_PASSWD, password);
        return sqlitedatabase.insert(DATABASE_TABLE, null, initialValues);
    }

    public Cursor getAllRows()
    {
        return sqlitedatabase.query(DATABASE_TABLE, new String[] {
                        KEY_ROWID, KEY_NAME, KEY_PASSWD},
                null, null, null, null, null);
    }

}

Upload files from Mobile

2009-10-07T23:56:00.000+05:30

create a folder name uploads with 777 permission.

create a file name upload.php in the same folder where the uploads folder is created.

Place the code in the file named upload.php


$target_path = "uploads/";

$target_path = $target_path . basename( $_FILES['uploadedfile']['name']);

if(move_uploaded_file($_FILES['uploadedfile']['tmp_name'], $target_path)) {
    echo "The file ".  basename( $_FILES['uploadedfile']['name']).
    " has been uploaded";
} else{
    echo "There was an error uploading the file, please try again!";
}

Client side code that is used to send file to a server. please include the following code in our client program.


private void doFileUpload(){

  HttpURLConnection conn = null;
  DataOutputStream dos = null;
  DataInputStream inStream = null;

 // The full path of filename which is to be uploaded to server
  String exsistingFileName = "test.mp3";
  
  String lineEnd = "\r\n";
  String twoHyphens = "--";
  String boundary =  "*****";


  int bytesRead, bytesAvailable, bufferSize;

  byte[] buffer;

  int maxBufferSize = 1*1024*1024;


  String responseFromServer = "";

  //Server path to the upload.php
  String urlString = "http://xxx.xxx.xxx.xxx/upload.php";


  try
  {
   //------------------ CLIENT REQUEST

  FileInputStream fileInputStream = new FileInputStream(new File(exsistingFileName) );

   // open a URL connection to the Servlet

   URL url = new URL(urlString);


   // Open a HTTP connection to the URL

   conn = (HttpURLConnection) url.openConnection();

   // Allow Inputs
   conn.setDoInput(true);

   // Allow Outputs
   conn.setDoOutput(true);

   // Don't use a cached copy.
   conn.setUseCaches(false);

   // Use a post method.
   conn.setRequestMethod("POST");

   conn.setRequestProperty("Connection", "Keep-Alive");

   conn.setRequestProperty("Content-Type", "multipart/form-data;boundary="+boundary);

   dos = new DataOutputStream( conn.getOutputStream() );

   dos.writeBytes(twoHyphens + boundary + lineEnd);
   dos.writeBytes("Content-Disposition: form-data; name=\"uploadedfile\";filename=\"" + exsistingFileName +"\"" + lineEnd);
   dos.writeBytes(lineEnd);

   System.out.println("Headers are written");

   // create a buffer of maximum size

   bytesAvailable = fileInputStream.available();
   bufferSize = Math.min(bytesAvailable, maxBufferSize);
   buffer = new byte[bufferSize];

   // read file and write it into form...

   bytesRead = fileInputStream.read(buffer, 0, bufferSize);

   while (bytesRead > 0)
   {
    dos.write(buffer, 0, bufferSize);
    bytesAvailable = fileInputStream.available();
    bufferSize = Math.min(bytesAvailable, maxBufferSize);
    bytesRead = fileInputStream.read(buffer, 0, bufferSize);
   }

   // send multipart form data necesssary after file data...

   dos.writeBytes(lineEnd);
   dos.writeBytes(twoHyphens + boundary + twoHyphens + lineEnd);

   // close streams
   System.out.println("File is written");
   fileInputStream.close();
   dos.flush();
   dos.close();


  }
  catch (MalformedURLException ex)
  {
      System.out.println(ex.toString());
  }

  catch (IOException ioe)
  {
      System.out.println(ioe.toString());
  }


  //------------------ read the SERVER RESPONSE


  try {
        inStream = new DataInputStream ( conn.getInputStream() );
        String str;
       
        while (( str = inStream.readLine()) != null)
        {
            //the str contains the server response    
         System.out.println("Server Response"+str);
        }
        inStream.close();    
  }
  catch (IOException ioex){
       System.out.println(ioe.toString());
  }

}

If the file is sucessfully uploaded the response will be

The file test.mp3 has been uploaded.

otherwise the response will be

There was an error uploading the file, please try again!

Original Message

How to send a Email Attachment or MMS in Android

2009-10-07T23:47:00.000+05:30

The following lines of code are used to send a image as either mail attachment
or as MMS from the android mobile programatcally!

Intent sendIntent = new Intent(Intent.ACTION_SEND);
//Mime type of the attachment (or) u can use sendIntent.setType("*/*")
sendIntent.setType("image/jpeg");
//Subject for the message or Email
sendIntent.putExtra(Intent.EXTRA_SUBJECT, "My Picture");
//Full Path to the attachment
sendIntent.putExtra(Intent.EXTRA_STREAM, Uri.parse("file://sdcard/test.png"));
//Use a chooser to decide whether email or mms
startActivity(Intent.createChooser(sendIntent, "Email:"));

katharnavas

18 Search Engines For Designers

1. IconSeeker

2. IconFinder

3. IconLet

4. IconLook

5. IconDB

6. Icons Search

7. Very Icon

8. EasyIconFinder

9. FontHit

10. FyFont

11. FindTTF

12. MyFonts

13. Free Fonts

14. FontSeek

15. TutSearch

16. Vectorials

17. Tutorial Vault

18. Tutorial Search

20 Best JavaScript Charting and Plotting Libraries

54 Cool Examples of Custom Error 404 Pages

1.) Carsonified

2.) Youcastr

3.) Unitinteractive

4.) Agens

5.) Beta.mnet

6.) Us.blizzard

7.) Huwshimi

8.) Springload

9.) Redtag

10.) Nclud

11.) Wufoo

12.) Expansion broadcast

13.) Vimeo

14.) Surfingonstatic

15.) Cssremix

16.) Mailchimp

17.) Robo

18.) Bol

19.) 24-7media

20.) Leapanywhere

21.) Dundeeliving

22.) Twurn

23.) D20srd

24.) Gadies

25.) Acromediainc

26.) Chrisjennings

27.) Astuteo

28.) Studio7designs

29.) Yourwebjob

30.) Odopod

31.) Trubru

32.) Lookitsme

33.) Zanami

34.) Gog

35.) Spongebob

36.) Digiguru

37.) Twitter

38.) Gdzl

39.) Itchyrobot

40.) Deviantart

41.) Digitalmash

42.) Shelfworthy

43.) Istockphoto

44.) Gregone

45.) Spreadshirt

46.) Anidea

47.) Fubiz

48.) Ferdaze

49.) Cssscoop

50.) Creationthing

51.) Patterntap

52.) Twingly

53.) Southcreative

54.) Newspond

15 Great Websites To Download Free Fonts

Search Free Fonts

Da Font

1001 Free Fonts