ExtraTuts » web2 roundups

40 Amazing Contact Forms for Inspiration

admin — Sun, 03 Oct 2010 18:35:29 +0000

Contact forms is a great way to attract visitors to join your site , Creating an inspiration contact form is the most liked way to say welcome to your visitors to start using your site services or to start join and Interaction with decisions in your site , here there are some Inspiring Contact Forms each contact form is unique and has its own idea of design.

Yodaa

Umquarto

Hm-Andrei

Ctrl + n

Lion Ways

Shawn Johnston

Midtsommerjazz

Benoitle tonder

Olio Board

Step2 Reality

Xruiz

Qwert City

Fseid

Swiths

Brian Handley Design

Ashes and Milk

Matt Dempsey

Stan Gursky

Marcol

DigitalBase

TVI Design

Get In touch – Graphik, Viljami Salminen

PointZero

Johnston North

Twenty3Design Company

DigitalMash

NetDreams

Envato Network

MB Dragan

InsoJourn

Loewy Design

KomodoMedia

Nclud

Nosotros HQ

Frexy’s team

Maquina Studio

Paramore Redd

HeadScape Web Design Solutions

Coda

Dragon Interactive

Build Your Own Captcha and Contact Form

25 attractive twitter background images

admin — Sat, 04 Sep 2010 07:31:26 +0000

Twitter is now one of most visited social sites which easily helps you to catch up your friends updates and status or even follow people who share your interest , and of course it’s important to every one to make his profile attractive to other followers on twitter so here you are some attractive background sure it will help you to add your style at your twitter profile .

and finally here you are a nice site can help you design your won background profile yourself

hope you enjoy it …

BEST 25 ajax photo sliding solutions

admin — Mon, 22 Mar 2010 08:10:49 +0000

Having lots of photos and want to display them in suitable and effective way that would make them more valuable?

Here are about 35 ajax solutions that will satisfy your passion! using this technique will make your gallery even more representable. so if you want to display your images in one big screen, on thumbnails or in slide show, and you were interested in special effects that take place during browsing the photo gallery,here are the most impressive solutions to perform this purpose. Take your time while choosing, because they are really eye catcher.

1.JonDesign’s SmoothGallery

This one uses 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…

2.AgileGallery

3.Lightbox2

is a simple, unobtrusive script used to overlay images on the current page. It groups related images and navigate through them with ease using great fancy pants transitions.

4.TripTracker slideshow

is a lightweight JavaScript image viewer with an animated slideshow feature.

5.Interface elements

Simple and small photo slider that will make you easily navigate through your photo gallery.

6.Flickrshow

Flickrshow is a lightweight, cross-browser javascript slideshow, providing you with an easy way to display your Flickr images on your own website. It is simple to install and can be used to access images within Flickr groups or photosets, or using a tag-based search.

7.AJAX Slideflow

great ajax photo slider that you can navigate through using your mouse, or click anywhere in the stack to jump there. Click inside the frame in order to enable mouse wheel and arrow key navigation.

8.minishowcase

It 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.

9.slideViewer

slideViewer is a lightweight (1.5Kb) jQuery plugin wich allows to instantly create an image gallery.

10.Galleria

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS.

11.noobSlide

Another photo slider that considered of the most simple ones. It depends on mootools scripts. you can find many sliding types that should satisfy your needs.

12.Spacegallery

Another image gallery that you can navigate through the gallery by clicking on the image to see the next one. It’s easy to be used.

13.Photo Slider

One great tutorial that will make you able to make a great photo slider by your own, Its simple and attractive.

14.Animated JavaScript Slideshow

This dynamic JavaScript slideshow is feature packed and under 5KB. Includes description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status.

15.s3Slider jQuery plugin

The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. Its attractive, simple and useful.

16.Highslide JS

Highslide JS is an open source image, media and gallery viewer written in JavaScript, such as Quick and elegant looking, No plugins like Flash or Java required, Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it and much more.

17.BarackSlideshow

BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images.

18.JQZoom

JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want.

19.jQuery virtual tour

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour.

20.jQuery: jqGalScroll

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

21.Sliding Photograph Galleries

This application is just an unordered list of images that are normally compressed vertically (reduction 8:1). When you hover over one of these compressed images it expands to full size.

