Ahmad Hania Blog

Monthly Inspiration: 60+ Beautiful Colorful Websites to Get You Inspired

noreply@blogger.com (Ahmad Zakaria Hania) — Wed, 11 Nov 2009 18:41:00 +0000

Every web designer needs to be looking for some source of inspiration. When you look at others work you get a bit of creativity, inspiration and challenge to create new, unique and professional designs. While I was doing my daily route on websites that showcases design for inspiration, I thought why not compile a monthly inspiration for my readers and this article of 60+ Beautiful Colorful Websites to Get You Inspired is to be the first article in new, and hopefully continuous series.

1. http://www.colourpixel.com/

2. http://www.volll.com/

3. http://www.mooolah.com/

4. http://summer.tnvacation.com/

5. http://www.georgeplus.com/

6. http://corebasis.com/

7. http://tnvacation.com/trails/

8. http://www.organicgrid.com/

9. http://www.getmefast.com/

10. http://www.divvoted.com/

11. http://www.gugafit.com/

12. http://www.bleumocca.com/

13. http://blurst.com/

14. http://www.further.co.uk/

15. http://www.cubeclub-chemnitz.de/

15. http://www.studio7designs.com/

16. http://www.mattsalik.com/

17. http://www.campusvida.com/

18. http://www.sietedefebrero.com/

19. http://www.lunchboxbuilder.com/

20. http://douglasmenezes.com/wp/

21. http://toriseye.quodis.com/

22. http://www.corvusart.com/

23. http://openatrium.com/

24. http://www.parasol-island.com/

25. http://www.webdesignerdepot.com/

26. http://www.84colors.com/

27. http://www.huxleyprairiefest.com/

28. http://www.popcap.com/

29. http://youlove.us/

30. http://www.fishingcactus.com/

31. http://feedstitch.com/

32. http://www.foehn.co.uk/

33. http://convergesc.org/

34. http://stonelab.osu.edu/

35. http://www.comcasttown.com/

36. http://www.pallygiraffe.com/

37. http://www.thegreatbeardedreef.com/

38. http://www.footballmadeinafrica.com/

39. http://www.multiways.com/

40. http://www.kissmetrics.com/

41. http://www.lepushmail.com/

42. http://www.madeforeachother.com/

43. http://www.oneshareinvestments.com/

44. http://goglamping.net/

45. http://www.candybouquet.com/

46. http://boompa.ca/

47. http://365daysofastronomy.org/

48. http://www.originalsource.co.uk/

49. http://www.cocorino.com/

50. http://www.dragonhunters-thegame.com/

51. http://www.designsensory.com/

52. http://fall.tnvacation.com/

53. http://www.mayoris.com/

54. http://www.phizz.biz/

55. http://www.deanoakley.com/

56. http://www.earlyinterventionsupport.com/

57. http://www.serj.ca/

58. http://www.morphix.si/

59. http://lillystable.com/

60. http://www.worldwooftour.com/

61. http://www.gofreelance.org/

62. http://www.copimaj.ro/

63. http://www.entropiads.com/html/

64. http://www.littleoak.net/

65. http://www.energysport.nl/

66. http://www.trashstars.com/

Links are listed in no specific order. If you are a website designer and designed a colorful website please be kind and share it with the rest in comments.

Free Resource: Web Buttons

noreply@blogger.com (Ahmad Zakaria Hania) — Fri, 06 Nov 2009 12:26:00 +0000

I am happy to announce a new free resource and a new member in the free buttons series: Web Buttons. Web Buttons is a 16 Colored Website Buttons in one free Photoshop file (PSD file) with Layer Styles file (ASL file) done in Photoshop CS3 and ready for you to use them where ever, however and whenever. Web Buttons is a free website buttons designed to be used by web designers or website owners on their websites as Download buttons, Form buttons or Sign Up buttons.

The Web Buttons is licensed under The Creative Commons Attribution 3.0, it means that you can use the web buttons for free either for personal or commercial purposes, all I ask in return is a link back to the buttons or even an email showing me your final results.

Colors Available:
Dark Green, Dark Blue, Red, Orange, Light Gray, Dark Gray, Silver, Cyan, Pink, Yellow, Dark Brown, Pale Brown, Pastel Pea Green, Magenta Red, Pastel Cyan and Washed Blue.

Stay tuned for more free resources.

Download The free PSD and ASL Web Buttons (zip file, size: 366kb).

Links Pile Up: 40+ Websites To Get Or Download Fonts

noreply@blogger.com (Ahmad Zakaria Hania) — Wed, 28 Oct 2009 15:37:00 +0000

Whether you are a professional graphic designer or an amateur web publisher, fonts are an essential part of your work to create better looking products, and it is an essential part of every one that uses computers and Internet because we see it every day in websites, applications, designs, office programs and emails. So what is a font anyway?

A font (also fount) is traditionally defined as a complete character set of a single size and style of a particular typeface. For example, the set of all characters for 9-point Bulmer italic is a font, and the 10-point size would be a separate font, as would the 9 point upright. After the introduction of computer fonts based on fully scalable outlines, a broader definition evolved. Font is no longer size-specific, but still refers to a single style. Bulmer regular, Bulmer italic, Bulmer bold and Bulmer bold italic are four fonts, but one typeface.

In this article I compiled a list of websites to search, browse and download fonts or to buy commercial fonts.

Free Fonts

UrbanFonts.com
An amazing collection of free fonts and free dingbats. With over 8,000 freeware fonts, It is maybe the best place to download fonts.

FontCo.com
FontCo.com offers a magnificent and a very huge collection of free fonts with a collection of more than 12,000 free fonts to download.

Fawnt
Fawnt is a resource for designers, developers, and anyone that loves free fonts. Fawnt lists beautiful fonts in nice speech bubbles coupled with a scrollable interface to make browsing easy.

FontSpace
FontSpace is a community of font designers and font addicts. All 11543 free typefaces that you can download have been hand-categorized into 3000+ categories for your graphic design, scrapbooking, or documents. Because they tag each font it's amazingly simple to find just the font or dingbat you are looking for.

