1step web design: Best for developer and designer http://1stepwebdesign.com for graphic designer , bloger, and web developer Sat, 12 May 2012 11:46:43 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 css3: 25 fantastic CSS3 Tutorials & Download http://1stepwebdesign.com/tutorial/css3-25-fantastic-css3-tutorials-download/ http://1stepwebdesign.com/tutorial/css3-25-fantastic-css3-tutorials-download/#comments Sat, 12 May 2012 11:46:43 +0000 Robert http://1stepwebdesign.com/?p=4881

Designers and developers we are constantly looking for the best way to get as much content to our users as possible, but we have to make it look nice, to let it flow beautifully, and of course without any text overload. We all know that JavaScript allows us to do great things when it comes to user interfaces, but a lot of the same types of effects can be created with pure CSS3.

We have selected 25 fantastic CSS3 Tutorials & Download and I think that you’ll certainly have a lot to learn from them. However, these specifically target beginners or intermediate users, so if you don’t find yourself in the above categories, then you shouldn’t waste your time here.

ENHANCE REQUIRED FORM FIELDS WITH CSS3

Enhance Required Fields with CSS3

Filter Functionality with CSS3

CSS3 Filter Functionality

CSS3 Menu Navigation Effect

CSS3 Menu Navigation Effect

HOW TO CREATE A FAST HOVER SLIDESHOW WITH CSS3

 How to Create a Fast Hover Slideshow with CSS3

CSS Text Switcher

CSS Text Switcher

CSS3 Responsive Slider

CSS3 Responsive Slider

CSS News Ticker

CSS News Ticker

3D GALLERY WITH CSS3 AND JQUERY

 3DGallery

How to Create a CSS3 Dropdown Menu [Tutorial]

How to Create a CSS3 Dropdown Menu [Tutorial]

Quickly Build a Swish Teaser Page With CSS3

Quickly Build a Swish Teaser Page With CSS3

Pure CSS3 Cycling Slideshow

CSS3 Cycling Slideshow

FLUID CSS3 SLIDESHOW WITH PARALLAX EFFECT

 Fluid CSS3 Slideshow with Parallax Effect

Building a Static Admin Bar for the Browser

Building a Static Admin Bar for the Browser

CSS3 Loading Animation Loop

CSS3 Loading Animation Loop Full

How to Build an Accordion Image Gallery with only CSS

CSS3 Accordion Image Gallery

CSS3 Breadcrumbs

CSS3 Breadcrumbs

EXPERIMENTAL CSS3 ANIMATIONS FOR IMAGE TRANSITIONS

 ImageTransitions

Rotating Words with CSS Animations

Rotating Words with CSS Animations

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

Animated Content Tabs with CSS3

Animated Content Tabs with CSS3

Accordion with CSS3

Accordion with CSS3

Direction-Aware Hover Effect

Direction-Aware Hover Effect

Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements

Create the Illusion of Stacked Elements with CSS3 Pseudo-Elements

Making an Impressive Product Showcase with CSS3

Making an Impressive Product Showcase with CSS3

]]> http://1stepwebdesign.com/tutorial/css3-25-fantastic-css3-tutorials-download/feed/ 0 Tutorial: simple jQuery social Media Plugins http://1stepwebdesign.com/tutorial/tutorial-simple-jquery-social-media-plugins/ http://1stepwebdesign.com/tutorial/tutorial-simple-jquery-social-media-plugins/#comments Fri, 11 May 2012 07:46:00 +0000 Robert http://1stepwebdesign.com/?p=4871

Social Media is the invincible part of our life. Every business whether small or big is doing its best to spread a word about its activities through Social Media. jQuery offers various solutions in form of plugins and widgets that are really helpful.

In this post is we have tutorial about jquery Social Media and you can use it in your web site for make inspiration web design. Please have a look.

Before you want to design Social Media and tooltip style you need to download jquery plugin , tooltip style and icon social network.