22.flash-gallery

Flash Gallery is a free application that allows you to create a slideshow on your website easy and fast. You won’t need any programming skills to install or use it. Just embed it into your website and script will automatically form a slideshow from a specified folder or from Flickr photostream.

23. 3d curve wall

3D Curve Wall for thumbnail gallery powered by Papervision3D, ActionScript 3 and XML.

24.dfGallery 2.0

great one, this application has so much advantages, such as you can upload custom images, changing its theme easily, wat hyour gallery in full screen and so much more.

25.Polaroid Gallery v.1.01

Polaroid Gallery is a free, open source flash gallery.The script loads images and image titles dynamically from an external xml file or a flickr RSS feed. Then the script processes the data and creates an interactive flash gallery.

+25 Top FireFox addons for designers, developers and webmasters

admin — Wed, 13 Jan 2010 09:38:29 +0000

Who doesn’t know Mozilla browser which known as FireFox? of course nobody. Mozilla succeeded to attract large amount of people to use their browser instead of other browsers by including a lot of benefits that are not exist in other browsers. In a short while almost all internet users became Firefox fans while other browsers tried hard to catch up with it, but without any usefulness till now.

One of Fire fox’s benefits is Add-ones, which considered the most important feature. Add-ones are very small application that works with the browser to perform a specific job helping the browser user. Of course designers and developers are the main users who will find out that these add-ones very useful to perform their job the way it should be with accessibility.

Here are top add-ones considered best ones in professional users opinion.

1.IE View 1.4.5

This application lets you to load pages in internet explorer or even to mark certain pages to be loaded automatically in IE.

2.Alexa Sparky 1.4.7

This is the official add-one from alexa, used to inform you with all alexa data in your status bar.

3.ColorfulTabs 4.1

Very simple add-one that coloring each tab of your browsed pages with different color which will make you easily distinguish pages, also it will add very good look for your browser interface.

4.ColorZilla 2.0.2

This add-one is an eye dropper and color picker. This tool will make you able to catch your liked colors from any spot you want.

5.CoLT 2.4.6

This great easy add-one makes you able to copy either a hyperlink’s text or both the link and the link’s text (in a format you specify) by two simple menus.

6.Console² 0.5

Are you java script programmer? this tool will be very helpful for you since it discover all programming errors and show them to you to be able to fix it.

7.Copy Link Name 1.2.9

This add-one makes you able to copy source anchor of a link in any web page using simple context menu.

8.EditCSS 0.3.7

This useful add-one makes you able to modify CSS sheet or what is known as Cascading style sheet in current loaded pages.

9.Event Spy 0.2.5

This small add-one makes you to watch java script events when they are taking place.

10.Firebug 1.4.5

The most used add-ones for all programmer,designers and webmasters. This application makes you easily do almost every thing to current loaded web page, you can edit, debug, and monitor CSS, HTML, and JavaScript online since this application contains needed tools integrated with your firefox browser.

11.FireFTP 1.0.7

Access all FTP servers easily and instantly with this great ftp client integrated with firefox.

12.FireShot 0.80

Great application makes you easily capture the current whole page or just appearing part. Also this application differs from other similar ones in that it contains several tools makes you able to edit the captured image several ways.

13.FoxyProxy Standard 2.16.1

Manage proxies easily with this advanced tool, This tool will replaces all difult firefox proxy management features.

14.Greasemonkey 0.8.20091209.4

Customize the way your current page looks.

15.Html Validator 0.8.5.8

Find out HTML errors written by the web designer using this small application that shows you number and places of errors in HTML page instantly in small icon founded in status bar.

16.iMacros for Firefox 6.3.1.1

Tired of continuously repetitive work each time you runs your firefox? make this small application records every action you make while running firefox. It can record your visited pages, filling forms and much more.

17.Image Zoom 0.3.1

Great tool used for zooming small images and elements you need to enlarge.

18.ImTranslator 3.2.9

Im translator is a very useful dictionary used to translate all words from any language to the language you need instantly. It supports more than 40 languages such as Albanian, Arabic, Bulgarian, Catalan, Chinese (Simp.), Chinese (trad.), Croatian, Czech, Danish, Dutch, English, Estonian, Filipino, Finnish, French, Galician, German, Greek, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Latvian, Lithuanian, Maltese, Norwegian, Polish, Portuguese and much more.