fontex
fontex offer a high quality, hand-picked free fonts just for you to download. You can search, browse and test font before downloading.

Jabroo.com
Jabroo.com offers a huge directory of free fonts available for you to browse, search and download. Their huge directory contains more than 17,000 free fonts.

SearchFreeFonts.com
Largest Free Font selection on the web, over 13,000 Free Fonts.

GetFreeFonts.info
Download many free fonts. Choose category and have fun downloading fonts!

Font Squirrel
Font Squirrel is your best resource for free, hand-picked, high-quality, free for commercial-use fonts.With a collection of more than 600 hand picked free fonts to download.

DingbatDepot
DingbatDepot.com is a large source of free dingbats. All fonts on this site are free (shareware or freeware) and available for immediate download.

Free Premium Fonts
FreePremiumFonts.com has the finest, high quality free fonts available for instant download. These premium free fonts were selected by popular votes and most downloads. These free fonts are listed alphabetically and by popular categories. On font pages preview any of the free fonts by typing your custom text and selecting text size. View most popular characters in the font using full character grid with character zoom feature.

FontStock.net
Browse, Search and Download free high quality fonts.

Fonts4Free
Fonts4Free.net saves you from spending lots of time searching for a free font to use either for new logo or in new graphic design. They have over 10.000 fonts, indexed by first letter or category.

FFonts
Free collection of fonts and typefaces to download in many categories, over 10,000 free fonts.

Abstract Fonts
Abstract Fonts have grown to have over 12,000 free fonts and about 1 million unique downloads every month. You can view the fonts in many ways: latest, by category, by designer, by recent popularity, popularity climbers and sliders, similarity, best and worst rated, and more!
Each of the fonts has a customizable string preview, character map, member comments, similar fonts as well as a font info tab with all kinds of helpful information about the font.

Fontica
Fontica offer a huge collection of high quality free font for you to download. Their massive font collection contains more than 11,000 free fonts and 360 eXchange fonts.

1001fonts.com

Font Cubes
In Font Cubes you'll find the best free PC fonts and free Mac Fonts from the best font artists in the world. The fonts listed are more than 9,000 free fonts.

1001freefonts.com

exljbris Font Foundry
In Jos Buivenga's exljbris Font Foundry. You can find free fonts. Delicious, Fontin, Fontin Sans, Tallys, Fertigo Pro, Diavlo, Anivers, Museo, Museo Sans and Calluna.

Dieter Steffmann typOasis
A great collection of wonderful fonts by Dieter Steffmann.

TreeHouse fonts
Archive of downloadable freeware fonts. Browse by alphabetical listing, by author, by style or by popularity from over 14,000 free fonts.

Famous Fonts
Famous Fonts is the first font archive on the web to collect only fonts used in TV shows, movies, publications, and other media and products, over 300 typefaces have been offered.

Manfred Klein Fonteria
Manfred’s fonts are free for private and charity use. They are even free for commercial use.

mfs.jp.org
Wonderful free fonts by this professional Web/Graphic designer.

Rad Fonts
Download over 250 True Type fonts free for your PC or Mac.

Cape Arcona Type Foundry: Free Typefaces
A Professional font creators that offers free, payed and custom typefaces.

Pick Fonts
Pick Fonts offers a large free fonts archive with 793 fonts, all with large previews, character maps and a customizable previews

The Open Font Library
The Open Font Library is a sister project of the Open Clip Art Library. The goal of this project is to collect free software fonts - those that may be used, changed and shared freely.

dafont.com
Browse, view and download free typefaces for your website or print.

Sci-Fi Fonts
Contains just over 200 free fonts for download in the Sci-Fi category.

Stereo-Type.net
A free collection of typefaces.

pimpmyfonts.com
One of the biggest free font resources on the net, with a large archive of more than 9000 fonts to pimp your fonts collection with. Each font has a large preview, character map and a customizable preview!

HighFonts.com
Browse, search and download free fonts from more than 3,000 fonts.

Better Fonts
Better Fonts offers thousands of Free Fonts for Instant Download.

Blue Vinyl Fonts
Over 30 font and typefaces to download for free.

Fridayfonts
Fonts to download for free the fonts are experiments in typography developed by students in seminars and workshops.

2200FreeFonts.com
Search, browse and download in 2200 free elegant fonts for Mac or Windows.

Robot Johnny Fonts
A collection of free fonts created by John Martz. As he say the fonts quality varies from "perfectly usable and awesome" to "oh my that's hideous".

Free Graffiti Fonts

Commercial Fonts

fonts.com
The Fonts.com store from Monotype Imaging offers more than 100,000 font products for you to preview, purchase and download. You can also learn about new typeface releases and discover typographic tips and techniques.

FontHaus
FontHaus is where you can download the finest text, display and script fonts online from the most important foundries in the world. If you are choosing a font for your Mac or a PC or whether you need PostScript, TrueType or OpenType files, this site has been designed to help you easily find, quickly buy and download fonts at the best available prices.

FontShop
FontShop is the original independent retailer of digital type. They offer more than 100,000 fonts from dozens of expert-selected foundries, including their house brand: FontFont.

FontFont
The FontFont Library is the world's largest collection of original, contemporary typefaces. What makes the FontFont Library unique is its wide variety of outstanding type designs. The spectrum of styles ranges from tasteful, high-quality text faces to distinctive display fonts that reflect current moods and often set new typographic trends.

HypeForType
Whether you're a talented type genius wanted a platform to get your work out there, or you're looking for some freestyle fonts to add to your creative toolkit, HypeForType welcomes you.

Suitcase Type Foundry
Suitcase Type Foundry is an independent type foundry, founded by Tomas Brousil in 2003 in Prague, Czech Republic. They are specialized in the design and digitization of quality fonts for professional use. Apart from retail type we also produce custom typefaces for corporate use and other specific purposes on commission.