Demo Download

HTML

First we need to markup html code between <body> and add some script for animation

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Simple jQuery Social Media Plugins</title>
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Oswald' type='text/css'>
<script src="asset/jquery-1.7.2.js"></script>
<script type="text/javascript" src="asset/jquery.tipsy.js"></script>
</head>
<body>
<div id="header"> <a href="http://1stepwebdesign.com/" class="blue button">&laquo; Back to Home</a><a href="http://1stepwebdesign.com/tutorial/tutorial-3d-css-text-fade-with-transition" class="blue button">Back to Tutorial &raquo;</a></div>
<div id="demo">
<h2>simple jQuery Social Media Plugins</h2>
<ul class="icons">
<li><a href="https://plus.google.com" title="Google Plus"><img src="asset/1.png"></a></li>
<li><a href="http://facebook.com" title="Facebook"><img src="asset/2.png"></a></li>
<li><a href="twitter.com" title="Twitter"><img src="asset/3.png"></a></li>
<li><a href="<a href="http://www.linkedin.com/">http://www.linkedin.com</a>" title="Linkedin"><img src="asset/4.png"></a></li>
<li><a href="flickr.com" title="Flickr"><img src="asset/5.png"></a></li>
<li><a href="<a href="http://digg.com/">http://digg.com</a>" title="Digg"><img src="asset/6.png"></a></li>
<li><a href="www.feedburner.com/" title="Feed"><img src="asset/7.png"></a></li>
</ul>
</div>

</body>
</html>
 CSS

Now we start working social network layout and tooltip design

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<style type="text/css">

*{ margin:0px; padding:0px;}
#demo{ padding-top:80px;margin:auto; width:640px; text-align:center;}
.icons{ padding-top:100px; width:100%; text-align:center;}
.icons li{float:left; list-style:none;}
.hover{position:absolute; overflow:hidden;width:100%;height:100%;}
.tipsy { padding: 5px; font-size: 14px; position: absolute; z-index: 100000; }
.tipsy-inner {width:100px; height:35px; line-height:35px; background-color: #000; font-family:'Oswald',Arial, Helvetica, sans-serif; color: #FFF; max-width: 200px; text-align: center;
-moz-box-shadow: 1px 1px 3px 0px #000;
-webkit-box-shadow: 1px 1px 3px 0px #000;
box-shadow: 1px 1px 3px 0px #727272;}
.tipsy-inner { border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.tipsy-arrow { position: absolute; background: url('asset/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }

</style>
JS

Ok we got layout design with fresh social network icon, so now add some jquery script for make animation tooltip and fade on images style

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<script language="javascript">

$(function(){
$('.icons a').each(function(){
$(this).find('>img').css({position:'relative'})
$(this).css({position:'relative',display:'inline-block'}).prepend('<span class="hover"></span>').hover(function(){$(this).find('img').stop().animate({opacity:0});$(this).find('span').stop().animate({opacity:1})},function(){$(this).find('img').stop().animate({opacity:1});$(this).find('span').stop().animate({opacity:0})})
var src=new Array()
src=$(this).find('>img').attr('src').split('.')
src=src[0]+'.'+src[1]
$(this).find('>span').css({background:'url('+src+')',opacity:0})
})

//tipsy

$('.icons a').tipsy({gravity: 's'});
});

</script>

Demo Download

]]> http://1stepwebdesign.com/tutorial/tutorial-simple-jquery-social-media-plugins/feed/ 0 15 Best of Website Speed Testing Tools http://1stepwebdesign.com/tools-2/15-best-of-website-speed-testing-tools/ http://1stepwebdesign.com/tools-2/15-best-of-website-speed-testing-tools/#comments Sat, 05 May 2012 00:00:19 +0000 Robert http://1stepwebdesign.com/?p=4831

Website speed is a major part of optimizing your websites for users and search engines. The faster your website loads, the less the users have to wait, which will reduce your site’s bounce rate.  If your website loads slower, most users will not wait, and will instead look for content on other sites. In this post features a number of free online website speed testing tools, which can give you an overview and recommendations on how you can make your site load faster.

Page Speed Online

Page Speed Online

Aptimize

Web Tool Hub

Load Impact

Website speed testing tool: Load Impact

Show Slow

 OctaGate SiteTimer

Website speed testing tool: OctaGate SiteTimer

 Free Website Performance Test

Free Website Performance Test (BrowserMob)

Free Speed Test

 Pingdom Tools

Website speed testing tool: Pingdom Tools

Website Speed Test

Which loads faster?

Website speed testing tool: Which loads faster?

GTmetrix

WebPagetest

Website speed testing tool: WebPagetest

Web Page Analyzer

Linkvendor

]]> http://1stepwebdesign.com/tools-2/15-best-of-website-speed-testing-tools/feed/ 0 40 Free UI Design Tools, Toolkits and Resources http://1stepwebdesign.com/web-design/40-free-ui-design-tools-toolkits-and-resources/ http://1stepwebdesign.com/web-design/40-free-ui-design-tools-toolkits-and-resources/#comments Fri, 04 May 2012 01:47:06 +0000 Robert http://1stepwebdesign.com/?p=4796