19.NoScript 1.9.9.30

increase security level to protect your system from others attacks while browsing the net. This small application prevents running of active contents that comes from sites you don’t trust.

20.Pixel Perfect 1.1.0

Small application lets designers and developers to overlay web composition over top of the developed HTML.

21.SEOpen 1.0

Are you into search engine optimization SEO? this tool will help you to access to almost every web-based tools helping you to do perform great SEO.

Quickly check inbound links, PageRank, http headers, and much more.Just by right click.

22.ShowIP 0.8.19

Nice small application lets you know the IP number of the current page and perform several actions usinf this add-one. You can copy IP to clipboard directly from page, just use right and left mouse buttons to perform what you need.

23.Shareaholic for Twitter, Facebook, Google… 1.9

Share you links in more easy, fast, accurate way using this application. This add-one lets you to deal with more than 60 services including Twitter, Facebook, Google Gmail, Delicious, LinkedIn, etc.

24.Total Validator 6.1.1

Are you web designer? this add-one will be very helpful for you. This application will make you able to validate your sites either if it was online or was running locally. you can take shoots of your page too by this great add-one.

25.TwitKit 1.2.2

Small add-ones that add Twitter side bar to your firefox browser to be able to deal with twitter directly from your browser without needing to visit twitter for several purposes.

26.Window Resizer 1.0

Resize your browser to the resolution you need easily with this small effective tool.

27.X-Ray 0.9.1

Discover all tags found in web page without needing to view the source code.

25 color tools for all designers and webmasters

admin — Wed, 06 Jan 2010 15:10:26 +0000

As a designer,you may admit that colors are considered the the main component in any designing project. Of course you did try to find colors that could matching your client chosen one to be used in his project, and of course you did face some difficulties in this situation specially when the chosen color was not from the main colors that you could find the matching ones immediately.

Color tools application would give you the hand of help for these purposes, specially when you won’t have to search for anything!

all you have to do is giving the application the color of yours and it will make the rest.

Here are about 25 inspiration-stimulating online color palette tools that will make your work easier, faster and more propositional.

1.Color Tools

Large group of color tools that you could use for several purposes such as choosing web safe color, mix color values to create new colors,find how well two colors match, find similar colors to a chosen color and much more.

2.colr

play with colors in this application wich will be helpful for all web designers.

3.Colour lovers

the most famous color website that will help you to match colors the way it should be, also you will find different color pasterns and pallets designed for coloring purposes.

4. 4096 Color Wheel

simple color application used to pick colors you need and knowing if it was web safe or not.

5.colorschemer

several tools used for coloring purposes.

6.Web 2.0 Colour Palette

colors that are useful when you are trying to build a website that has web 2.0 style.

7.Color Scheme Designer

8.colorjack

9. 100 Random Colors

10.colorblender

11.color schemer online

12. colordb

13.Accessibility Color Wheel

this great application shows you the color you chosen for backgrounds and text and till you if they were fit together to be read easily.

14.Color Palette Generator

This application makes you able to generate color pallets from any image you have. so if you like any colors of any image you will be able to get this colors using this application.

15.colorhunter

Hunt color from any image you have using this cute tool easily.

16.visibone colorlab

17.colorcombos

huge library of color schemes that will help you to choose the perfect matching color to be used in your web sites designs.

18.colormatch

19.colorspire

Great color tool that shows you the colors you choose in a page layout demo to decide if you really like the combination you used.

20.Color Palette Generator

21.easyrgb

Great tools that will serve you in all colorization purposes, for example you will find Color calculator, Create color harmonies, Monitor color calibration and so much more.

22.PALETTEMAN

23.genopal

24.daily color scheme

find out new color schemes that updated and developed every day with the most professional ways.

25.colors on the web

HUGE Christmas icon sets collection for download

admin — Tue, 29 Dec 2009 08:47:05 +0000

It’s almost Christmas, and you should changed your desktop wallpaper to Christmas-themed one, didn’t you? or even changed your web page style to one that spreading the feelings, colors, and characters of these beautiful Christmas days. We think that you should be needing icon sets that satisfies these purposes, so we made very large eye-catching collections that have all what should they have to rich designs containing them.