Ascenderfonts.com
Ascenderfonts is a leading provider of advanced font products specializing in type design, font development and licensing. Ascender's founders are font industry experts and have been involved in developing some of the most important and influential fonts used in computers, phones and many other hardware and software products.
Ascender provides multilingual, custom font development for a wide range of customers including creative professionals, enterprises and hardware & software developers.

Adobe Fonts
Off course Adobe needs no introduction and it offers commercial fonts through its online store.

Links are listed in no specific order.

9 Vector Hands Illustrations

noreply@blogger.com (Ahmad Zakaria Hania) — Thu, 15 Oct 2009 18:44:00 +0000

This is a 9 vector hands illustrations that has the following hand postures (hand shapes): Opened Palm (3 postures), thumbs up, Fist (2 postures), handshake, a hand with three fingers up and two closed, opened hand with thumb closed. All the illustrations is layered.

The source file price is only 3$ and it contains a layered AI and EPS files. You can buy it from this link: 9 Vector Hands Illustrations.

Links Pile Up: 20+ Ways to Easily Short URL

noreply@blogger.com (Ahmad Zakaria Hania) — Sun, 11 Oct 2009 16:22:00 +0000

Every one who has a twitter account must have seen short link or short url that twitter use when you post a new update with a long url. URL shortening is a technique on the World Wide Web where a provider makes a web page available under a very short URL in addition to the original address. There are several reasons to use URL shortening:

Avoid URL garbling: Currently, web developers tend to pass descriptive attributes in the URL to represent data hierarchies, command structures, transaction paths and session information. This may result in a URL that is aesthetically unpleasant and difficult to remember. Copying a URL that is hundreds of characters long can make the URL garbled. Then a short URL is useful to copy on an e-mail message or a forum post.
Use the smallest space possible
Reading aloud: To accomplish this objective any URL shortening service can be useful. However those which let the user choose the URL are more suited for this task.
Manipulating visitors: URL shortening is a special kind of URL redirection, which is sometimes used in pranks, phishing, or affiliate hiding. More recently, some of these services have started filtering all shortened links through services like Google Safe Browsing.

br.st
"With br.st! you can take a long URL, shorten it, share it, and then track the traffic to it. All destination links checked against Google Safe Browsing"

bit.ly
"bit.ly allows users to shorten, share, and track links (URLs). Reducing the URL length makes sharing easier. bit.ly can be accessed through our website, bookmarklets and a robust and open API."

is.gd
"is.gd is a service that shortens URLs such as web addresses. This is useful in many circumstances e.g. in email clients that break long URLs."

TinyLink.in

ow.ly

fly2.ws
"Shorten Long Annoying URL"

Foxy URL
"Easily shorten long urls, the firefox way".

urlPass
"urlPass is a URL redirection or URL forwarding service. It allows you to make long and cumbersome links or web addresses shorter, with the resulting tiny url or short link being easier to pass on. The shortened URL or shortened link becomes a permanent and unique link or redirect to a particular webpage."

kl.am
"Shorten URL with URL Shortener for Internet Marketers:"

lt.tl

shor10
"short10 is a web service that provides short aliases to redirect long URLs"

OinkURL
"Oink provide a simple, yet effective way to make your URL's nice and short!"

00n.net
"00n.net allows you to create shorter a URL that can be easily shared and distributed. Shortened URLs can be posted to web sites, forums or blogs and the url will never expire!"

Not Safe For Work

Snipie

shorten.ws
"Short URL Cloaking Service + Marketing"

ndurl
"shorten urls to share and download to mobile"

snipurl

Yep that URL!
"YEP is a free service of short URL redirection. It converts any URL given to one easy to manage and personalized. Now you can create shorter URLs that can be effortless shared and distributed through the Internet, posted to web sites and blogs without breaking in email messages."

good.ly
"Shorten the URL of a product or service and help charities"

WowURL
"Make long URL usable!"

Firefox Plugins

Shorten URL
"Shorten long URL from context menu or toolbar button with your selected URL shortener and display the result in location bar. Supports more than 100 URL shorteners."

Foxy URL
"Shorten long urls right from your favorite browser."

URL Shrink Easy
"URL Shrink Easy gives you a fast and convenient way to convert standard links into shortened URLs. The context menu offers a quick way to copy a shortened URL to your clipboard automatically using either TinyURL or Bitly."

Snip-n-Tag
"A Firefox sidebar to easily shorten URLs, plus add Google Analytics tracking tags. Great for measuring traffic from Twitter. Snip-n-Tag currently supports five of the most popular URL shortening websites, including tr.im, bit.ly and tinyurl."

Links are listed in no specific order.

Links Pile Up: Website Templates from where to download or buy?

noreply@blogger.com (Ahmad Zakaria Hania) — Tue, 06 Oct 2009 16:58:00 +0000

Every website owner that is going to open a new website will eventually look for a way to get a website template. Most website owners choose to hire a web designer to do the job for them, where others like Bloggers and personal website owners prefer to use free website templates, the rest prefer to buy or customize an already designed or premium website template. In this article I compiled a list of links to help you either download free website templates or buy premium website templates.

Free Website Templates

PSDThemes.com
Download free PSD themes designed by PSDThemes.com designers.

TemplateWorld.com
They provide you with professional website templates that are FREE, tableless, W3C-compliant, tested and proven compatible with all major browser environments and operating systems. All website templates are licensed under Creative Commons Attribution 2.5 License. Plus you can contact them and they will kindly email you the PSD's for any free website template for free.

styleshout.com
At styleshout.com you will find free valid XHTML/CSS website templates and you are free to download and use them for your personal or business website under the Creative Commons Attribution 2.5 License.

OpenDesigns
The Open Design is a community for website designers to contribute open source and free XHTML/CSS website templates and you can download hundreds for free.

Templates Box
Download wonderful free and professional website templates, flash website templates and many more. In the downloaded files you will find the HTML template, PSD source files, fonts and any other source files.