User interface design grows and evolves on a continual basis. To stay current, you need to keep an eye on trends, new resources, and new techniques being implemented and talked about. And you also need to try things out on your own, and come up with original ideas and implementations. The UI Design tools listed below can help you do all of those things. Feel free to share any more resources you’ve found useful in the comment section below.

This article focuses on UI Design Tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator Or you could use pen and paper.

 ZK

ZK

LivePipe UI

 Fivesecondtest

Fivesecondtest

 DesignerVista

Designer-Vista

Quommunnication Stencil Kit

Wireframe Resources

User Interface Design Framework

Android UI Elements Set

Android-UI-Elements

Dojo

iPhone Mockup

iPhone-Mockup

 MockFlow

MockFlow

 qTip2

qTip2

fluidIA

Mephobox

Mephobox

 Pattern Tap

Pattern-Tap

Midori

Midori

EightShapes Unify

Wireframe Resources

Cacoo

Cacoo

Wireframe Symbols

Wireframe Resources

User Interface Design Patterns

User-Interface-Design-patterns

Facebook Applications Stencil Kit

Wireframe Resources

 Concept Feedback

Concept-Feedback

OmniGraffle UX Template

Wireframe Resources

DHTMLX

ForeUI

ForeUI[3]

Echo 3

Echo3

Patternry

MockFlow

Scripty 2

Script2

Android Asset Studio

OSX Leopard GUI Set

Turquoise PSD

Web Form Elements Volume 1

Wireframe Resources

Android 2.2 GUI

Wireframe Magnets (DIY Kit)

WireFrame-Magnets

Napkee

Napkee

jQTouch

960 Grid Template for OmniGraffle

Wireframe Resources

iPad GUI Set

]]> http://1stepwebdesign.com/web-design/40-free-ui-design-tools-toolkits-and-resources/feed/ 0 45 Cool and Height Quality 3D Wallpapers http://1stepwebdesign.com/tutorial/design/45-cool-and-height-quality-3d-wallpapers/ http://1stepwebdesign.com/tutorial/design/45-cool-and-height-quality-3d-wallpapers/#comments Wed, 02 May 2012 00:00:10 +0000 Robert http://1stepwebdesign.com/?p=4789

Desktop wallpapers suggestions are always welcome since sometimes we don’t have time to browse to find one, so we check on the suggestions available at our favorite websites! We know that we can find tons of great wallpapers online.  For this post, we’ve collect 45 3D Wallpapers that you can download into your desktop. Each of these wallpapers that are featured are of different themes, so if you feel like checking them out one-by-one, feel free to do so. Who knows, you may get one for yourself.