FreeCSSTemplates.org
More than 400 free XHTM/CSS website templates, table-less and W3C compliant. All templates is licensed under the Creative Commons Attribution 2.5 license. You would also find many of these templates also available as Wordpress Website Templates.

Open Source Templates
Free highly professional and open source website templates.

OSWD - Open Source Web Design
At Open Source Web Design you can download free website templates contributed by web designers around the world and you can share yours as well.

Six Shooter Media Free Website Templates
Download free XHTML/CSS website templates designed by Six Shooter Media and use them under the Creative Commons Attribution-Noncommercial 3.0 License.

Solucija
Download free website templates by Solucija. All the templates are XHTML/CSS, free to use with no limitations and the wonderful thing all templates are lightweight (under 60KB).

freewebtemplates.com
With a collection of more than 5000 free website templates available for download and contributed from designers.

Open Web Design
Open Web Design is a community of designers and site owners sharing free website templates for you to download and enjoy.

WordPress.org Free Themes Directory
Search and download free Wordpress templates for your website from different designers. The directory has more than 1000 wordpress templates.

Nuvio Templates
Nuvio Templates offers a set of wonderful and professional free website templates. All website templates are valid XHTML strict/CSS, table-less and major browsers compliant (IE 6+, Opera 8+, FF 2.0+). You can download the templates and they offer some template's PSD.

freelayouts.com
freelayouts.com offers free website templates contributed from web designers around the world.

Top Wordpress Themes
Download free, high quality and professional Wordpress templates.

Fresheezy
Download free website templates for Wordpress, Expression Engine, Blogger, BBPress, and more submitted by web designers.

BTemplates
Browse and Download free blogger templates submitted by web designers.

TemplatesPerfect
Browse and download free professional websites templates either in XHTML/CSS valid templates or PSD templates.

SkinPress
Browse and download professional and valid website templates for Wordpress, Blogger, Joomla and many more.

Premium Website Templates

ThemeForest
Buy and sell HTML templates as well as themes for popular CMS products like WordPress, Joomla and Drupal with prices ranging from just $5 up to $40.

Templatemonster.com
Template Monster offers website templates, flash templates and other products and ready-made web designs, that can be used as a basis for fast and high-quality website. All the website templates are completely customizable and ready for immediate download.

Elegant Themes
Buy Professional, high quality, elegant and wonderful Wordpress themes. You get unlimited access to all themes for just $19.95.

4templates.com
4Templates.com offers high quality, ready-to-use and royalty-free website templates and full flash templates.

Websites are listed in no specific order. If you know any good websites to download or buy website templates please be kind and share in comments.

Links Pile Up: 26 Websites to Download Free Professional Icons

noreply@blogger.com (Ahmad Zakaria Hania) — Tue, 29 Sep 2009 09:07:00 +0000

Icons for applications is like Salad dressing without it either desktop or web applications is tasteless and as it is always said "A picture is worth a thousand words" and if you are a website owner or designer then you should use icons where appropriate to deliver ideas to your visitors or catch their attention.

In this article I will list a few links where you can visit to search and download professional free icons and if by the way you are an icon designer as well then I will direct you to submit your icons on some websites that accepts submissions. You can always buy professional icons from websites like graphicriver.

VistaIcons.com
In VistaIcons.com you can find a very large collection of free 256x256 icons with Vista style either in PNG or ICO formats. Download is easy and no registration required. You can submit your icons here.

The Iconfactory
The Iconfactory is a professional icon designers. In the website they provide over 300 free icons for download and free only for personal and desktop use.

The Yellow Icon
The Yellow Icon is a very skillful and professional icon designers. In the downloads section in the website they offer many icons for free download.

Iconshock
Iconshock is professional stock icon designers they have more than 700,000 professional royalty free icons. In the Free Icon sets page you can download many icon sets for personal or commercial use.

IconFinder.net
In IconFinder you can search through more than 100,000 icons or even browse through more than 200 icon sets. When you search in iconfinder you can minimize you search results by size, background color or even by license. You can submit your icons here.

iconlet.com
iconlet is an icon search engine where you can search and download icons on the web.

FastIcon
FastIcon is a free stock icons and free custom icons provider. On free icons page they offer 8 free icon sets for free download.

Iconbulk
In iconbulk.com you can find more than 250 submitted icon sets to download with different licenses. You can submit your icons here.

Crystal Clear
The Crystal Clear icon set by Everaldo Coelho is a free professional icon set licensed under the GNU Lesser General Public License (LGPL) with a real size of 128px. The icon set contains 1300 icons.

Iconaholic Design
Free professional icon set to download.

famfamfam.com
famfamfam.com offers 4 wonderful, professional and small icon sets "for your new website or web application, at the best price there is (free!)?".

deviantArt
In deviantArt you can search, browse and download thousands of free submitted icon sets and icons by designer from all around the world just navigate to category customization, then select sub category icons to browse icons. You can also submit your icons or any kind of designs by creating a free account.

FreeIconsWeb
In FreeIconsWeb you can browse and download Over 15,000 high quality Free Icons for Windows, Macintosh and Linux Systems. You can submit your icons here.

Turbomilk
Download multiple professional icons for free personal use from these wonderful icons and identity designers.

DryIcons.com
You can download free and vector graphics with different licenses from these professional icon designers.

UserInterfaceIcons.com
Download Free Icons for Software & Web Application Interfaces. Their icons are designed specifically for the developer.

IconsPedia
Search, browse and download free icons in PNG or ICO format with many sizes and different licenses. You can submit your icons here.

FreeIconsDownload.com
Download High Quality Royalty Free icons for Windows, Mac and Linux. In various icon formats and sizes and with diferent licenses. You can submit your icons here.

iconPot
Download free icons for personal or commercial use and no back-links/credit required.

We Love Icons
Download free professional icons Windows and Mac in various sizes and free for personal use.

iconerz.com
Download free professional icons for windows in various sizes with different licenses.

6yuu.com
Browse and download Over 15,000 high quality Free Icons for Windows, Macintosh and Linux Systems. You can submit your icons here.

IconStick.com
Browse and Download free icons in various sizes and different licenses. You can submit your icons here.

IconEden.com
Professional icon design team that provides wonderful icon design services offers free icon sets at their freebies section.

Iconka.com
Download free icons for personal use from this professional icon designer.

IconNinja
Browse, search and download free icons in various sizes with different licenses. You can submit your icons here.

Websites are listed in no specific order. If you know any good websites with free icons, or websites that allows you to submit your icons be kind and share in comments.

Free Resource: The Spherical Icon Set

noreply@blogger.com (Ahmad Zakaria Hania) — Thu, 30 Apr 2009 22:37:00 +0000

It has been a while to get in touch with my blog, but better do it often than never.

After this while I thought that I should post something unique and mine rather than point to others work and I am releasing my first free icon set the Spherical Icon Set. As you probably have noticed the name comes from the icons being contained inside a sphere.

The icons contains 4 different size: 32*32px, 48*48px, 64*64px and 128*128px and it is in a PNG file format. The icons is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Download The Spherical Icon Set.

Links Pile Up: 20+ JavaScript Frameworks & Libraries

noreply@blogger.com (Ahmad Zakaria Hania) — Tue, 03 Feb 2009 16:44:00 +0000

Web applications is one of the most wanted and most developed these days and in web applications you need to make the application easy to use as possible. One of the methods that attract users on web is AJAX and JavaScript. I was working on a web application and I used a JavaScript library for animation, form validation, graphs and reloading content from other websites, and I wondered what is the libraries out there and what can we do with JavaScript. I started looking for JavaScript libraries and frameworks and I was stunned of the capabilities of JavaScript. This article is the links I gathered for you to see as I have seen the capabilities of JavaScript.

Prototype

Prototype is a JavaScript Framework that aims to ease development of dynamic web applications. Featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around, Prototype is quickly becoming the codebase of choice for web application developers everywhere.

script.aculo.us

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.

MooTools

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

$fx()

$fx() is a JavaScript animation library. Compact lightweight JavaScript library which extends DOM element by adding animation methods. Facilitates CSS properties and other parameters alteration along timeline. Supports parallel effects sets and effects chains. Has extended set of callbacks to adjust behavior.

Run

Run is a universal JavaScript animation framework. Run is the easy and basic way to animate web content.

Ext

Ext JS is a cross-browser JavaScript library for building rich internet applications. High performance and customizable UI widgets. Well designed, documented and extensible Component model. Commercial and Open Source licenses available.

Jitsu

Jitsu contains an integrated set of tools to enable developers to build and deploy sophisticated user interfaces for web applications. These include an Xml markup language, page compiler, data binding engine, JavaScript runtime, control library, runtime inspector, animation engine, cross-platform library, Ajax, and back button support. Jitsu apps use DHTML and run in most modern web browsers.

YUI

The Yahoo! User Interface Library (YUI) is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.

Qooxdoo

Qooxdoo is a comprehensive and innovative Ajax application framework. Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications. No HTML, CSS nor DOM knowledge is needed. It includes a platform-independent development tool chain, a state-of-the-art GUI toolkit and an advanced client-server communication layer. It is open source under an LGPL/EPL dual license.

JavaScriptMVC

JavaScriptMVC is a framework that brings methods to the madness of JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.

JUNE

JUNE is a JavaScript Framework based on Core, a small JavaScript library developed by Kevin Yank and Cameron Adams and published in their book: Simply JavaScript. Developers can integrate JUNE into their existent projects without having to worry about name collision because JUNE is namespaced.

JsUnitTest

This JavaScript project provides a one-file JavaScript test suite. This is based off unittest.js from prototypejs, except this library has no dependency on prototype.js so there is no chance your code-under-test can conflict with prototype.js or that you might accidently use a prototype.js helper for a library that will be deployed independently off prototypejs. There is also a TextMate bundle with snippets for creating the runner and assertions.

GameJS

GameJS is a 2d game development framework in JavaScript.

Sylvester

Sylvester is a JavaScript library designed to let you do mathematics with vectors and matrices without having to write lots of loops and throw piles of arrays around. It includes classes for modeling vectors and matrices in any number of dimensions, and for modeling infinite lines and planes in 3-dimensional space. It lets you write object-oriented easy-to-read code that mirrors the math it represents.

Datejs

Datejs is an open-source JavaScript Date Library. Datejs is comprehensive, yet simple, stealthy and fast. Datejs has passed all trials and is ready to strike. Datejs doesn’t just parse strings; it slices them cleanly in two.

XRegExp

XRegExp is a JavaScript library that provides an augmented, cross-browser implementation of regular expressions, including support for additional modifiers and syntax. Several convenience methods and a powerful recursive-construct parser are also included.

Flotr

Flotr is a javascript plotting library. 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.

js.io

js.io is a JavaScript Network Library that simplifies creating rich web applications by providing direct integration with Open protocols.

Raphaël

Raphaël 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.

JSXGraph

JSXGraph is a cross-browser library for interactive geometry, function plotting, graphs, and data visualization in a web browser. It is implemented completely in JavaScript and uses SVG and VML.

WMS-MAP

The WMS Javascript Library provides an API to allow the creation of dynamic maps including simple zoom functionality, clickable Google maps like overlays.

Highlight.js

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It's very easy to use because it works automatically: finds blocks of code, detects a language, and highlights it.

SyntaxHighlighter

SyntaxHighlighter is here to help a developer/coder to post code snippets online with ease and have it look pretty. It's 100% Java Script based and it doesn't care what you have on your server.

PlotKit

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.

JUnify

JUnify is a JavaScript library for performing unification on objects and arrays. It can be executed by any browser that supports JavaScript version 1.5 and up. Unification is an algorithm to determine the substitutions needed to make two expressions match. If the expressions contain variables, these will need to be bound to values in order for the match to succeed. If two expressions are not identical or the variables cannot be bound, the match fails.

In conclusion all I say is that JavaScript is impressive.

Free Resource: Orb Giveaway