Desktop Wallpapers 3D Digital1

Download High Definition Wallpapers 1

Desktop Wallpapers 3D Digital2

Download High Definition Wallpapers 1

Desktop Wallpapers 3D Digital3

Photograph Faces of War by Karezoid Michal Karcz on 500px

Desktop Wallpapers 3D Digital4

Photograph V by Andy Pulmer on 500px

Desktop Wallpapers 3D Digital5

Photograph Esnipe.com - Search Specialist by Dave Cox on 500px

Desktop Wallpapers 3D Digital6

Photograph pet by Andy Pulmer on 500px

Desktop Wallpapers 3D Digital7

Desktop Wallpapers 3D Digital8

Desktop Wallpapers 3D Digital9

Photograph Esnipe - The Strategist by Dave Cox on 500px

Desktop Wallpapers 3D Digital10

Photograph Romantic Cyborg by Giuseppe Parisi on 500px

Desktop Wallpapers 3D Digital11

Photograph Garden, Denmark by Nikolaj Stausbøl on 500px

Desktop Wallpapers 3D Digital12

Photograph Esnipe.com - Communications Specialist by Dave Cox on 500px

Desktop Wallpapers 3D Digital13

Photograph Orion in 3D by Look Me Luck on 500px

Desktop Wallpapers 3D Digital14

Photograph ICE by Uli Staiger on 500px

Desktop Wallpapers 3D Digital15

Desktop Wallpapers 3D Digital16

Photograph Necromonger by Brigitte Champigny on 500px

Desktop Wallpapers 3D Digital17

Photograph Snowboard by Imantas Boiko on 500px

Desktop Wallpapers 3D Digital18

Desktop Wallpapers 3D Digital19

Desktop Wallpapers 3D Digital20

Photograph Penpho (pencil + photography) by Maxim Piessen--mpke-- on 500px

Desktop Wallpapers 3D Digital21

Photograph Racer A by Uli Staiger on 500px

Desktop Wallpapers 3D Digital22

Desktop Wallpapers 3D Digital23

Photograph Create your own hair by Maxim Piessen--mpke-- on 500px

Desktop Wallpapers 3D Digital24

Photograph Alice in Wonderland 2 by Xanti Rodriguez on 500px

Desktop Wallpapers 3D Digital25

Desktop Wallpapers 3D Digital26

Photograph Girl LIps by Bazinga Designs on 500px

Desktop Wallpapers 3D Digital27

Photograph Make it breathtaking by Bazinga Designs on 500px

Desktop Wallpapers 3D Digital28

Photograph iphone by Bazinga Designs on 500px

Desktop Wallpapers 3D Digital29

Photograph Eve LOve Cats by Bazinga Designs on 500px

Desktop Wallpapers 3D Digital30

Photograph 3D Superman by L Joe on 500px

Desktop Wallpapers 3D Digital31

Desktop Wallpapers 3D Digital32

Desktop Wallpapers 3D Digital33

Desktop Wallpapers 3D Digital34

Desktop Wallpapers 3D Digital35

Desktop Wallpapers 3D Digital36

Desktop Wallpapers 3D Digital37

Desktop Wallpapers 3D Digital38

Desktop Wallpapers 3D Digital39

Desktop Wallpapers 3D Digital40

Desktop Wallpapers 3D Digital41

Desktop Wallpapers 3D Digital42

Desktop Wallpapers 3D Digital43

Desktop Wallpapers 3D Digital44

Desktop Wallpapers 3D Digital45

]]> http://1stepwebdesign.com/tutorial/design/45-cool-and-height-quality-3d-wallpapers/feed/ 1 40 Business brochures Design for Inspiration http://1stepwebdesign.com/graphic-design/40-business-brochures-design-for-inspiration/ http://1stepwebdesign.com/graphic-design/40-business-brochures-design-for-inspiration/#comments Tue, 01 May 2012 00:00:45 +0000 Robert http://1stepwebdesign.com/?p=4780