noreply@blogger.com (Ahmad Zakaria Hania) — Thu, 22 Jan 2009 09:41:00 +0000

This is an Orb resource I have been playing with and I liked the result and thought: why not share it and let every body learn or benefit from it?

So here it is, now you are free to use this resource either for personal or Commercial purposes, all I ask for is to show me the result if you may.

Oh! yes I forget to tell you that I will be making more free orb resources soon, so keep up.

Full Preview of the buttons also you can download the free PSD file from
Orb Giveaway deviantART page.

Free Resource: Stylish 3D Buttons v2

noreply@blogger.com (Ahmad Zakaria Hania) — Sun, 18 Jan 2009 21:09:00 +0000

I have launched before two free button resources: Stylish 3D Buttons & Flat Buttons, and I mentioned at my portfolio that these are not the last of their kind and that I will release more free button resources
This is as I promised is version two of Stylish 3D Buttons, this one has more color variations 11 color variations to be exact and it has more reflection and shine effects applied.

Full Preview of the buttons also you can download the free PSD file from Stylish 3D Buttons v2 deviantART page.
I hope you can enjoy it. Wait for more free button resources SOON!

Launching The New Design

noreply@blogger.com (Ahmad Zakaria Hania) — Sat, 17 Jan 2009 03:17:00 +0000

If you are following my blog you probalby noticed the new fresh look and design of the blog and also my portfolio, if you are a new visitor then welcome to my blog with the new look.
This time the design is special because my blog and my portfolio for the fisrt time share the same look.
In my portfolio I will list the projects I work on and some of the free resources I design or develop for you to use as you wish, some of the free kindly small resources will be available at my deviantART page: http://ahmadhania.deviantart.com/. but have no worries you do not have to follow all my websites to get the free resources all you have to do is to follow my blog and I will tell you when and where to find free resources.
My portfolio website at: http://ahmad-hania.wateentech.com is now in check state so if you have faced any bugs or errors please be paitent and inform me of it so I can fix it as soon as possible. Currently all the project are listed in one page with by category filteration but soon I will make a single page for each project.

Lightweight Slideshow Script

noreply@blogger.com (Ahmad Zakaria Hania) — Thu, 12 Jun 2008 06:20:00 +0000

There is been a while since I have posted any article here, but this has a very good reason. I have been lately busy in some projects and I had no time left for posting, another good reason is that I am working on a new design for my online portfolio. In the mean time I will pause posting until I finish projects in progress and my online portfolio.

Any way lets get back to the main issue. I have recently been looking for wonderful free scripts to get inspiration from and I stumbled upon this one, which is called BarackSlideshow by Devthought. I know that the name might seem a little political but this is because the script makers got the inspiration from Barack Obama’s website. Any way you can view it and I hope it can be helpful.

.PSD Magazine

noreply@blogger.com (Ahmad Zakaria Hania) — Tue, 04 Mar 2008 09:32:00 +0000

Most of designers frequently read some kind of a magazines, tutorials, articles or blogs to increase their knowledge of the market or to learn something new. If you are one of these designers like me then you will mostly like to read .psd magazine.

In .psd magazine you will read about the secrets and hidden tricks of the most used design application Adobe Photoshop. .psd magazine provides its readers with a professional articles, a step by step tutorials, interviews, tips and tricks and even it provides you with free resources on the included free CD. I my self have read .psd magazine and my first impression was excitement, because I found a number of high quality and professional topics which include: 2D design, 3D design and modeling, illustrations, photo retouching and many more.

I really recommend considering a subscription to .psd magazine to experience the feelings I had.

Next you will find the covers of the upcoming issues February and March, 2008 of .psd magazine.

Free Resource: Stylish 3D Buttons

noreply@blogger.com (Ahmad Zakaria Hania) — Tue, 19 Feb 2008 15:43:00 +0000

This is a free PSD file, I have been doing a little testing to create a button design requested by some client and end up with these buttons.

It contains 5 different button designs. done on Photoshop CS2.
I hope that this can be useful.

You can download the PSD file from Here.

Impressive Ways to Display Pictures and Galleries

noreply@blogger.com (Ahmad Zakaria Hania) — Sun, 23 Dec 2007 16:00:00 +0000

In this article I am going to share a collection of ways to display images on your website. I am going to give you the link, description, License and the technology used. I hope that this would be helpful for you and I will be thankful for any one to share other ways than the ones I have put in here. Lets get into the subject.

AgileGallery

AgileGallery is a photo gallery that rips through the XML output from Picasa (a free download from google) and generates the paging and thumbnails and displays the full sized photos along with any captions entered in Picasa.

Technology: JavaScript & Flash
License: Free to use commercialy and non-commercialy

Couloir.org slideshow
a Flash-like behavior implemented solely in Javascript, HTML, and CSS.
Technology: JavaScript
License: Creative Commons 'Attribution-ShareAlike 2.0' License

dfGallery

dfGallery is a very cool and professional flash gallery to display your pictures in it and it supports Flickr , Picasa , Fotki and Photobucket.

Technology: Flash & PHP
License: Free

DhoniSow

DhoniSow is an HTML and JavaScript inline gallery to display your pictures on your website wit a very creative and new way using prototpe and Scrippt.aculo.us JavaScript Libraries.

Technology: JavaScript
License: Creative Commons Attribution 2.5 Generic License

Flash Photo Gallery

An easy way to nicely display photos on your site, this gallery can be used to show jpg, gif, swf or png files.The gallery can work as standalone application. You can add/remove photos without using the flash program, the configuration file can be edited with a simple text editor.

Technology: Flash
License: not Free, Price $25.00

FrogJS

FrogJS is a simple, unobtrusive javascript gallery. It’s not a replacement for other thumbnail galleries like Lightbox JS, but a different way of showcasing galleries. This type of gallery is best used when a page-by-page gallery is needed, as is the case with photo stories.
Technology: JavaScript
License: Free

GreyBox
GreyBox can be used to display websites, images and other content in a beautiful way.
Technology: JavaScript
License: Free

Highslide JS

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.
Technology: JavaScript
License: Creative Commons Attribution-NonCommercial 2.5 License

Image Gallery using jQuery, Interface & Reflections

It's an image gallery with smooth transitions, thumbnails and pretty reflections. Of course, this is the first version (something like a beta) and definitely not ready for prime time.
Technology: JavaScript
License: Free

Lightbox 2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
Technology: JavaScript
License: Creative Commons Attribution 2.5 License

LightWindow
LightWindow is a light JavaScript for displaying your images in a popup friendly way.
Technology: JavaScript
License: Free

minishowcase

minishowcase is a small and simple php/javascript online photo gallery, powered by AJAX that allows you to easily show your images online, without complex databases or coding, allowing to have an up-and-running gallery in a few minutes.
Technology: PHP/JavaScript
License: Creative Commons Attribution-Share Alike 2.5 License

PostcardViewer

PostcardViewer is a free Flash image viewer. The interface is based on the real world metaphor of a set of postcards shuffled onto a surface.
Technology: Flash
License: Free

SimpleViewer
SimpleViewer is a free, customizable Flash image viewing application.
Technology: Flash
License: Free

SmoothGallery

Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website.
Technology: JavaScript
License: GPL licensed

ThickBox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
Technology: JavaScript
License: Free

Zenphoto

Zenphoto just shows your photos, simply. It’s got all the functionality and “features” you need, and nothing you don’t.
Technology: PHP & MySQL
License: GNU General Public Licence

Gallery

Gallery is an open source web based photo album organizer. Gallery gives you an intuitive way to blend photo management seamlessly into your own website whether you're running a small personal site or a large community site.
Technology: PHP & MySQL
License: Open Source

singapore

singapore is a free, fast, simple, multilingual, template-driven PHP image gallery! It does not require a database and although it has a full web-based admin interface, you can also build your galleries directly via FTP.
Technology: PHP
License: Free

4images

4images is a powerful web-based image gallery management system. Features include comment system, user registration and management, password protected administration area with browser-based upload and HTML templates for page layout and design.
Technology: PHP & MySQL
License: Free for private and non-commercial use

Plogger

Plogger is a simple yet powerful tool — everything you need to share your images with the world. Plogger is your photos integrated into your website, a fully featured photo sharing package with an attractive and easy to use administrative interface that makes managing your galleries a breeze.
Technology: PHP & MySQL
License: Open Source

SLIDE SHOW

A cross browser CSS slide show from CSS Play. It is a very simple, easy to use and stylish way to view your images.
Technology: HTML & CSS
License: Free for Personal use

JaS gallery

JaS is short for JavaScript Slides and it is a highly customizable JavaScript library for easily turning your images into a collection viewable as a slideshow, and with fading effects, if desired. It also supports automatic thumbnail creation and tagging of images, so the viewers can find the exact images they're looking for. You can use it any way you like in your own web site, and adapt it to your specific needs.

Technology: JavaScript
License: Free

(E)² Photo Gallery

(E)² Photo Gallery is a open source gallery built with Mootools Javascript Library the compact, modular, Object-Oriented javascript framework. Designed to allow you to upload your photos to a desired folder, tell the (E)² Photo Gallery what folder to look at and it will automatically load the images using PHP.

Technology: PHP & JavaScript
License: Free

Flash Carousel Slideshow

It is an impressive way to display your images in a slide show with refkection and animation. It is built using Flash.
Technology: Flash
License: Free

Flash Image Gallery

The FIG is a gallery application that can be used by anyone to display multiple galleries of photos, artwork, or other pictures with descriptions. It requires no server-side language and will run on any web host. It is idealy suited for artists with online galleries, but can be used by anyone.
Technology: Flash
License: Free

Imago

Imago is a small, simple and easy to use Ajax Image Gallery. Its plain JavaScript (using mootools) and uses no server side scripting. The software configuration is done directly inside the (X)HTML file. Via a plugalbe loading mechanism it can access various gallery definitions and provides a default loader which uses the SimpleViewer gallery.xml format and is therefor compatible.
Technology: JavaScript
License: Free

AJAX Image Gallery powered by Slideflow
I is an AJAX Image Gallery powered by Slideflow (like Cover Flow).
Technology: JavaScript
License: Creative Commons Attribution 3.0 Unported

Flash iTunes Albumart Viewer
A Flash based image slide show in the style of iTunes Albumart Viewer.
Technology: Flash
License: Free

Flash XML Gallery

It is a Flash and XML easy to use and stylish gallery tha supports Categories, this gallery is not creatd by Deziner Folio bt found in his old download collection, and no one knows who this belong to.
Technology: Flash
License: Free

Photo Viewer

The Photo Viewer uses both Flash and XML. All data is stored within an XML file making it easy to make modifications and update.
Technology: Flash
License: Free

That is it I hope you like it and it was useful for you. Please if you like it digg it, thank you.

PopBox Moving and Resizing Images - Easy, Simple, Dynamic

noreply@blogger.com (Ahmad Zakaria Hania) — Sun, 04 Nov 2007 11:17:00 +0000

PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes - I know it's nothing new and that you've been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!

If your web site has a thumbnail image gallery then you need PopBox!

Main Features

Ridiculously simple to use.
Does not navigate away from the page or create separate windows.
Does not require any special browser plug-ins. 100% script and CSS solution.
Includes a multi-line caption capability that dynamically sizes to fit.
Allows for a different image to be used for the thumbnail and Popped images - on page load or on image click.
Can display a user-defined text message across the top of the image on page load on the thumbnail image.
Can display a user-defined text message across the top of the image after it has been popped.

Plugoo - Chat with Your Website Visitors

noreply@blogger.com (Ahmad Zakaria Hania) — Wed, 03 Oct 2007 11:27:00 +0000

What is Plugoo?