Brochures are one of the most powerful marketing tool for companies and organizations. Through brochures companies are able to tell people about their products or services as well as their mission/vision as a company or organization. In creating a brochure, design is a major factor such as the choice of color scheme, the size of the brochure, the printing process to be used or applied as well as the type of paper. These are just some of the major considerations when conceptualizing a brochure design.

Check out the brochures below to see what solutions other designers have come up with. If you need a reliable and affordable brochure printing company to print your design or brochure templates to make sure your design file’s all ready for printing, check out.

Yahoo Search Marketing Brochure

Graphic Water Company Brochure

Unicer

CHOP STICKS

3rock Corporate Brochure

Brochure Design Samples

brochure-design-1

CHP Brochure
CHP Brochure

California Academy of Sciences

Simplicity Works
Simplicity Works

vi.sualize

CirclePharma Brochure
CirclePharma Brochure

Triangular Folding Brochure
Triangular Folding Brochure

Reynolda Village Branding

brochure-design-8

Anchure

LifeSynch Capabilities Brochure

brochure-design-15

Nick Cave
Nick Cave

Studio MIKMIK

Volkswagen
Volkswagen

inkdphotos

Elegant Winery Brochure

MCA A5
MCA A5

Hardware Store Brochure

Vertex. Climbing Store
Vertex, Climbing Store

Key Slovenia Contemporary Slovenian Writers
Key Slovenia Contemporary Slovenian Writers

REBLOG
REBLOG

Falconry UAE
Falconry UAE

Ozlab
Ozlab

Iride

brochure-design-2

Centrocar Brochure Design
Centrocar Brochure Design

Bloomberg Art
Bloomberg Art

AstraZeneca Recruitment
AstraZeneca Recruitment

Lirica

brochure-design-3

Birth Announcement Leon
Birth Announcement Leon

Leporello Street Art design 1
Leporello Street Art Design 1

Walsh and Jenkins

brochure-design-4

Accordian
Accordian

Perfil Institucional
Perfil Institucional

LUNA condominiums

brochure-design-5

Rebrand
Rebrand

Brochure
Brochure

]]> http://1stepwebdesign.com/graphic-design/40-business-brochures-design-for-inspiration/feed/ 2 35 Best Collection of Dirty Wall Textures http://1stepwebdesign.com/graphic-design/35-best-collection-of-dirty-wall-textures/ http://1stepwebdesign.com/graphic-design/35-best-collection-of-dirty-wall-textures/#comments Mon, 30 Apr 2012 09:08:44 +0000 Robert http://1stepwebdesign.com/?p=4775

Texture describes the tactile quality of a form. Accurate rendering of an object’s texture is the key to very realistic drawing. Texture is very useful for every graphics and web designer that’s why we will post more high quality textures more often. With just a little tweak of imagination and creativity, they can already create good design artworks with it.

Today I will release the second free textures set for my readers/subscribers. Here is 11 free Grungy Wall Textures that you can use for your future project. We hope that this post will inspire you to add some textures into your designs as well. Feel free to download and share these textures to your friends.

dirty wall texture 1

Free Dirty Wall Texture

dirty wall texture 2

Free Dirty Wall Texture

dirty wall texture3

Very Useful Dirty Wall Texture

dirty wall texture4

Some Dirty Wall Texture

dirty wall texture5

dirty wall texture6

dirty wall texture7

dirty wall texture8

dirty wall texture9

Expedient Dirty Wall Texture

dirty wall texture10

So Cool Dirty Wall Texture

dirty wall texture11

Free Dirty Wall Texture

dirty wall texture12

Free Dirty Wall Texture

dirty wall texture13

dirty wall texture14

dirty wall texture15

dirty wall texture16

dirty wall texture17

dirty wall texture18