Plugoo enables you to chat directly from your Instant Messenger with any visitor of your blog, personal webpage or e-sales site.
When you’re logged into your Instant Messenger (Windows Live Messenger, Yahoo! Messenger, AIM, GoogleTalk, Jabber or ICQ), you can receive in real time all the comments of your visitors or any question they might ask, and answer instantly!

Stock Photos for Your Daily Life

noreply@blogger.com (Ahmad Zakaria Hania) — Sun, 09 Sep 2007 19:32:00 +0000

If you are a Designer then you are always in need for high resolution and very clean and professional photos for your designs, weather you are designing a website, a print or a presentation. In this article I will share with you a handful of resources and websites for Free stock photos or as so called Royalty Free photos, and payed stock photos.

Let us begin.

Free Royalty Photos, for personal and commercial use:

Stock.XCHNG
with 330943 photos online a lot of categories and a search feature, requires free registration.

Public-Domain-Photos.com

Over 5000 free public domain photos and clip arts.

FreeDigitalPhotos.net

Every image is free, and some of the images have a print-quality high-resolution option for just $10.

FreePhotoClips.com

Download Backgrounds and Free Photo Objects in Layered Adobe Photoshop PSD Format.

Photogen

realStock

International high-quality stock photo database from various authors with about 1181 photos, requires free registration.

BurningWell.org

BurningWell is a repository for public domain (free for any use) images. You are free to download, copy and use the photos you find here for any purpose.

DesignPacks.com

They offer free, high quality image collections that can be use in both personal and commercial web design projects. Each collection features a group of 15 images that share a common theme. New sets are added monthly.

Stockvault.net
Stock Photos, Tutorials, Templates and Textures.

Search/Find Free Photos:

Yotophoto

Search for free-to-use images. Yotophoto is now indexing well over a quarter million Creative Commons, Public Domain, GNU FDL, and various other 'copyleft' images.

PicFindr
Search the free-stock-photosphere.

Payed Stock Photos:

Getty Images
Contemporary photography, illustration and archival images.

Stockxper
The place to buy and sell stock images!

Acclaim Images
230,661 Searchable Stock Photos & Illustrations.

Photos.com

Professional Royalty-Free Stock Photography by Subscription. With a Photos.com professional royalty-free stock photography subscription you pay one fee and download what you need from the collection of more than 350,000 professional quality stock photographs and photo objects, up to 250 photos per day.

Foto Search

The FotoSearch image search engine saves you time by allowing you to search over 2 million images from over 100 stock photography, stock illustration, and video stock footage publishers at one website.

I hope you liked the websites and Enjoy!

Open Source Alternative

noreply@blogger.com (Ahmad Zakaria Hania) — Mon, 27 Aug 2007 16:11:00 +0000

What is Open Source Alternative?

Open Source Alternative or oslat.com is a website that lists an Open Source Software alternative to a well-known Commercial Software. This is very good if you can not afford buying a commercial software and you are in need of the features that the software provides, in this website you can look for the alternative for this commercial software. I must say that it is listing more and more software alternatives each day but I must say that you may not find an alternative for some commercial softwares that you want but you can suggest this software. The website has many categories for software products such as Graphic applications, development, security & privacy, web development and many more.

ModalBox - Web 2.0-style Modal Dialogs and Wizards

noreply@blogger.com (Ahmad Zakaria Hania) — Sat, 18 Aug 2007 19:20:00 +0000

What is ModalBox?

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. It's inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing bigger versions of images.

ModalBox is built with pure JavaScript and is based on Sam Stephenson's excellent Prototype JavaScript Framework, script.aculo.us and valid XHTML/CSS. ModalBox uses AJAX to load content.

ModalBox technique is still in development. Believe me it is wonderful.

Blue Gray Free XHTML Template

noreply@blogger.com (Ahmad Zakaria Hania) — Wed, 15 Aug 2007 07:41:00 +0000

I am now going to present you to the Blue Gray Free Template. Blue Gray is a free valid XHTML 1.0 and valid CSS, 3 column fixed template that I have designed, it has a lot of greet features in it. I have designed the template in tow versions left-to-right and right-to-left version. Blue Gray is a free template either for personal or commercial use but it is necessary to keep the footer link for my Portfolio website. Blue Gray has a basic but professional look and it is fully customizable and expendable.

View the template from here:

and you can download the template from here in a single zip file:

WebSnapr - Website Thumbnails For Your Site

noreply@blogger.com (Ahmad Zakaria Hania) — Tue, 14 Aug 2007 18:34:00 +0000

WebSnapr lets you capture screenshots of (almost) any web page. Let your visitors to instantly visualize any web page before clicking. Increase site traffic, click-through rate and site stickiness.

How does it work?

Using WebSnapr from your site can't be any easier. Just use the following URL to generate a thumbnail:

http://images.websnapr.com/?url=[url]&size=[size]

Of course, just replace [url] and [size] to make the magic happen. You can get up to 5 different sizes by setting the [size] parameter. These are your choices:

T = 92x70 (example)
S = 202x152 (example)
M = 400x300 (example)
L = 640x480 (example)

Really Easy Field Validation

noreply@blogger.com (Ahmad Zakaria Hania) — Mon, 13 Aug 2007 15:48:00 +0000

Form validation is a crucial thing in web applications and making them sometimes requires hard work. Here's a form validation script that is very easy to use. It has a number of tests built-in but is extensible to include your custom validation checks. Here's the list of tests available to add to your field elements:

not blank - required
a valid number
digits only
letters only
only letters and numbers
a valid date value
a valid email address
a valid URL
a date formatted as; dd/mm/yyyy
a valid dollar value
first option e.g. 'Select one...' is not selected option
At least one textbox/radio element must be selected in a group

Here is a demo of the field validation.

Test Your Website in Different Browsers and Platforms

noreply@blogger.com (Ahmad Zakaria Hania) — Sun, 12 Aug 2007 00:52:00 +0000

Have you ever designed a website and gone through the painful process of testing your website design on different browsers and platforms to check for problems? If your answer is yes then here is the solution for your problem. Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server of Browsershots. It supports a lot of browsers and platforms.