Dark Dirty Wall Texture

dirty wall texture19

Mixed Dirt on Dirty Wall Texture

dirty wall texture20

Free Dirty Wall Texture

dirty wall texture21

Free Dirty Wall Texture

dirty wall texture22

dirty wall texture23

dirty wall texture24

dirty wall texture25

dirty wall texture26

dirty wall texture27

dirty wall texture28

dirty wall texture29

Used to be Clean Dirty Wall Texture

dirty wall texture30

Design Effective Dirty Wall Texture

dirty wall texture31

Design Effective Dirty Wall Texture

dirty wall texture32

Free Dirty Wall Texture

dirty wall texture33

dirty wall texture34

dirty wall texture35

]]> http://1stepwebdesign.com/graphic-design/35-best-collection-of-dirty-wall-textures/feed/ 2 Collection of Web Design Scrolling Effects http://1stepwebdesign.com/web-design/collection-of-web-design-scrolling-effects/ http://1stepwebdesign.com/web-design/collection-of-web-design-scrolling-effects/#comments Sun, 29 Apr 2012 00:00:10 +0000 Robert http://1stepwebdesign.com/?p=4749

Scrolling effect in web design is something that has gained popularity over the past couple of years. When used properly, it can result in a rich and engaging user experience with seamless navigation. For a web designer it is really important to stay updated with all the latest trends and to know how to use them nicely.  We have a list of Collection of Web Design Scrolling Effects for inspiration. All these designs were especially handpicked and are totally amazing. So check them out and get inspired!

Manufacturedessai

Manufacturedessai.it in Parallax

Air Jordan 2012

Air Jordan 2012

Markus-neidel

Markus-neidel.de in Parallax

Friendly Gents

Parallax Scrolling in Web Design

Thebeatlesrockband

Thebeatlesrockband.com in Parallax

Saucony

Saucony

Tedxportland

Tedxportland.com in Parallax

Dezignus

Dezignus.com in Parallax

Netlash-bSeen

Netlash-bSeen

2011.beercamp

2011.beercamp.com in Parallax

Farmhousefare

Farmhousefare.co.uk in Parallax

TokioLab

Parallax Scrolling in Web Design

Lagentehadichosi

Lagentehadichosi.es in Parallax

Beautifulexplorer

Beautifulexplorer.com in Parallax

Cheese Please

Cheese Please

Fingerbilliards

Fingerbilliards.com in Parallax

Nikebetterworld

Nikebetterworld.com in Parallax

Marcus Thomas

Parallax Scrolling in Web Design

Campaignmonitor

Campaignmonitor.com in Parallax

Soleil Noir

Soleil Noir

Tokyu Agency Recruit 2013

Parallax Scrolling in Web Design

Webdesigncompany24x7

Webdesigncompany24x7.com in Parallax

Fishy

Fishy

8vodesigns

8vodesigns.com in Parallax

New Zealand

New Zealand

Lostworldsfairs

Lostworldsfairs.com in Parallax

Wecamefrommars

Wecamefrommars.com in Parallax

no leath

Parallax Scrolling in Web Design

Sidd

Sidd.me in Parallax

Q music Titanic

Q music Titanic

Guidetotheappgalaxy

Guidetotheappgalaxy.com in Parallax

Head 2 heart

Head 2 heart

Rastapenatal

Rastapenatal.com.br in Parallax

Putzengel

Parallax Scrolling in Web Design

Xhtmlslicing

Xhtmlslicing.com in Parallax

]]> http://1stepwebdesign.com/web-design/collection-of-web-design-scrolling-effects/feed/ 1 25 Clean jQuery Lightbox Scripts http://1stepwebdesign.com/tutorial/25-clean-jquery-lightbox-scripts/ http://1stepwebdesign.com/tutorial/25-clean-jquery-lightbox-scripts/#comments Sat, 28 Apr 2012 11:22:16 +0000 Robert http://1stepwebdesign.com/?p=4740

JQuery is becoming popular in the design community because it could transform a web page from being dull to being attractive and entertaining making it one of the most powerful tools for web designing. Lightbox is a plugin for jQuery and is considered to be one of its most amazing features. It is used to overlay pictures and videos on the current page through the power and flexibility of jQuery´s selector. The images it display use the modal dialogs and are very easy to implement.

Today we listed 25 Clean jQuery Lightbox Scripts to get your media displaying elegantly on your website without the need to load a new window, images and videos can load in a pop up style window which overlays on your current page.

Pirobox V.1.2.2

piroBox jQuery plugin

piroBox jQuery plugin

ColorBox lightbox jQuery plugin

"ColorBox" lightbox jQuery plugin

Awesome Box JavaScript gallery

"Awesome Box" JavaScript gallery

Lightview jQuery Plug-in

Lightview jQuery Plug-in

EnlargeIt! JavaScript gallery

EnlargeIt! JavaScript gallery

jQuery Lightbox

GreyBox

Bumpbox 2.0 Mootools lightbox clone

«Bumpbox 2.0» Mootools lightbox clone

Lightview

Color Box

Color Box

Highslide JS

FancyZoom JavaScript plugin

FancyZoom JavaScript plugin

Visual jQuery LightBox

LightWindow v2.0 lightbox plugin

LightWindow v2.0 lightbox plugin

NyroModal

jQuery Lightbox (balupton edition)

Shadowbox

Shadowbox

Milkbox Mootools plugin

Milkbox Mootools plugin

TopUp

TopUp

Highslide Lightbox Plug-in

Highslide Lightbox Plug-in

Colorbox

Lightbox Gone Wild

Lightbox 2

Lightbox 2

Pirobox Extended V.1.0.

Pirobox Extended V.1.0

Ceebox

Ceebox

]]> http://1stepwebdesign.com/tutorial/25-clean-jquery-lightbox-scripts/feed/ 0 30 professional Web Designs Inspiration http://1stepwebdesign.com/graphic-design/30-professional-web-designs-inspiration/ http://1stepwebdesign.com/graphic-design/30-professional-web-designs-inspiration/#comments Tue, 24 Apr 2012 01:43:57 +0000 Robert http://1stepwebdesign.com/?p=4726

Professional web designs / graphic designer, must have an online portfolio which exposes your work and sells yourself and your services. Today I would like to share 30 professional Web Designs for your Inspiration. This post is to inspire you with the fresh inspiring designs submitted by designers worldwide. I may publish your work here. Enjoy!

Cafundo

Cafundo

Colombian Coffee Hub

Colombian Coffee Hub

Griffinabox

Griffinabox

Industry Weapon

Creative Websites Inspiration

Veerle Blog 3.0

Veerle Blog 3.0

RGA Communication

RGA Communication

Glitch

Glitch

Condominiocaledonia

Creative Websites Inspiration

Lipton Ice Tea

Lipton Ice Tea

Cappen

Cappen

Kokoro & Moi

Kokoro & Moi

Zoo Advertising

Zoo Advertising

FreeAssociation

FreeAssociation

Event I Pity

Event I Pity

Swwweet

Swwweet

Artua

Creative Websites Inspiration

Macaroni Bros

Macaroni Bros

Andy Ward

Andy Ward

Tvornica Bannera

Tvornica Bannera

Map Commission

Creative Websites Inspiration

More Air

More Air

Polecat IOS iPhone iPad Developer

Polecat IOS iPhone iPad Developer

Andrew

Andrew

ArtWebRio

ArtWebRio

Floor26

Floor26

Sonyericsson

Creative Websites Inspiration

Casavan

Casavan

Bokche

Bokche

Odopod

Odopod

Peer

Peer

]]> http://1stepwebdesign.com/graphic-design/30-professional-web-designs-inspiration/feed/ 2