Register now or login here to start promoting your blog and your favourite articles.

Category / Tutorial

2010

31

AUG

How to Apply Vector Patterns in Photoshop

Patterns are a very good choice when you want to create a quick background or apply a nice texture to an object. However, creating your own patterns is tiresome work and most of the time, you don’t even get close to what you originally intended to do.

design, misc, photoshop, tutorial

169

0 comments

2010

29

AUG

How To Design A Website Layout Using The Apple Style

In this tutorial I will show you how to create a website layout using the apple.com style

photoshop, template, tutorial

512

0 comments

5 Best Resources for Build a Memorable Brand

In this resources you'll find the basics, series, tips and strategies that will help you to build unique and memorable brand.

285

0 comments

15 CSS3 Menu Navigation Tutorials

On previous post we are published article “25 Excellent CSS3 Button Tutorials”. Today we are continue our CSS3 exploration on menu and navigation tutorial and techniques that make use of the wonderful new properties that CSS3 offers.

css-html, tutorial

405

0 comments

2010

28

AUG

How to create an portfolio layout with seamless textures

Learn how to design an web layout with seamless textures

design, graphic, photoshop, tutorial

416

0 comments

2010

25

AUG

How to create an Fairytale Photo Manipulation

Learn how to create an awesome fairytale photo manipulation

graphic, photography, photoshop, tutorial

171

0 comments

Learn to create a restaurant web layout in Photoshop

In this tutorial I will teach you how you can create a restaurant website layout using Photoshop

photoshop, template, tutorial

11

0 comments

2010

23

AUG

CSS3 Sidebar Full Height Background Color

This is a small CSS3 trick which can do the Faux Columns trick without using image. The problem with sidebar in layout is it cannot extend automatically full height along with the content. We usually do it by creating an image background and repeating it the way down for content container. Today, I will show you how we get the same result with CSS3. This technique is using the CSS3 gradient.

css-html, tips, tutorial

1177

0 comments

How to Create a Vintage Party Poster in Photoshop

In this tutorial we will create a poster using stock vectors, basic shapes and stock photos. Along with this, you will learn to use basic Blending properties and shading. Every step is well explained and you will learn a lot of things if you follow them accordingly.

design, misc, photoshop, tutorial

220

0 comments

2010

21

AUG

July’s Fresh Photoshop Web Layout Tutorials

This roundup includes 21 Photoshop tutorials which deal with creating web layouts, fresh and inspirational resources from design community (July 2010).

inspiration, photoshop, tutorial

313

0 comments

5 Best Resources for Effective Twitter Background Design

In this post we have a roundup of photoshop tutorials, tips, how to and best practices as a resources that highly recommended to make a good impression with a custom twitter background design.

design, tutorial

323

0 comments

2010

18

AUG

Learn how to create a professional travel/booking web layout in Photoshop

In this tutorial I will show you how to create a nice and professional web layout for your travel website.

photoshop, template, tutorial

286

0 comments

Tutorial: Create a Molten Chocolate Business Card in Photoshop

In this photoshop tutorial we’re going to design up a single sided business card that features molten of delicious chocolate in background image using Photoshop.

design, photoshop, tutorial

313

0 comments

External Tip - 13 Fascinating Photoshop Tutorials You Should See

In this category we want to give you an advice to other great sites, where you can get a lot of very useful information, inspirations and materials. I collected 13 fantastic Photoshop tutorials, which can help you to expand your skills.

graphic, photoshop, tips, tutorial

276

0 comments

2010

17

AUG

37 Hot And Detailed Photoshop Tutorials

Hey there you hungry for tutorials you. I’ve got for you some neat Photoshop tutorials. It appears that some very hard working guys got busy and wrote some interesting tutorials to satisfy your appetite.

design, graphic, photoshop, tutorial

281

0 comments

2010

16

AUG

How to create an abstract colorful illustration in Illustrator

Today we will create an abstract colorful illustration. This technique can be applied to any shape, no hand drawing skills are required – just a bit of imagination. This tutorial can be completed by both beginners and advanced, all steps are explained in detail. Difficulty: Intermediate - Advanced Completion time: 45 min - 1 hour Tools: Illustrator CS3

170

0 comments

2010

12

AUG

Build a POI map using jQuery & Google Maps v3

A tutorial on building a POI (point of interest) map using jQuery and Google Maps V3.

css-html, javascript, tutorial

356

0 comments

Learn How To Create a Wordpress Theme in Photoshop

In this tutorial I will show you how you can create a wordpress theme using Photoshop.

photoshop, tutorial, wordpress

237

0 comments

55+ Tutorials of Excellent 3d Effects Using Photoshop

There are lots of 3d tools to create 3d effects but creating 3d effects in photoshop is really interesting. Even if you want to create 3d object or 3d typographic design everything is possible in photoshop. So today i have compiled 55+ amazing tutorials of creating 3d effect in photoshop.

inspiration, photoshop, tutorial, usability

186

0 comments

2010

10

AUG

Creating Customer Support Time Tracking Application ‘Daikon’ with Codeigniter Part 2

In this article we are going to create Support Module for Admin. Firstly we are going to create menu for admin then proceed to creating support files.

233

0 comments

2010

9

AUG

Create Animated Price Grid Using CSS3

So here today we will create a animated Price grid using css3 only. No Jquery No Images No flash at all.

css-html, tutorial

488

0 comments

2010

8

AUG

Use Custom Post Types UI plugin to Manage Your WordPress Custom Post Type

Using Custom Post Types UI plugin is a easiest way to create custom post types and taxonomies in WordPress.

tools, tutorial, wordpress

180

0 comments

Creating Customer Support Time Tracking Application ‘Daikon’ with Codeigniter Part 1

This time we are going to develop a customer time tracking application with Codeigniter. This allows admin to enter tickets purchased by customers and work done for customers. Customer can see the details of support including tickets purchase, work done and its time, total remaining tickets in minutes.

253

0 comments

2010

4

AUG

26 Photoshop Retouching Tutorials : Spice Up Your Photography!

There are several tricks and techniques you can adopt and apply via Photoshop, to make your pictures stand up to the mark of professional imaging.

design, photoshop, tutorial

237

0 comments

10 Utile Resources of Aug 2010 for Web Design and Development

In this post I am sharing some really useful and fresh resources to help web designers and developers for day-to-day projects needs.

inspiration, tutorial

233

0 comments

How to create an awesome portfolio layout in Photoshop

In this tutorial you will learn how to create a professional portfolio layout using Photoshop

design, template, tutorial

209

0 comments

2010

28

JUL

Thumbnails Navigation Gallery with jQuery

In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style.

css-html, javascript, tutorial

652

0 comments

2010

27

JUL

Tutorial: Create Stylish Blue VCard Layout in Photoshop

In this Photoshop tutorial we’re going to create a cool blue-looking VCard layout. As we go through with 10 steps, and we also included a PSD file as a resource file. I hope you’ll like this tutorial

design, photoshop, template, tutorial

249

0 comments

2010

26

JUL

Photoshop Tutorial: Create a Stormy Harry Potter Environment Effect

This Photoshop tutorial will show us how to create a similar effect we see in the Introduction clip of Harry Potter Series: a Stormy Environment Effect.

graphic, inspiration, tutorial, wallpaper

361

0 comments

2010

24

JUL

5 Tips and Tutorials for Creating Memorable Business Card

Below is a roundup of very usable tips and tutorials, that will help us for creating unique and memorable business card.

design, tips, tutorial

499

0 comments

2010

20

JUL

Photoshop Tutorial: Make A Glossy Flash Drive Icon From Scratch

In this tutorial we are going to create a Flash Drive image which can be used as an icon or added to your design project.

design, graphic, tutorial

399

1 comment

2010

19

JUL

20 Smashing jQuery WebApps

A look at the creative use of jQuery to bring out attractively useful web applications. This is a handpicked collection of the best jQuery web applications that I have come across. Add a style statement and great functionality combo with these amazing jQuery web apps.

css-html, graphic, javascript, tutorial

1184

0 comments

How to Fix IE7 Submenu Hover Problem

Internet Explorer 7, among many other drawbacks, does not know what :hover in CSS means, so drop down menus may not work well in IE7 when using :hover.

browser, css-html, design, tips, tutorial

593

0 comments

The Ultimate Collection of Adobe Illustrator Tutorials – Beginner to Advanced

40 of the best Adobe Illustrator tutorials (a mix of written and video tutorials), from beginner to advanced levels.

design, graphic, tutorial

415

0 comments

External Tip - 12 Great Photoshop Tutorials You Should See

In this category we want to give you an advice to other great sites, where you can get a lot of very useful information, inspirations and materials. I collected 12 fantastic Photoshop tutorials, which can help you to expand your skills.

inspiration, photoshop, tutorial

6391

0 comments

2010

18

JUL

5 Great Logo Design Tips and Tutorials

For this week we have roundup of great and very useful tips and tutorials about logo design process.

logo, tips, tutorial

489

0 comments

2010

17

JUL

How to Invoice Your Client using Paypal (Tips for Freelancers)

In this post I going to share that how to send a invoice to your client using Paypal in four easy steps.

397

0 comments

3 cool text effects Gold , Metal & plastic in photoshop

Learn how to create 3 cool , easy and attractive text effects . Gold shiny text , Clear plastic text and metallic text .

design, graphic, photoshop, tutorial

364

0 comments

2010

15

JUL

How To Create An Automotive Website in Photoshop

In this tutorial I will show you how easy is to create an automotive website using Photoshop

photoshop, template, tutorial

256

0 comments

2010

14

JUL

10 Awesome jQuery Tutorials About Twitter

Below are 10 awesome jQuery tutorials will allow you to insert very interesting effects and help you to unite of one of the most popular social media networks : Twitter, in to your website.

javascript, tutorial

2676

2 comments

2010

13

JUL

WordPress 3 and What You Can Do!

A deeper look at new features of Wordpress 3 and see what we can do.

design, tips, tutorial, wordpress

2470

0 comments

The Power Of CSS:40 Totally Pure CSS Effects With Demos-No Javascript

We know that Javascript with jQuery is being used in web sites and blogs so much in the last few years and okey, it gives great interactivity.But this is not the only way.There is always an alternative and i think CSS is one of them.

css-html, tutorial

2572

1 comment

2010

12

JUL

Creating a round corner css website layout

How to build a round corner CSS website with dynamic flash content with Dreamweaver CS5

2375

0 comments

2010

9

JUL

15+ Amazing jQuery Navigation Menu Tutorials

The design of a website should be always clear and intuitive. And, of course, the key to clear design is a clear navigation. Today we are presenting you some of the most best and amazing jQuery-based navigation menu tutorials, you have to see.

javascript, tutorial

1273

0 comments

2010

7

JUL

25 Cool and Helpful jQuery Plugins/Tutorials For Your Next Project

We’ve collected jQuery plugins and tutorials a couple of times and it was time for another collection of jQuery plugins.All the below plugins have great functionality and i’m sure most of them will help you for your upcoming projects.

858

0 comments

How to create a sleek web 2.0 wordpress layout

Learn how to create a sleek web 2.0 wordpress layout. Download FREE PSD layout.

design, graphic, photoshop, tutorial

418

0 comments

2010

6

JUL

Illustrator tutorials roundup: June 2010

Last month has brought us lots of new stuff to learn, fresh tutorials filled with new and creative techniques for us to enjoy and apply to our future artworks. Here are the most relevant ones.

design, graphic, tips, tutorial

318

1 comment

2010

5

JUL

WordPress Tutorial: 5 Ways to Shorten Your Post Titles

I am under the personal belief that post titles should be short, sweet and precise enough to get the point across without sounding like an awkward newspaper headline. Sadly not all titles follow the same belief and as a result the layout of the website suffers. As noted on bavotasan.com "you can throw in as many keywords as you want in hopes that ...

design, graphic, php, tutorial, wordpress

292

0 comments

The Most Useful Flash Tutorial Resources

Flash is the first option to consider, when it comes to multimedia, interactivity, animation and stunning effects. This amazing technology has always been popular for the unbelievable opportunities it opens for website developers.

design, flash, tutorial

347

0 comments

14 Adobe Illustrator Video Tutorials to Create Icons

We compile some of the best and very useful Adobe Illustrator Video Tutorials to create vector icons.

icon, tools, tutorial

361

0 comments

30 Photoshop Tutorials To Create Website Layouts

Photoshop is an excellent tool for creating attract websites , so today we make very wide range Collection of photoshop tutorials for creating web design layouts.The are all different types of websites and styles of design represented, so you should certainly be able to find some useful tutorials from this group.

photoshop, tutorial

487

0 comments

Photoshop Tutorial: How to Draw Cartoonish Cavemen

In this tutorial I'm going to explain the making of the 'first chopper'.

graphic, photoshop, tutorial

415

0 comments

2010

4

JUL

How to create a trendy wordpress layout in Photoshop

In this tutorial I will show you how to create a trendy wordpress layout in Photoshop

design, photoshop, tutorial

437

0 comments

2010

2

JUL

How to create a web 2.0 layout in Photoshop

Learn how to create a gorgeous web 2.0 web layout

design, graphic, photoshop, tutorial

498

1 comment

Photoshop Tutorial: Create a Surreal Turtle Image

This tutorial shows the creation of one of my images. It shows how I adjust lighting and colours in my images to create this surrealistic turtle.

graphic, photoshop, tutorial

195

0 comments

2010

1

JUL

Create a cute monster girl in Illustrator

Today I will explain how to create a cute little monster girl and in the same time, you will learn to handle multiple layers and maximize their efficiency.

design, graphic, tips, tutorial

245

0 comments

2010

30

JUN

35+ Fresh WordPress Tutorials and Resources of June 2010

In this post we collect a wide selection of fresh wordpress resources from the month of June. All of the resources in this post are categorized and hopefully you will find a number of new resources that will be practical for your own work.

freebies, tutorial, wordpress

184

0 comments

Design a website layout in photoshop - PORTFOLIA

In this photoshop tutorial we will learn to design a clean website layout. 960 grid system is what we are going to use in this tutorial and lots of photoshop techniques will be dealt as we go through.

design, graphic, photoshop, tutorial

webanddesigners

311

0 comments

Quick and Easy jQuery Font Resizer Tutorial

This time, we are going to learn how to build a javascript font resizer that allow you to resize some section of your text instead of everything. This tutorial focuses more on the javascript, so the HTML and CSS are really basic.

css-html, javascript, tutorial

5073

5 comments

2010

29

JUN

20+ High Quality Adobe Fireworks Tutorials

Adobe Fireworks is an excellent tool for designers. It provides a unique balance between vector and raster graphics, which is a nice hybrid between Illustrator and Photoshop. In this post we’ll feature 20+ of the best tutorials for Fireworks that will help you to get started.

design, photoshop, tutorial

319

0 comments

2010

28

JUN

Learn how to create a nice and cool grunge web layout

In this tutorial I will teach you how to create a nice and cool web layout in Photoshop

design, template, tutorial

350

0 comments

2010

27

JUN

How to create a software manufacturer layout to promote your products

Learn how to create a prime quality layout with a nice design to represent your company

design, graphic, photoshop, tutorial

373

0 comments

Beautiful Photo Stack Gallery with jQuery and CSS3

In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

css-html, javascript, tutorial

815

1 comment

2010

26

JUN

Create a dating agency layout

Learn how to create a nice looking layout for a dating agency

graphic, photoshop, tutorial

310

0 comments

Top 10+ 3D Text Effect Tutorials

This is a collection of the top 10 high quality 3D text effect tutorials out there. Some of these use programs such as Xara and 3DS Max and other are easily achieved just by using Photoshop.

photoshop, tutorial

292

0 comments

2010

25

JUN

CSS3 Flying Menu

This is a request post from my reader. He asks me how to create a simple menu that have a flying effect when user hovering them using only CSS. As we know CSS3 is more powerful with its transition property, it help us creating animation without any JavaScript or even Flash help. We’ll use them for creating the flying effect and here is the result. Enjoy!

css-html, tutorial

565

0 comments

What CSS3 Can Do For You: Animation and 3D effects

I went over the great ways to develop buttons and how to effectively use imagery transitions. Now we will move on and talk about the great ways to use CSS3 for animation and 3D effects.

css-html, design, tips, tutorial

290

0 comments

2010

24

JUN

Performance-Friendly Javascript Packing w/ PHP & Caching

How to use PHP, Caching and Apache to provide automatic Javascript packing and/or obfuscation without taking a measurable performance hit.

javascript, php, tips, tutorial

davidstinemetze

465

0 comments

Fancy Image Hover Using CSS3

So here we will try to create fancy image hover with css3 as you all know we can have cool image hover effect using jquery but now using transform and transition properties of css3 we can have the same cooler effect with css3 only.

javascript, tutorial

444

0 comments

2010

23

JUN

Learn how to create a website layout in Photoshop

In this tutorial you will learn how to create a website layout using Photoshop

graphic, photoshop, tutorial

432

0 comments

2010

22

JUN

Create a Photo-Realistic Candle with Basic Photoshop Tools

In this tutorial, I will teach you how to design a realistic looking candle from scratch, using only Photoshop's basic tools.

graphic, photoshop, tutorial

299

0 comments

2010

21

JUN

How to Create a Tumblr Theme (Code Structure)

While tumblr coding is fairly easy to pick up compared to other more complex blogging systems, I want to give you an insight into the code and structure we are going to be deploying next time around when we set about converting a psd to tumblr.

tools, tutorial

534

0 comments

2010

20

JUN

Make Nice Captions Using Image Alternative Tag

There are many jQuery plugins that give designers an array of options to use in order to make very nice captions. We can’t argue with that, and what I am going to do here is not much different, but it might just help you avoid the need to include a large number of plugins on a single web page.

css-html, design, javascript, tools, tutorial

481

0 comments

Top 20+ Studio Max Tutorials

3ds Max is a strong, flexible and professional 3D animation rendering and modeling software. It is mostly used by video game developers, design visualization specialists and architectural visualization studios. This is a collection of the best 20+ Studio Max Tutorials on the web.

tools, tutorial

348

0 comments

2010

19

JUN

Photoshop Tutorial: Make a Realistic Football from Scratch

This tutorial will show you how to create a realistic football in Photoshop.

graphic, photoshop, tutorial

273

0 comments

How to Create a Redirect Page Template in WordPress

Redirect page template is a page template to make a link to an external site. This page is very useful if you want to shorten your link address or it can also be used to hide your affiliate link.

cms, template, tutorial, wordpress

268

0 comments

2010

16

JUN

Create Your Own Dashboard Menu

In this tutorial we are going to create our own dashboard menu as in Leopard dashboard. Dashboard menu in Leopard usually uses as a container for a tons of widgets we have and that will be nice if we have one on our web application. First, take a look at below demo to know the result we want to build.

css-html, javascript, tutorial

833

0 comments

Give Your Gallery Some Old Fashion Static Noise

For old times sake, lets make a small jQuery gallery plugin which ads static noise with every slide change, and where slides can contain anything from images, to any other content. But, no fancy controls. Just a basic wrapper that hooks up on parent container and transforms it into a one slide at the time gallery, with optional slide interval and static noise duration.

design, javascript, tools, tutorial

510

0 comments

Create a nice portfolio/showcase web layout in Photoshop

In this tutorial you will learn how to create a portfolio/showcase website in Photoshop

graphic, template, tutorial

429

0 comments

2010

15

JUN

How to Create a Classic Table Phone in Illustrator [Very Detailed]

In today's Illustrator Class, We are going to draw a classic telephone in Adobe Illustrator CS4. We will start from sketch and then will turn it down to a Digital Graphics.

242

0 comments

Illustrator Portrait (female) - Tutorial for Professionals

Vectorize a portrait with Adobe Illustrator. This Illustrator-Tutorial will explain the development process of a female photo portrait.

graphic, inspiration, tutorial

Webstandard-Team

261

0 comments

2010

14

JUN

Filtering Through Table Rows With Few Lines Of Code

Just as we’ve started plugins section with a simple plugin, lets start tutorials section with a simple tutorial in which we will use jQuery to filter out table rows that do not contain desired search string. It really doesn’t get simpler than that as we will use only a couple of jQuery lines to achieve our goal.

css-html, design, javascript, tutorial

313

0 comments

Learn how to create an artistic website layout in Photoshop

In this tutorial I will show you how to create an artistic web layout in Photoshop.

design, photoshop, template, tutorial

278

0 comments

2010

11

JUN

How to create a clean business layout for Drupal

This tutorial will teach you how to create in just a few steps a clean business layout suitable for a Drupal theme.

design, graphic, photoshop, tutorial

393

0 comments

May’s Best Resources for CSS3

Here are the best CSS3 coding techniques and tutorials of May 2010, 42 fresh resources to test and implement in your future web design projects.

css-html, trend, tutorial

322

0 comments

4 x 5 Star Rating Tutorial With jQuery In The Hot Seat

Sometimes logical steps, which we use every day to find solutions for our problems, fail us without a single word of warning. Sudden need for quality star rating tutorials ended up with four usable ones.

ajax, design, javascript, tutorial

442

0 comments

2010

10

JUN

Simple CSS3 Dropdown Menu

As we know, CSS3 has many good features for help us creating more sweet User Interface. One of them is box shadow, it helps us adding shadow effect on each styled element. You must be familiar with drop down menu with shadow effect on it, I usually add the effect using some images but now we’ll create that one using pure CSS.

css-html, trend, tutorial

850

0 comments

Everything a Web Designer Should Know About Google Fonts API

Typography is the most valuable asset of your blog. It doesn't matter if you have a colorful design blog, an awesome web magazine or a plain simple blog.

css-html, graphic, tutorial

webanddesigners

615

0 comments

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [end]

The final part of a six part tutorial on building a live blogging system using php, mysql, jQuery, html5 and CSS3.

ajax, javascript, php, tutorial

234

0 comments

2010

9

JUN

15+ Best Multi Level Menu jQuery Plugins and Tutorials

This is a collection of the 15+ best Multi Level Menu jQuery Plugins and Tutorials we could find on the internet.

javascript, tutorial

1133

0 comments

21 Useful and Practical jQuery Tutorials You Might Have Missed

My second round up for all the tutorials I have made. Can't believe it I have made another 21 tutorials and there are 43 tutorials now focus on different design elements such as horizontal, vertical menu, accordion, toggle content, sliding, gallery and lot more!

css-html, design, javascript, tutorial

18674

5 comments

22 Excellent JQuery and CSS Tutorials

JQuery and CSS are evolving and reaching new levels of quality and interactivity. Jquery produces extremely smart and professional features without the need of any animation ability. The opportunity arises to use these elements to enhance Design. In all, CSS and Jquery will always have their place within the market of Web Design for the time being.

css-html, design, tutorial, usability

457

0 comments

2010

8

JUN

Create a soft green website layout in Photoshop

In this tutorial I will show you how to create a soft green website using Photoshop

photoshop, template, trend, tutorial

158

0 comments

Make Seamless Fabric Texture In Photoshop In Just Three Steps

Learn how to make a seamless realistic fabric texture in Photoshop. It will take just 3 steps to create this texture – its that easy ! It will come handy in case of large files as it’ll repeat on its own. You won’t have to worry about tiling the texture.

design, graphic, photoshop, tutorial

185

0 comments

6 Ways to use a seamless pattern in Photshop and Illustrator

We want you to get the most out of our vector patterns so to make your job easier, we've made a list of methods you can use to apply patterns to your artwork, for both Illustrator and Photoshop. Difficulty: Beginner Completion time: 5-10 minutes

design, graphic, tips, tutorial

317

0 comments

IE6 Browser Compatibility: Is it the time to look beyond?

The issue whether to support Internet Explorer 6 (IE6) or not has been under debate for the past few years. IE6 has a number of compatibility issues, no doubt. It’s been a major cause of worry for Web designers.

css-html, tutorial, wordpress

483

0 comments

Create a Custom Content Slider with jQuery

In this tutorial, we are going to create a custom content slider. The concept behind it is pretty simple, when you click on a button, it uses jQuery scroll-To plugin to scoll the content and display the right content.

css-html, design, javascript, tutorial

17476

21 comments

2010

7

JUN

Learn how to create a sleek portfolio layout

This tutorial will teach you how to create in just a few steps a sleek portfolio layout with a gritty look.

design, graphic, photoshop, tutorial

485

0 comments

Create a real estate web layout in Photoshop

In this tutorial you will learn how to create a real estate web layout using Photoshop

design, graphic, photoshop, template, tutorial

320

0 comments

Quick Tip : Make A Post Automatic Excerpt With Image Thumbnail on WordPress 2.9+

Excerpt is a wordpress feature which will facilitate you to display a summary of the article on index pages automatically. However, this feature has a weakness, namely a picture in your article will not appear on index pages automatically. Lucky, start from WordPress 2.9, theme authors can easily enable Post Thumbnail

tips, tutorial, wordpress

488

1 comment

2010

6

JUN

jQuery: Animate to an Unknown, Variable Height or Width

Imagine an animated, sliding box displaying a daily news feed. When the page loads the box displays an excerpt of news then expands to display the full content. Now make sure the article is selected at random so we never know it’s full length. Sounds like fun already. The unknown variable for height in this scenario can cause a few headaches using the .animate() method . . .

design, graphic, javascript, tutorial

578

0 comments

Tutorial: Magic Fields Duplicates

agic Fields provides a greater amount of control and ease-of-use over Flutter when it comes to duplicate fields. Unfortunately the instructions needed to use duplication are still difficult to locate, mainly because the manual hasn’t been fully translated from Spanish and posted on the Magic Fields website . . .

design, php, tutorial, wordpress

527

1 comment

jQuery: The Basics

Unless you’ve been living under a rock you’ve probably been exposed to jQuery. If you’ve been on Facebook, YouTube, or Twitter you’ve seen it. Those cool Popup windows, boxes that fade out, and other effects can be created using this powerful technology.

javascript, tutorial

474

0 comments

45 Of The Most Wanted Adobe Flex Tutorials

Looking for Adobe Flex tutorials? I know it’s hard to find them but fortunately I’m searching in every corner of the internet (ok, ok, maybe not in every corner) to find these tips and techniques.

flash, tips, tutorial

368

0 comments

2010

5

JUN

10 Amazing And Fresh Photoshop Special Effect Tutorials

In some cases the special effects give your photos a stylish view, with photoshop you can make as much effect, but the trick is to choose the methods according to the image.Here is a list of recent special effect tutorials with which you can learn many things in photoshop.

photoshop, tutorial

303

0 comments

Photoshop Tutorial:Create A Multimedia Player

Today we will draw an interesting In-Car Media Multiplayer and Receiver.The tutorial is not an advanced tutorial and mostly created by using Blending Options so it will be good for the beginners.In order to understand easily and follow steps better i separated the shape into 3 parts.Left,Screen and Right Part.

gadget, photoshop, tutorial

204

0 comments

WordPress 3.0 Features Every Theme Developer Should Know

WordPress 3.0 offers several exciting new features including: multiple sites, custom menus, custom post types and a new default theme. This article highlights important enhancements from theme developers point of view and provide links to some really useful resources.

php, tips, tutorial, wordpress

385

0 comments

2010

4

JUN

jQuery Notification Plugin with jQuery UI-ThemeRoller Ready

Pines Notify is a JavaScript noti fi ca tion plu gin for the jQuery JavaScript library, devel oped by Hunter Per rin as part of Pines.

ajax, css-html, design, javascript, tutorial

498

0 comments

How To: Implementing Gravatar in your PHP Application

We'll now make a simple PHP application which shows you the Gravatar associated with an email. So let's get started without wasting any time!

design, tutorial

213

0 comments

2010

3

JUN

Build a HTML5/CSS3 Website Layout Without Images – Part 2

In the first part of this article - Build a HTML5/CSS3 Website Layout Without Images – Part 1, we have finished explaining all the HTML5 elements used in the code of our demo's index.html page and today we will discuss the CSS properties used to make it pretty.

css-html, tips, tutorial, usability

365

0 comments

Show Number of Retweets in Wordpress Without a Plugin

Here we're going to show the number of retweets an article has using the Backtype API and PHP. No more bloaty or impossible-to-customize plugins, just a few lines of code and you can show how popular you are in style.

php, tutorial, wordpress

165

0 comments

2010

2

JUN

33 jQuery tutorials to create Navigation Menu

Design calls in loads of out of the box thinking. Design needs loads of effects and functionality that should make a distinctive image and perspective. jQuery is one tool that makes all of this possible.

css-html, javascript, tutorial

webanddesigners

813

0 comments

How to create a damask seamless pattern in Illustrator

In this tutorial we will learn to create a damask seamless pattern based on a few vector flowers. Difficulty: Intermediate Completion time: 1-2 hours

design, graphic, tips, tutorial

201

0 comments

2010

1

JUN

Ways to tame anger at work

The input that you endow in your work gives an output of satisfaction in whatever you perform and your organization is happy with you. A problem free work environment is only seen in dreams or stories which is beyond reality.

misc, tips, tutorial, usability

webanddesigners

298

1 comment

How to code an HTML Email Newsletter

In this step-by-step tutorial, I’m going to show you exactly how to code an HTML email; be it an HTML Email Signature or HTML Email Newsletter.

css-html, design, template, tips, tutorial

516

0 comments

33 Specific to WordPress Category Hacks And Useful Resources

Here are 33 Specific to WordPress Category Hacks and Useful Resources, focusing on RSS related to category, control through .htaccess file, plugins specific to category resources to reduce time and give us a better understanding of Wordpress.

php, tips, tools, tutorial, wordpress

blogwebdesigner

372

0 comments

2010

31

MAY

Complete Guide to Live Blogging

If you’re attend ing a conference or other event related to your blog’s niche, you might want to consider live blog ging from the event.

cms, tutorial, wordpress

203

0 comments

April’s Fresh Photoshop Web Layout Tutorials

This roundup includes 16 Photoshop tutorials which deal with creating web layouts, fresh and inspirational resources from design community (April 2010).

design, photoshop, trend, tutorial

416

0 comments

External Tip - 11 Very Useful Photoshop Tutorials You Should See

In this category we want to give you an advice to other great sites, where you can get a lot of very useful information, inspirations and materials. I collected 11 fantastic Photoshop tutorials, which can help you to expand your skills.

design, inspiration, photoshop, tutorial

263

0 comments

Really Useful Tutorials You Should Have Read in May 2010

This update covers really useful tutorials, tips and techniques that you should have read in May 2010. Featured authors include: Marco Kuiper, Jeff Starr, Louis Lazaris, Martin Angelov, Paul Irish, Janko Jovanovic, Saud Khan, Matt Ward, Adnan Osmani, Mary Lou, Steven Benner and more.

javascript, php, tutorial, wordpress

349

0 comments

jCollapsible – Simple Threaded Comments jQuery Plugin

jCollapisble is a JQuery plugin that takes any nested list (OL or UL that have children) and coverts it into collapsible threads. This is especially useful to create simple threaded comments on a blog or forum without having to modify the backend code.

css-html, javascript, tutorial

473

1 comment

2010

30

MAY

Quick Tip : Replace The Horizontal Page Menu With The Categories in WordPress Navigation Bar

In some wordpress theme, usually the category navigation menu often we get on the sidebar, but I think the position of the category navigation menu on the header section will be more beneficial, because it helps the reader to further explore our site content.

tips, tutorial, wordpress

421

0 comments

Designing and Optimising Websites for iPad

How big is iPad screen? What's the user agent string? How to specify a custom CSS for iPad devices? What technologies are supported on iPad? Find out all about Designing and Optimising Websites for iPad.

css-html, tips, trend, tutorial

449

0 comments

2010

28

MAY

30+ Best JavaScript Tutorials You Have To See

30+ best JavaScript Techniques and trainings we could find on the internet.

javascript, tutorial

637

0 comments

2010

27

MAY

30+ Photoshop 3D Typography Text Effect Tutorials

This great collection contains the best 30+ Photoshop 3D Typography Text Effect Tutorials we could find on internet. Enjoy!

photoshop, tutorial

392

0 comments

Simple “Call To Action” Button With css and jQuery

Today we’re going to cre ate an effec tive and awe some call to action but ton with some CSS and jQuery that grab the user’s atten tion and entice him to click.

design, freebies, photoshop, tutorial

511

0 comments

Experiment: Realistic Ipod with CSS3

For today’s post, I got inspired by Ahmed El Gabri and his article CSS3 Gradients Coffee cup. I figured if you could make a coffee cup, you could make just about anything with CSS3! For example, today I created a realistic Ipod just with CSS3 and no images at all.

css-html, design, trend, tutorial

392

0 comments

Highlight Current Category Menu Item for WordPress Single Post

Here are some quick tips help us to dynamically highlight the category menu item(s) when viewing a single post which belongs to that category(ies).

design, php, tutorial

308

0 comments

CSS Sprite - Optimize loading speed and reduce http-requests of your website

CSS Sprite - The biggest advantage of CSS sprites is the saving of HTTP requests to load the reduction in the overall size of the images and thus shortening the loading time of websites, for instead of many small individual graphics will create a larger graph with individual graphics.

css-html, design, tutorial

Webstandard-Team

325

0 comments

2010

26

MAY

Top 30+ jQuery Tutorials You Might Not Know

This is a huge collection of the most interesting jQuery Tutorials out there.

875

0 comments

How to add Floating share box to your website

After spending couple of hours searching for floating share box plugin for Wordpress, I finally decided not to use plugins.

css-html, javascript, tutorial

webanddesigners

571

0 comments

Drawing vector portraits Part 4: The Lips

In the previous posts, I’ve explained how to draw the face, eye and nose. In this tutorial I will explain how to properly draw the lips, obtaining depth and volume.

design, graphic, misc, tutorial

299

0 comments

Simplest jQuery Spotlight Effect Tutorial

This tutorial will guide you how to build a spotlight effect with caption. I have seen someone use this technique before, I think that's cool, so I decided to spice thing up a little bit by adding a caption into it.

css-html, javascript, tutorial

13678

5 comments

2010

25

MAY

Learn how to create a technology layout in Photoshop

In this tutorial I will teach you how to create a nice technology web layout using Photoshop

photoshop, tutorial

500

1 comment

Photo reconstruction: Venus de Milo

The concept of this tutorial is my response to the overwhelmingly magic power of the new Content Aware Fill tool, which is part of the new Photoshop CS5. You could also call it "Why humans are better than machines", even.

design, photoshop, tips, tutorial

438

1 comment

How to Create A Simple and Elegant Search Form in Photoshop

In this tutorial, we're going to learn how to create a search form in photoshop, with simple and elegant design. This design will become a mockup for the search form in WordPress. There are six easy steps to complete this tutorial, and shouldn't take you any longer than 15 minutes to complete.

design, photoshop, tutorial

671

0 comments

2010

24

MAY

Top 30+ Photoshop Tutorials Of 2010

Today we present The Top 30 Latest Photoshop Tutorials from 2010.

photoshop, tutorial

489

0 comments

Sliding Image Gallery - CSS3 Transition Tutorial (without JavaScript)

Sliding Image Gallery - Animated transitions on Webpage-elements such as image gallery are also possible without JavaScript. Based on CSS3-Transition the following Step-by-Step Tutorial is what you can now reach even with CSS3 transition in a few steps (without JavaScript!).

css-html, inspiration, tutorial

Webstandard-Team

1214

0 comments

Creating a Portofolio CMS with Codeigniter Part 4

This will be the final article of this series and we will cover a category page, product page and contact page in this article.

cms, php, tutorial

357

0 comments

2010

23

MAY

Quick Tip : Exclude Pages From Menu Navigation Bar Manually

Sometimes we wanted to create pages in WordPress but don't want them listed in the header or footer navigation areas. For example you want to make the page "Guides for using RSS feeds," and you think this page should not be displayed on the navigation menu. You can do this by excluding pages and in this article will show you how to do it.

tips, tutorial, wordpress

554

0 comments

2010

22

MAY

How to create an awesome hosting layout

Learn how to create a sleek hosting layout with a 3D navigation bar and a gritty background

design, graphic, photoshop, tutorial

339

0 comments

2010

21

MAY

Design an animated banner in Photoshop

In this tutorial I will show you how to use Photoshop to create an animated leaderboard banner.

design, photoshop, tutorial

456

0 comments

2010

20

MAY

51 photoshop tutorials for creating wallpaper and poster

Here are some splendid techniques where you can create your own wallpaper by learning some distinctive photoshop tricks in these.

design, photoshop, tutorial

webanddesigners

419

0 comments

Tabbed Content with Navigation using jQuery UI

Since last 1 week we haven’t post any tutorial and we are really sorry for this. But today will post a tutorial on content slide with manual navigation using Tab function of jQuery UI library.

css-html, javascript, tutorial

893

0 comments

Creating a Portofolio CMS with Codeigniter Part 3

View container. We create a folder under application/views/portfolio. Files, container.php, header.php and footer.php will go under this folder. In our contaner.php, we load all the css and javascripts in the head section. Then we load header.php, error display, content if exists, page and footer.php. All the variables $content, $module, $page etc will be set in our controller later.

cms, php, tutorial

561

0 comments

Infographic Cool Tutorials and Examples

Infographics are very informative and beautiful. After reading lots of them, you can learn important information about everything. They are simple, colorful (not always) and funny. I collect some tutorials to make your own but also some examples to take some ideas!

design, graphic, tutorial, usability

566

0 comments

2010

19

MAY

Design a professional wordpress layout

In this step by step tutorial you will learn how to design a professional Wordpress template

design, graphic, photoshop, tutorial

443

0 comments

Leave Facebook For These 11 Alternatives

You might have heard recently that Facebook has gone wild with the privacy issues. Facebook is plain evil, they now allow third parties to get your information with no strings attached. While its the second most visited site on the planet, the reputation of Facebook is going down.

tips, trend, tutorial, usability

517

1 comment

2010

18

MAY

Creating a Portofolio CMS with Codeigniter Part 2

We continue working on the administration backend in this article. The first thing is to add a our menu as you can see in the left image. Add application/views/admin/menu_extension.php and paste the following codes.

cms, php, tutorial

373

0 comments

8 Extremely Beautiful Flash and Javascript Image Sliders

There are heaps of image sliders out there. This time, my search is not limited to javascript only, but flash too. I know there plenty of flash gallery, but most of them are not free though. I have filtered out simple javascript slider and listed out only the best of the best.

design, flash, javascript, tutorial

13079

5 comments

Top 7 Wordpress 404 Plugins

Error 404 pages show up usually because of a misspelled, or deleted url. When this happens the ugly 404 page shows up, and scares the visitors away. You probably wonder ‘how can i fix this, without manually messing with the php code?’

tips, tools, tutorial, wordpress

431

0 comments

Creating a Portofolio CMS with Codeigniter

We are starting a new series of Codeigniter application tutorial. We are going to create a Portfolio CMS by using this free website template from Nettus. The template has index, about, portfolio, services and contact page.

cms, php, tutorial

733

0 comments

2010

17

MAY

How to Keep From Getting Burnt Out

I have had the pleasure of interviewing many designers and developers and one thing they all seem to have in common is they all agree that they love their job.

misc, tips, tutorial

275

0 comments

[CodeSnippet] Twitter-like Input Using CSS3

Twitter has a nice effect in presenting their tweet box by adding outer glow effect on it while the tweeps are tweeting. If you’re webkit-based browser user you must’ve notice that glowing effect works with the animation. We’ve discussed that technique on previous post (Stylize Input Element Using CSS3), the thing we’ve not yet do is adding the animation on it.

css-html, tips, tutorial

439

1 comment

35 jQuery Tutorials You Must Know

Jquery is one of the most used open source javascript library out there, just because of easy to use and easy to code. Our fellow web developer created some great jQuery tutorials and today we just want list some of the tutorials which really stand out from the tradition javascript effect tutorials. Check out this beautiful jquery tutorials which you all must know.

css-html, tutorial

839

1 comment

Photoshop Tutorial: Create a Magic Glowing and Sparkly Wood Scenery

This is a photoshop tutorial which will help you to create a lovely, magic looking wood full of glowing flowers, golden insects and nice birdie covered in glossy feathers.

graphic, photoshop, tutorial

327

0 comments

2010

16

MAY

Get your designs to pop: Part 5 – Typography

You know how, often times, clients demand that your design needs to pop more? Well, welcome to the last post of our 5 part miniseries jam packed with easy to follow tips and tricks. In this episode we’ll be covering the basics for: Typography.

design, font, tips, tutorial

407

0 comments

How To Make Your Website Mobile

The mobile industry is heavily growing. Many people don’t have a computer while commuting, but what they do have is their smartphone. Now a days you probably heard of the iPhone, Palm Pre, or Android phones. These are all smart phone used by millions of people each day.

tips, tools, tutorial, wordpress

468

0 comments

Developing an ASP.NET ColorPicker Server Control using jQuery

A tutorial on how to develop a custom jQuery plugin as well as an ASP.NET Server Control that wraps the mentioned plugin. The complete source code is also provided.

css-html, design, javascript, tutorial

422

0 comments

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part V]

A series of tutorials on building a live news blogging system. Developed using HTML5, CSS3, jQuery, XML for front end and php and jsp for backend.

css-html, mysql, php, tutorial

339

0 comments

2010

14

MAY

PHP & MongoDB Sitting in a Tree: Part 1

The first part of a new tutorial series that goes over how to use MongoDB with PHP.

mysql, php, tutorial

440

0 comments

2010

13

MAY

25 Very Detailed jQuery Image and Content Slider Tutorials

In the last few years image and content sliders become very popular and you can see them in thousand of blogs and websites.It is useful for a blog owner to show the featured contents and i also think it is a great way to attract the visitors

javascript, tutorial

1064

0 comments

Filter Image View Using jQuery

The image items are showing and hiding with horizontal slide effect based on user choice. Horizontal slide effect produced by manipulating item’s width, when hiding the item we will change the item width into 0 pixel, and when showing the item we will return its default width.

css-html, javascript, tutorial

805

0 comments

10 Tutorials To Kickstart Your Wordpress Plugins Development

Want to write your own wordpress plugin, but don't know where to start. Read my compilation of 10 sites for picking up your wordpress knowledge and step by step tutorials.

tutorial, wordpress

332

0 comments

2010

12

MAY

Analog Clock using Javascript & Raphael

I have used images of different dials (which I have downloaded from google) as backgound. Upon which the clock is drawn through Raphaël. Luckly, for me, the center of these dials images excatly conicides with the center for clock. Another option I provided in the demo is to change the color of second, minute and hour hand of the clock according to the dial selected by the user.

freebies, gadget, javascript, misc, tutorial

748

0 comments

Drawing vector portraits Part 3: The Nose

In the previous post, I’ve explained how to properly draw the eye. Further, I will explain how to draw the nose easily from scratch and with not too much strain.

design, graphic, tips, tutorial

401

0 comments

13 Best Web Form Design Tutorials and Resources

All of blogs designed these days have at least one form. Forms are the real workhorses of the Web design. If you’re a web designer then you’ll know that creating a good form is essential if you are to be efficient in your work.

design, tips, tutorial, usability

618

0 comments

5 CSS Methods to Style a Block with Background

Find out the different ways to style up a block with background with CSS and CSS3! This post is great for beginner who want to know most common methods to style up a website.

css-html, design, tips, tutorial

10581

14 comments

Creating a Bubble Coda Style with CSS3

As I have previously mentioned, CSS3 allows for web techniques such as: text shadows, rounded borders, animations, custom web fonts, and much more. CSS3 has a great future in web development and I have being reading and learning as much as I can about it!

css-html, design, trend, tutorial

558

0 comments

2010

11

MAY

A Different Type of Vintage: 40s Movie Inspired Retro

One of the most popular styles of late is the vintage look. So, in today’s tutorial I’m going to show you how to pull off a specific kind of vintage, inspired by the awesome art of 1940s cinema.

design, graphic, tips, tutorial

277

0 comments

10 steps to install Gd and ImageMagick using Yum on fedora server

GD and ImageMagick are must installed components on your server if you are dealing with images in PHP, and I can’t believe that your application is not using any image processing.

226

0 comments

2010

10

MAY

Best On WordPress From The Past Week N.5

This is our weekly roundup of the best wordpress articles, tips, tricks and hacks from the past week we ware able to find on the web.

css-html, tutorial, wordpress

481

0 comments

2010

9

MAY

Photoshop Tutorial: How to Paint a Realistic Proportioned Female Face

In this tutorial I will show you how to paint a proportioned female face from scratch... There are plenty of advanced ways to achieve this, but this tutorial will start with the absolute basics and move on to more advanced techniques, so even beginners can follow.

graphic, photoshop, tutorial

257

0 comments

2010

7

MAY

Get your designs to pop: Part 3 – Colors

You know how, often times, clients demand that your design needs to pop more? Well, welcome to part 3 of our 5 part miniseries jam packed with easy to follow tips and tricks. In this episode we’ll be covering the basics for: Colors.

design, photoshop, tips, tutorial

382

0 comments

HTML5 Unleashed: Tips, Tricks and Techniques

This article provides some basic guidelines and easy to follow code templates to get you started with HTML5. If you are familiar with the basics and want to take things to the next level, you will also find several useful resources providing more tips, tricks and techniques.

css-html, javascript, tutorial

573

0 comments

120+ PSD to HTML Conversion Tutorials

There are lots of PSD to HTML services that they can convert your PSD fast and quality into an HTML page. But why don’t you try to convert it alone? It’s cheaper and you will gain some experience! Below you will find a lot of PSD to HTML Conversion Tutorials, give them a try.

css-html, design, photoshop, tutorial

518

0 comments

2010

6

MAY

How to display ratings as stars using CSS and a bit of jQuery

A tutorial on how to display rating values as colored stars using CSS, two images. Optional enhancement with a touch of jQuery code.

css-html, design, javascript, tutorial

527

0 comments

CSS3 Music Player Menu

This post is the sequel post from “Photoshop Effect vs CSS3 Properties“, as you know on previous post we have tried to maximize the CSS3 power to create Photoshop-like effect. So, as I promised earlier, this post will explain how to use CSS3 properties only to create CSS Music Player Menu.

css-html, photoshop, tutorial

542

0 comments

Tutorial: How to create a burning flower

In this tutorial I will explain how to create a burning flower using Adobe Photoshop CS3.

design, graphic, photoshop, tutorial

423

0 comments

How to Add Social Media Links to Wordpress Without a Plugin

Adding social media links to a Wordpress theme is a necessity these days. Here you'll learn how to add the most popular social media sharing links to your Wordpress theme without bogging it down with another plugin.

css-html, php, tips, tutorial, wordpress

488

1 comment

10 Practical Jquery Style Switchers

Here is a roundup of 10 practical jquery stylesheet switchers for you to test and implement into your website, thus providing a better user experience.

css-html, javascript, tutorial, usability

572

0 comments

2010

5

MAY

Get your designs to pop: Part 2 – Light & Shadows

You know how, often times, clients demand that your design needs to pop more? Well, welcome to part 2 of our 5 part miniseries filled with easy to follow tips and tricks to get that lovely design of yours to pop! In this episode: Lights & Shadows.

design, photoshop, tips, tutorial

356

0 comments

Build Calendar with PHP

For my last project I required to use calendar in PHP. I searched of it online and there were lots of them. But all of them were complicated, packed with lots of features (appointments etc.) and lacks examples. So, instead of searching, I decided to create code for calendar myself in PHP. Here, I am providing you with the code that creates and displays calendar in PHP.

freebies, php, tutorial

576

0 comments

33 Imaginative Photoshop Drawing and Painting Tutorials

Today,i’ve compiled some tutorials which will help you to learn and improve yourselves in drawing and painting.Especially some brush tecniques are really interesting.

graphic, photoshop, tutorial

382

0 comments

2010

4

MAY

14 Best Fresh CSS3 Tutorials

CSS3 is one of new elements that take the website design to the next level. CSS3 has been around for awhile but it’s still not supported on some browsers such as Internet Explorer. css3 has the ability to allow you to create rounded borders, drop shadow behind an element or even allow multiple images to be layered on the background and much more.

css-html, design, tutorial

599

0 comments

2010

3

MAY

Drawing vector portraits Part 2: The eyes

In this article I will explain how to properly draw the human eye based on anatomy. We will discuss all details based on this pencil sketches I made.

design, graphic, tips, tutorial

375

0 comments

2010

2

MAY

Get your designs to pop: Part 1 – Textures & Patterns

You know how, often times, clients demand that your design needs to pop more? Well, welcome to a 5 part article filled with easy tips and tricks to get that lovely design of yours to pop, without compromising quality

design, photoshop, tips, tutorial

415

0 comments

2010

1

MAY

Best of the Web: April 2010

Today we are showcasing “Best of the Web”. We have scoured the internet in search of other design driven blogs and websites to showcase what they have to offer for the month of April, 2010. There is plenty of great stuff out there such as tutorials, freebies, resources and lots of inspirational pieces. I am confident that your designs will benefit from these hot new finds.

design, graphic, photoshop, tutorial

506

0 comments

2010

30

APR

Really Useful Tutorials You Should Have Read in April 2010

This update covers really useful tutorials, tips and techniques that you should have read in April 2010. Featured authors include: Roger Johansson, Ashley Ford, Louis Lazaris, Inayaili de Leon, Remy Sharp, Nick La, Burak Guzel, Siddharth, Justin Tadlock, Alex Denning, Chris Spooner and more.

415

0 comments

Photoshop Effect vs CSS3 Properties

In previous tutorial I was explained how to stylize input element with photoshop effect (color gradient, smooth border, box shadow, drop shadow) using CSS3 only. In this post We will play in depth with them, since they have advantages on their own field I’m not going to compare both of them nevertheless.

css-html, tips, tutorial

349

0 comments

2010

29

APR

Which Plugin Do You Use for Comment Subscription in Your Blog?

I bet the answer for most of you is either the Subscribe to Comments WordPress plugin or Disqus/IntenseDebate. They may work just fine, however, when I

tools, tutorial, wordpress

423

1 comment

2010

28

APR

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part IV]

A series of tutorials on building a live news blogging system. Developed using HTML5, CSS3, jQuery for front end and php and jsp for backend. In this fourth part we create methods to delete news items from our database.

mysql, php, tutorial

422

0 comments

Tutorial: Retro vector illustration in 15 Steps

In this tutorial I will show you how to create a retro vector illustration using stock vectors and simple distortion techniques.

design, graphic, tips, tutorial

409

0 comments

30 Best jQuery tutorials

jQuery these days has become talk of the town because of its increasing crave and demand in the designing field. It has captivated attention by its fast and concise JavaScript Library that simplifies, event handling, animating, HTML document traversing and Ajax interactions for speedy web development.

javascript, tutorial

webanddesigners

720

0 comments

Part 1: How to Turn a Design Image Into a Working Web Page

Do you sometimes struggle taking a design image and turning it into a working web page? Does your development start out well, but then you can't seem to get one part of the design working?

css-html, design, photoshop, tutorial

294

0 comments

Create a Simple Interactive CSS Button with jQuery

Alright, in this tutorial we will be creating a button that will replace the default submit button. It will be degrade gracefully, animated and easy to implement.

css-html, design, javascript, tutorial

17088

8 comments

2010

27

APR

9 Photoshop Editing Tips Web Developers Should Know

There are quite a few reasons why having basic Photoshop skills beyond slicing PSD’s to XHTML/CSS is essential to any web developer. I have discussed some of those reasons

design, photoshop, tips, tutorial

325

0 comments

10 Image Galleries jQuery Script with Thumbnail Filmstrip

There are heaps of image galleries out there but don't know which one is the best? I have searched through the Internet and I found these image galleries that come with a filmstrip (thumbnails). Most of the are pretty easy to implement, and if you want to create a custom jQuery script, no problems at all because some of them are presented in tutorials.

design, javascript, tutorial

13621

3 comments

Cross-Browser Rounded Buttons with CSS3 and jQuery

Tired of generating rounded buttons in Photoshop? This HTML/CSS/JS solution is simple, clean, and works in all modern browsers.

css-html, graphic, javascript, tutorial

618

0 comments

2010

26

APR

CSS Sprites – What, Why, How and When?

CSS sprites are a technique where a single large image is used to display multiple images or icons. How is this possible? As you may know,

css-html, design, tools, tutorial

358

0 comments

Stylize Input Element Using CSS3

Stylizing input element is a common task for us as a web developer, we can make it look nicer by putting stylized input image (color gradient, smooth border, box shadow, etc) as an input background. Nice but the images also take some of our bandwidth, thankfully CSS3 adds some support for element styling, so we can replace them with only CSS.

css-html, misc, tutorial

684

0 comments

2010

25

APR

Create Blood and Milk Typography Poster in Photoshop

With this technique you can create interesting flayer for dace club or you can use in advertisements. To create this typography poster we will use some paint splashes, custom fonts and few stocks from Desiantart and of course your knowledge.

design, graphic, photoshop, tutorial

379

0 comments

2010

24

APR

Touch The Future: Create An Elegant Website With HMTL 5 And CSS3

I’m sure that who chooses to work as web designer makes a choice of heart, a choice of love. He decides to bet any given day on his creativity and his ability of producing an idea and of making it tangible, visible and perceptible for all.

css-html, design, template, tutorial

754

0 comments

2010

23

APR

Kick-ass CSS3 Support in IE6, 7, and 8

A script hack that helps you enable CSS3 support in IE (even with IE6) with new CSS3 properties, including: border-radius (rounded), box-shadow ( shadow), text-shadow (the shadow of the text).

css-html, tips, tools, tutorial

772

0 comments

Animated Landscape Using CSS and jQuery

Create Animated Landscape using CSS and Jquery.

css-html, javascript, tutorial

645

0 comments

2010

22

APR

How to Create a Funky Vintage Badges

This tutorial, will show you how to create a stylish vintage badges using Photoshop.

design, graphic, photoshop, tutorial

473

0 comments

Shadow Motion Effect in 5 Lines Of jQuery

Get done with shadow motion affect in jQuery with 5 line codes. This effect can use with any animation. You can use it via everyTime or setInterval method.

ajax, css-html, design, javascript, tutorial

851

1 comment

Drawing vector portraits Part 1: The facial structure

In this tutorial I will explain the basics for portrait drawing. These guidelines are a must to know and will help you a lot in your future portrait drawings.

design, graphic, tips, tutorial

416

1 comment

2010

21

APR

Clear Upload File Input Field Using JavaScript’s innerHTML

When developing a HTML web form the input field should always be allowed to be cleared by the user. The problem is that there is no default value to erase the contents on the field without using some JavaScript. The easiest way to get or modify the content of an element is by using the innerHTML property.

css-html, javascript, tutorial, usability

905

0 comments

50+ Impressive and Detailed Photo Manipulation Tutorials

The most detailed and creative photo manipulation tutorials. Try your Photoshop skills in creating a flooded city, floating island or some other type of fantasy Landscape.

graphic, inspiration, photography, photoshop, tutorial

391

0 comments

35 icon design tutorials in Photoshop and Illustrator

Icon is a work of art that adds beauty to a website. We all know the importance of artistic design in a web page. Icon is another essential aspect of any design as icon plays an important role in making the website user-friendly and striking.

design, graphic, icon, tutorial

webanddesigners

499

0 comments

2010

20

APR

The definitive guide to formatting CSS

Learn how to format your CSS stylesheets for both maintainability and legibility. Make your CSS fit your project, not your personal preference.

css-html, design, tips, tutorial

492

0 comments

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part III]

A series of tutorials on building a live news blogging system. Developed using HTML5, CSS3, jQuery, XML for front end and php and jsp for backend. In this third part we create methods to add new news items to our database.

mysql, php, tips, tutorial

399

0 comments

10 Random jQuery Snippet

In this post, I will list 10 random jQuery snippets I collected from all of my previous tutorial. If you always follow my tutorial you must be familiar with the following snippets, enjoy!

css-html, javascript, tutorial

794

0 comments

Tutorial to build a simple Content Slider using jQuery

Content Slider is very popular now-a-days and used in various websites. You may choose from a wide range of jQuery plugins available online, or you can write it on your own. Yes it’s not a rocket science to create the content slider. This simple tutorial will guide you to build your own content slider, with simple Javascript code and animate() function provided in jQuery.

css-html, freebies, javascript, tutorial, usability

925

0 comments

9 Must See Character Design Tutorials

Character Designs is one of the most effective ways for promoting your projects and also for inspiration. Creating character designs is really very interesting to do it beside design logos and layouts. In this post, we’ll showcase some interesting Character Design Tutorials.

design, graphic, tutorial

394

0 comments

Create a light effect in Photoshop

In this tutorial I will show you how to combine some textures, vectors and Photoshop techniques to create a colorful wallpaper

design, graphic, photoshop, tutorial, wallpaper

359

0 comments

15+ Signature Tutorials from deviantArt

Signatures are used everywhere in the web. You can find lots of them on forums or blogs, but not everyone has the skills to make one alone. Below, there’s a collection of 15 and more signature tutorials from deviantArt to make your favourite signature as you want, alone!

design, graphic, photoshop, tutorial

608

0 comments

Create a Custom jQuery Image Gallery with jCarousel

Alright fellow web designers and developers. We are going to do something a little bit more hardcore this time. There are heaps of jQuery plugins out there, but it's hard to find something that suit us. So, this tutorial will teach you how to be creative and create a customize plugin.

css-html, javascript, trend, tutorial

25817

19 comments

2010

19

APR

Create animated vertical Menu Using Jquery

Today i come up with one more tutorial on Navigation menu but this time its animated vertical navigation menu with css and jquery.

css-html, javascript, tutorial

1090

0 comments

After Effects Tutorial: 60+ Kick Ass Effects

In the last few months I have written a couple of posts about motion graphics. Although I have only dabbled in After Effects, it is still one of the things that intrigues me most. After Effects is a really cool software that allows you create vibrant motions graphics just like the movies.

graphic, inspiration, tutorial

531

1 comment

2010

18

APR

Nice Menu : CSS Animation & jQuery Animate

Expressjs has a nice button menu. Yes it absolutely nice since it has opacity and box shadow on each button, automatically widen when mouseover and again opacity to transparent when mousedown. I’d like to explain how they works with pure CSS version and jQuery version.

browser, css-html, javascript, tutorial

1091

0 comments

2010

17

APR

12 Tips To Increase Subscribers To Your Blog

In this article, we will discuss some techniques blogger can use to increase the number of subscribers multiple times to their blogs.

design, tips, tutorial

437

0 comments

2010

16

APR

40 Illustrator Tutorials created in 2010

We have posted variety of List tutorials on various category like Icon Tutorials, Photo Retouching, Retro, Grunge etc. Since last two months there are plenty of well written Illustrator tutorials has been posted on various blogs so we selected some of our personal favourite tutorials. Check out this awesome Illustrator tutorials that has been created in 2010.

design, graphic, tutorial

632

1 comment

Test for Border-Radius Support

Rounded corners with border-radius are nice... when they work. Here's a simple script that will let you test for border-radius support using jQuery.

browser, css-html, javascript, tutorial

381

0 comments

A-Z of Photoshop Tutorials to Create Realistic Gadget Design

Since the appearance of electronic devices, we have seen our lives change dramatically. Due to the huge commercial success gadgets became most popular objects in graphic design.

design, tutorial

1433

0 comments

40 of the best Poser tutorials. Categorized into beginner, intermediate and advanced.

40 of the best Poser tutorials. Categorized into beginner, intermediate and advanced.

graphic, misc, tutorial

514

0 comments

2010

14

APR

Enable the Use of Sessions On Your WordPress Blog

If you want to use PHP sessions in your plugins or custom modifications of WordPress you will need to do some custom coding and luckily the fix is a simple one that anyone can handle!.

browser, cms, tutorial, wordpress

481

0 comments

60+ Hot New Tutorials From Around The Web

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of March.

design, graphic, photoshop, tutorial

482

0 comments

Logo designing tutorial using photoshop and illustrator plus resources

A logo defines your brand; it is one that gives you a perception of what you and your organization is all about. Logo design is one of those things that have to be ideal, because a logo represents an idea,a brand and an identity.

photoshop, tutorial

webanddesigners

531

1 comment

Quick Tip: Display Timeago For WordPress If Less Than 24 Hours

This small code snippet will help you to display the time ago for WordPress post if your post was published less than 24 hours ago.

php, tips, tutorial, wordpress

415

0 comments

2010

13

APR

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [demo]

Awesome demo of a series of tutorials on building a live blogging system with php, htm5, css3, jquery and mysql.

css-html, javascript, php, tutorial

496

0 comments

Tutorial: Illusion of transparency – Vector rays

In this tutorial we will create cool rays with gradients without using ANY transparency settings, ideal for .eps files, which do not have a support for gradient-on-gradient transparency.

design, graphic, tutorial

337

0 comments

Use iecollection to Test Your Site in Internet Explorer 6, 7 and 8

Making your website compatible for different versions of Internet Explorer should still be top priority. Browser usage trends are constantly changing, and Google Chrome usage

browser, css-html, design, tutorial

915

1 comment

Tips to work from home with the perfect motivating environment

If the layout of your workspace is not in your control and you are looking to have the liberty to create your own schedule then you are in a hedge to follow and move towards your own workplace with the exact kind of ambiance you desire.

design, tutorial

webanddesigners

261

0 comments

2010

12

APR

Best of Web #22: Inspiration, Tutorials, Freebies

Continueing a fresh weekly portion of the best graphic resources, inspiration and tutorials from around the web.

design, freebies, inspiration, tutorial

368

0 comments

Reasons You Should Have Your Own Blog

It has been a little over one year since we first launched Admix Web, and we are very happy with how successful we have been. Now, when I say successful, I am not talking about only monetary success.

inspiration, tutorial, wordpress

305

0 comments

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part II]

A series of tutorials on building a live news blogging system. Developed using HTML5, CSS3, jQuery, XML for front end and php and jsp for backend. In this second part more advanced topics are covered such as database model, SQL queries and php.

mysql, php, tutorial

459

0 comments

2010

11

APR

Pure CSS Vignette

Our latest posts have mostly been about design, so today we’re going full on code monkey with a cool CSS3 technique: Vignettes! The technique involves a few divs, a bit of simple CSS, and a whole lot of fun.

browser, css-html, design, tutorial

882

0 comments

Broken Glass Photoshop Photo Effect

This is a tutorial that will help you achieve a dynamic glass shatter effect. In this tutorial we will use some broken glass brushes and also on of my own glass texture. With this photoshop photo effect, you can make your photo look like it was ripped or broken into pieces.

design, graphic, photoshop, tutorial

710

0 comments

2010

10

APR

Create Groovershark-like Widget Slider

Groovershark has a nice style on displaying their widgets. As you can see from their website, the slider has three elements addition that make it more beauty, they’re gradient image on the left and the right side and the image as a border for the selected widget on the center. Yes, we’ll make that thing from stratch.

css-html, javascript, tutorial

628

0 comments

2010

8

APR

How to Make a Blog Post Using Flickr and Posterous?

WordPress offer interaction with other sites using remote publishing. This is very helpful feature in which you can share your content across the internet through single platform.

tutorial, wordpress

314

0 comments

2010

7

APR

Organize Your WordPress Sidebar Smartly

WordPress widgets administration screen, is simple and easy to use with a sexy ajax drag and drop interface. However, in many cases the widget screen is not enough to customize your sidebar like you really want to.

design, php, tutorial, wordpress

519

0 comments

2010

6

APR

Ultimate Guide to Roles and Capabilities

Since Roles and Capabilities are introduced in WordPress 2.0, the User Level approach has been declared deprecated. However, it’s disappointing that most plugins and themes out there still use user levels to control access to admin option pages and other functionalities. This guide shows you how to properly use Roles and Capabilities in your plugins and themes.

cms, php, tutorial, wordpress

471

0 comments

Add print ability to fancybox jquery plugin

In this post, I will show you how to add a nice working print button to the fancybox jquery plugin.

css-html, javascript, tutorial

1014

0 comments

The Power of WordPress Custom Fields

Custom Fields is the most powerful tools for customizing template files, these are special fields in the WordPress database that you can create yourself by giving them a name (which can be then shared by all other posts or pages) and assigning a value for the particular post.

tools, tutorial, wordpress

462

0 comments

Adding Slideshows Setting to Kaimono Kago

Kaimono Kago is a Codeigniter + BackendPro based shopping cart and it has a slideshow in the webshop front-end. Since there are many javascript slideshows are available, it will be nice that we can use different types of slideshow by one click.

cms, php, tutorial

385

0 comments

2010

5

APR

BubbleUp jQuery Plugin to Spice Up Your Menu

Spicing up your menu with BubbleUp jQuery plugin. This plugin now is more flexible, easy to customize and working with all major web browsers with any size of images.

freebies, javascript, tutorial

981

0 comments

Cross Browser Pure CSS3 Horizontal Accordion

This tutorial shows you how to build pure CSS horizontal accordion. It uses CSS3 to add transition effects and rotate panel heads. Rest of the structure and behavior will be written in cross-browser CSS that will work in IE7+ and all other modern browsers.

css-html, tips, tutorial

885

1 comment

10 Fresh And Impressive Adobe Illustrator Tutorials For Beginners

In this edition, we’ll be featuring the best 10 Adobe Illustrator tutorials and we hope it would expand your creativity and imagination to be expert user.

design, graphic, tutorial

438

0 comments

2010

4

APR

[CodeSnippet] jQuery : Fade In Webpage

The following short code is a way to add a fade in effect to your webpage. The main task we want to do are hiding our webpage content then display it with fade in effect when the user load the webpage. These step will use two jQuery built-in function, hide() and fadeIn().

css-html, javascript, tips, tutorial

881

0 comments

11 Fresh Portfolio Design Tutorials

Creating your own portfolio website will showcase the work and services in best manner.When you start working, your great graphic design portfolio is going to help you land that great job. Your portfolio represents your skill and artistry, so put it together carefully because your artwork is going to speak for you.

design, graphic, photoshop, tutorial

495

0 comments

Bicker with Light Effects in Photoshop

In this tutorial you will learn how easily using Adobe Photoshop you can create such a biker light effect.

design, graphic, photoshop, tutorial

382

0 comments

2010

2

APR

Best of the Web: March 2010

Today we are showcasing “Best of the Web”. We have scoured the internet in search of other design driven blogs and websites to showcase what they have to offer for the month of March, 2010. There is plenty of great stuff out there such as tutorials, freebies, resources and lots of inspirational pieces. I am confident that your designs will benefit from these hot new finds.

design, graphic, photoshop, tutorial

398

0 comments

Cross Browser Pure CSS3 Vertical Accordion

This tutorial shows you how to build pure CSS vertical accordion. It uses CSS3 to add transition and gradient effects, but the main structure and behavior is written in cross-browser CSS that will work on all modern browsers including Internet Explorer.

css-html, design, tutorial

747

0 comments

Implementing A Good Redesign: Advices And Examples

Redesigning a website can be very satisfying and very stimulating for a web designer. A redesign consists of objectively improving the aesthetics or the structure of a website and, with the use of new elements or content, giving a new form or a new identity to the site

css-html, design, photoshop, tutorial

300

0 comments

2010

1

APR

24 High Quality Adobe Photoshop Text Effect Tutorials

There are lots of Photoshop tutorials available to create text effects, but only few tutorials are available following which you can create really amazing and high quality text effects.

design, tutorial

531

0 comments

How to Integrate Google Search in Your WordPress Blog

While there are some nice plugins to enhance WordPress search like Search Everything and Search Unlished, Google custom search engine (AKA Google CSE) seems to have the best algorithm yet.

seo, tools, tutorial, wordpress

204

0 comments

Jquery Tutorial : Toggle Effect on Hover/Click

Today we will learn how to get simple toggle effect on hover/click with jQuery. We will use Css and Jquery to get our final output.

css-html, javascript, tutorial

955

0 comments

Marchs Fresh Photoshop Web Layout Tutorials

This roundup includes 31 Photoshop tutorials which deal with creating web layouts, all were published in March 2010.

design, photoshop, trend, tutorial

365

0 comments

2010

31

MAR

8 Tutorials To Make You Fully Understand 3D Lighting In CG

Here's a collection of eight high-quality tutorials that will acquaint you with the basics of 3D lighting and perhaps give you some ideas for your next project.

graphic, misc, tutorial

396

0 comments

DIY Startup: Get a name

DIY Start-up Series is exclusively featured at AEXT. Get a Name, will take you to a different perspective of why the importance of a name. From thinking through a business name to acquire an existing business name.

tips, tools, trend, tutorial, usability

354

0 comments

Building a live news blogging system in php. Spiced with HTML5, CSS3 and jQuery [part I]

A series of tutorials on building a live news blogging system. Developed using HTML5, CSS3, jQuery, XML for front end and php and jsp for backend. This part features coding the layout, styling it and adding some basic jQuery features.

ajax, css-html, javascript, tutorial

623

0 comments

Document Links Styled with CSS Attribute Selectors

CSS attribute selectors provide an additional method of setting CSS styles outside of ids and classes. Learn how an attribute selector, when used with a hyperlink, can increase your clicks.

design, tutorial, usability

letscounthedays

425

0 comments

Really Useful Tutorials You Should Have Read in March 2010

This update covers really useful tutorials, tips and techniques that you should have read in March 2010. Featured authors include: Jeffrey Way, Andrew Burgess, Louis Lazaris, Martin Angelov, Chris Coyier, James Padolsey, Konstantin Kovshenin, Marco Kuiper, Teylor Feliz, Saad Bassi and more.

css-html, javascript, php, tutorial, wordpress

466

0 comments

2010

29

MAR

URL Redirection in WordPress – the Problem Solution Approach

301 redirects are rules that automatically forward visitors from one page (or website) to another. Apart from forwarding people, 301 redirects can also help you maintain a search engine friendly blog. To handle URL redirects in your blog you have three options:

php, tutorial, usability, wordpress

421

0 comments

SWX Twitter API For Dummies

Learn how to connect to Twitter from Flash using the SWX Twitter API and start Tweeting! (AS2)

flash, tutorial

407

0 comments

Everything You Need to Know About HDR Photo Effect

This article provides you with a useful collection of HDR tutorials, tips and some inspiration.

graphic, photography, tips, tutorial

288

0 comments

2010

27

MAR

Was Your Site Up Last Night at 4:00am?

If you know the answer, then you already use a monitoring service for your website and you can skip this post. Otherwise, this article is for you. The only thing worse than a slow website (except a parking ticket) is an unavailable website, or in other words down.

misc, tools, tutorial, usability

447

0 comments

2010

26

MAR

[CodeSnippet] jQuery : Confirm User’s Action

Don’t let your link that have a critical action (such as delete some data or something else) fly away on their own self, we must put a confirmation before do the action to prevent user’s mistake. Now, let us make that one.

css-html, javascript, tutorial

857

0 comments

Quick Tip: Free-hand drawing brushes setup for Illustrator

I bet that when you start drawing in Illustrator you only have a few default brushes that are not really of much use unless you customize them to your drawing style.

graphic, tips, tutorial

460

0 comments

Show Your Google Analytics Top Content in Wordpress

You can keep more traffic on your site by listing your most popular posts. Here's a way to show your Top Content from Google Analytics on your WordPress blog.

cms, php, tutorial, wordpress

444

0 comments

2010

25

MAR

31 CSS Navigation and Menu Tutorials You Should Practice

As a new CSS(Cascading Style Sheets) learner i decided to start from creating menu and navigation buttons.You know one of the most important part of a web site is the menu and navigation.Today i made a detailed search about the menu tutorials

css-html, design, tutorial

1232

0 comments

9 Effective Ways To Encourage Comments

Bloggers love comments, so what can a blogger do to encourage his visitors to comment? Here are 9 effective ways to do that.

tutorial, usability, wordpress

677

2 comments

2010

24

MAR

Impressive web forms. From coding to validation!

Learn how to code a top-aligned form, style it using modern technologies such as CSS3, how to validate its data using javascript (client-side), and how to validate data server side using php.

css-html, javascript, php, tutorial

886

0 comments

Take Control of Your Table View

CSS Pseudo-selector come like a saviour, it makes our life easier by saving our time for traversing the Document Object Modelling (DOM). Especially for nth-child pseudo-selector, it can make us choose any element we want by pointing its index number (start from 1), it means we can easily choose any object element we want to modify.

css-html, inspiration, javascript, tutorial

451

0 comments

"Windows 7" window based on CSS3 & jQuery - Tutorial Part 2

You'll find the interface design of Windows 7 handsome and you are interested in CSS3 and jQuery? For the further course will be created in this tutorial-2-divider, a draggable & resizable window of "Windows 7" window based on CSS3 and jQuery UI.

css-html, javascript, tutorial

Webstandard-Team

662

0 comments

2010

23

MAR

"Windows 7" window based on CSS3 & jQuery - Tutorial Part 1

You'll find the interface design of Windows 7 handsome and you are interested in CSS3 and jQuery? For the further course will be created in this tutorial-2-divider, a window of "Windows 7" based on CSS3 and jQuery UI.

css-html, javascript, tutorial

Webstandard-Team

653

0 comments

Create Background Scrolling Effect with jQuery

In this tutorial, we're not only go through how to make it, we will have it in plugin as well which allow user to customize the speed of the movement and direction (vertically, horizontally and diagonally).

design, javascript, tutorial

21781

11 comments

2010

22

MAR

Make a Realistic LCD HDTV from Scratch with Photoshop

This tutorial will teach you how to create a photorealistic widescreen LCD HDTV from scratch.

graphic, photoshop, tutorial

331

0 comments

Setup a local testing server for Dreamweaver dynamic applications

In this tutorial I will show you how to setup the environment - server (Apache), server-side language (PHP) and database (Mysql) to create dynamic web applications in Dreamweaver.

mysql, php, tutorial

469

0 comments

Stylize Your Own Checkboxes

Checkbox is one of the most frequently used element on the forms, plain checkbox will be nice if in the forms we made there are many checkbox or others forms element that are used, but how about we just need a single checkbox in our forms without any other forms element, a little bit horrible, i think.

css-html, design, javascript, tutorial

821

0 comments

How to Optimize CSS Selectors for a Faster Website

Browsers render optimized style sheets faster than messy ones. Therefore, making your CSS code as short and clean as possible is an efficient method to improve page loading time. To make your CSS short and clean, you need to remove redundant selectors carefully, in a way that

css-html, design, tips, tools, tutorial

527

0 comments

2010

21

MAR

80+ Websites To Submit Your Design News

Getting exposure is not easy, this is why i made this post. I feel bad, because there are many talented blog writers, that don’t get noticed. They provide great content, but only get a few views a day. This is where i come in and help.

design, tips, tools, tutorial

401

0 comments

40+ Beautiful Tutorials to Design your Portfolio

A nice and beautiful portfolio is very important for a Web Designer. It should present your experiences on Web Design / Develop etc. If you don’t have a portfolio or if you want to upgrade it, this post is for you!

design, graphic, photoshop, template, tutorial

578

0 comments

2010

20

MAR

Create Your Own Image to Change The Default Gravatar in Wordpress

Wordpress provides some images to choose as the default gravatar, this gravatar will be appear if a comment doesn’t have gravatar. Can we change these default gravatar? We want our comment section is unique and give a more personalized touch. In this tutorial we’ll take a custom image and add it as the default gravatar.

photoshop, php, tips, tutorial, wordpress

832

4 comments

Simple Flip Puzzle Effect with jQuery

Yesterday I saw an ad of a telecommunication provider and I was inspired by its ending which shows the company’s logo using a puzzle paper effect. I think that’s fabulous and we can implement it using CSS plus jQuery without Flash. Ok, let’s go get it!

css-html, graphic, inspiration, javascript, tutorial

1063

0 comments

Howto Create Mac-like Login Form

Yesterday, a friend of mine asked me how to create a login page like Mac’s (shaking, sliding, loading bar) because he need it for an application he is working on. I straightly answer, “OK, I’ll make it for you,” because it sounds interesting, besides, I can use it as a topic for this blog too. Here’s the review of the implementation, enjoy!

css-html, javascript, tutorial

1191

0 comments

2010

19

MAR

CSS Box-Reflect - Reflection without JavaScript and Photoshop

With CSS and the support of webkit based browsers, there is the possibility to generate reflections of web page elements without images or javascript-plugins.

css-html, inspiration, tutorial

Webstandard-Team

1134

0 comments

Learn how to design a dark business layout

In this tutorial you will learn how to design a sleek black business layout.

design, graphic, photoshop, tutorial

442

0 comments

2010

18

MAR

Sending data with jQuery.

This is a tutorial that I did on one of my sites. This tutorial shows you how to use the $.post() function in jQuery and was a popular tutorial on jTuts.

javascript, tutorial

594

0 comments

Understanding the CSS Float Property

CSS floats are used everywhere in modern web design, but many people don't understand how they work and behave. This tutorial will help.

css-html, tips, tutorial

543

0 comments

Engage 2 CSS Positions : Relative & Absolute

As a web developer or designer we must be frequently facing a task to create a webpage layout. In creating that, positioning a stacked-random element usually put through a nightmare for us, fortunately CSS and its beautiful properties help us cure that nightmare and in this post i will explain how to take advantage of the two CSS positions, relative and absolute.

css-html, design, tips, tutorial

402

0 comments

2010

17

MAR

11 Useful WordPress SQL Hacks For Maintaining Your Blog

If you needed to change some information site wide, going through each and every record would prove a very time consuming task and also be prone to human error. By executing a SQL query against your WordPress database however, you can make the necessary changes quickly and efficiently.

cms, tutorial, wordpress

537

0 comments

iPhone-Style Navigation:AJAX + Rotate (Part II)

This is the sequel of previous tutorial discussing how to make iPhone style navigation. Once I promised to talk about how to implement AJAX and how to add cookie onto the script we have made before, right? But there will be a little change on the plan.

ajax, css-html, javascript, misc, tutorial

905

0 comments

How To Create iPhone-Style Navigation (Part I)

In this tutorial I’d like to talk about how to make an iPhone style navigation using jQuery and CSS. This tutorial is divided into 2 parts.

css-html, javascript, misc, tutorial

772

0 comments

Create Portfolio Website With CSS/jQuery

amazing tutorial which uses only pure CSS and jQuery to design a whole portfolio website, no photoshop or any other design software required.

css-html, design, javascript, tutorial

899

0 comments

2010

16

MAR

Creating an Animated CSS3 Horizontal Menu

Inspired by CSS Sprites2 – It’s JavaScript Time from A List Apart and Using jQuery for Background Image Animations written over a year ago, I decided to create a short tutorial about a animated menu just using CSS3.

css-html, design, tutorial

799

0 comments

Implement SpaceGallery & MouseWheel

Still remember jQuery plugin named SpaceGallery? Now I wanna combine it with another interesting jQuery plugin, MouseWheel. SpaceGallery is a jQuery plugin helping you make image stack.

css-html, javascript, misc, tutorial

730

1 comment

Html5 & CSS3 layout tutorials and templates

Experiment with the new powerful features of HTML5 & CSS3 and improve your coding skills by trying out these great tutorials and free layouts.

css-html, freebies, template, tutorial

1021

0 comments

WordPress Posting Tools vs. Third-party Posting Tools, Plugins and Browser Extensions

There are two option for making your blog post, the one is “New Post” in WordPress administration’s area, and the second option is to use a third-party Desktop/Mobile application for your WordPress blog which we call it “Remote Posting”.

tools, tutorial, wordpress

28194

0 comments

35 Inspirational Photo Manipulation Tutorials

Time for some more learning!!! Photo manipulation is a technique of editing the images so as to produce a kind of illusion or deception.

355

0 comments

Mask Your Input Forms and Make It Beauty

Text masking is an alternative for us to display information what type of content user must input to our forms, as usual jQuery make our life easier, to implement that we just need to create the script that read user actions (focusing or bluring the input), read its value then decide to empty the input value or refill with its default value.

css-html, javascript, tutorial

753

0 comments

Create Animated Navigation Menu From Stratch

Authenticjobs has a nice navigation menu. How could it be nice? The navigation will automatically shifted to the menu that we choose. Now in this tutorial, I’d like to discuss how to make not only an animated navigation like that but also an informative one.

css-html, javascript, tutorial

619

0 comments

How To Create A Custom Background For Twitter

First impressions are very important, even when it comes to twitter.Your background on twitter represents you and who you are. Whenever you visit someones twitter page it shows you personality of that person. Sometimes your background might even get you new followers. Because of this i strongly suggest you should have a personal background on twitter, that will represent you or your company.

design, tips, tutorial, wallpaper

343

0 comments

How to create Avatar character in Photoshop

With this tutorial you can easily transform yourself into a Navi. I used Photoshop CS3 to transform my boyfriend to Jake. I hope you will like this Avatar movie tutorial.

photoshop, tutorial

535

0 comments

2010

15

MAR

Quick Tip : How to Sticky Your Best Article in Feature Post Area

Feature area in a theme serves a place to put the best article, breaking news or important notice for the readers. As you can see most online magazines and many high profile blogs have a featured post section.In this tutorial we will create a post that will sticky in feature post area.

tips, tutorial, wordpress

542

0 comments

Useful Tooltips Tutorials and jQuery Plugins

The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over.

ajax, css-html, javascript, tools, tutorial

923

0 comments

Jquery CSS Tutorial for Zooming Images

Jquery CSS Tutorial for Zooming Images with Demos and sources

css-html, freebies, misc, tutorial, usability

563

0 comments

2010

14

MAR

Letterpress Text Effect Using Photoshop and CSS

So here today we will learn how to achieve Letterpress effect with photoshop and also with Css and in the end of this tutorials we have also collected some tutorials on Letterpress around design community.

css-html, photoshop, tips, tutorial

772

0 comments

2010

13

MAR

Animal photo manipulation Photoshop tutorial

In this tutorial you will learn how to create a new species of birds. The idea came to me after watching my cat trying to catch little birds and failing every time. This will be an easy tutorial

photoshop, tutorial

798

0 comments

2010

9

MAR

50 Hot New Tutorials (Part1)

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of February.

design, graphic, inspiration, tutorial

395

0 comments

2010

8

MAR

How to create a web hosting layout

Learn how to create a nice looking web hosting layout with this easy to follow tutorial.

design, graphic, photoshop, tutorial

384

0 comments

Advance Level PHP Tutorials and Scripts

Advance Level PHP Tutorials and Scripts with demos, sources etc.

ajax, css-html, php, tutorial, usability

705

0 comments

How to Troubleshoot Slow loading Site and WordPress blog

Once you have your WordPress blog up and running, you will need to maintain it. This involves keeping the site’s databases optimized and keeping the blog’s theme and plugins up to date with theme maintenance and plugin security patches.

tips, tutorial, wordpress

359

0 comments

38 Cool MooTools Plugins Developers Should Know

Mootools are one of the very famous Javascript Framework. With this we can write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

javascript, tutorial

656

0 comments

Codeigniter shopping cart v1.1 Part 17: Newsletter

Newsletter is one of effective marketing tool for a web shop. I am going to cover subscribe and unsubscribe function in this article.

cms, php, tutorial

473

0 comments

How to Create a Fancy Image Gallery with CSS3

Even though CSS3 is still in the development stages, it is the new craze that many web developers are excited about. CSS3 is something that will take web development into newer and greater heights, while modernizing the web and allowing web designers and developers to make their creativity a reality.

css-html, design, inspiration, tutorial

813

0 comments

How to embarrass a friend Photoshop tutorial

This tutorial can help you if you want to transform your pictures, make them look cool, interesting, or just have fun with it like I did.

photoshop, tutorial

488

0 comments

2010

7

MAR

8 basics of regular expression that can make you expert

Well, regular expressions have been something that I was scared of when I started coding as a serious stuff

577

1 comment

42 Photoshop Tutorials Created in 2010

We have posted variety of List Photoshop tutorials on various category like Icon Tutorials, Photo Retouching, Retro, Grunge etc. Since last two months there are plenty of well written photoshop tutorials has been posted on various blogs so we selected some of our personal favourite tutorials. Check out this awesome photoshop tutorials that has been created in 2010.

photoshop, tutorial

474

0 comments

Luminous Glass Text Effect

This glass is so cool it gives off its own light, and we'll do it with just two layers. You're gonna want to check this one out. PSD file included.

photoshop, tutorial

470

0 comments

2010

6

MAR

Create a clean and light business layout

Learn how to create an awesome clean business layout with this step by step tutorial.

design, graphic, photoshop, tutorial

619

0 comments

Best of Web #20

Continueing a fresh weekly portion of the best graphic resources, inspiration and tutorials from around the web.

freebies, graphic, inspiration, tutorial

362

0 comments

Fresh Website Layout Tutorials

14 professional and brand-new web layout tutorials created this year in January and February.

design, photoshop, template, tutorial

550

0 comments

2010

5

MAR

How To Integrate jQuerry Scroll To Top Control in Wordpress

Scroll to top is a button that hovers in the bottom right corner of your screen that allow users to smoothly scroll to top of page, in this tutorial we will integrate jQuerry scroll to top function in wordpress manually.

javascript, tutorial, wordpress

599

0 comments

CSS3 Transition Tutorial - Sliding-Menu without Images & JavaScript

This CSS-Transitions-Tutorial shows you how to fluently animated transitions ( "Slide Effects" ) only based on the CSS3 property transition. Without any Images and JavaScript!

css-html, inspiration, tutorial

Webstandard-Team

1059

0 comments

How to use WordPress as an E-Commerce Store

If you want to sell goods from your web site, you may want to look into shopping cart software so you can process your orders.

template, tutorial, wordpress

371

0 comments

2010

4

MAR

Debugging and Testing in Internet Explorer Made Easy

In this article, I’m going to list and review different set of tools, which will help you and make your debugging and testing process in Internet Explorer much more enjoyable.

browser, tips, tutorial

365

0 comments

2010

3

MAR

Button Height and a Broken Box Model

Buttons don't behave like normal elements when it comes to the CSS Box Model: they break the box model in all modern browsers!

browser, css-html, tips, tutorial

470

0 comments

Rotated Background with Slide Up Menu

Let's think of a box with rotating images inside. along with the images, we have a navigation menu that slides up / down while the images rotate. Pretty cool huh? well lets show you how I made this happen.

css-html, graphic, javascript, tutorial

844

0 comments

45+ Nice Typography Photoshop Tutorials

Typography is an art of arranging text in such a way that it conveys a message all of its own. Typography carry a great importance with itself so we cannot ignore it.

photoshop, tutorial

633

0 comments

Burnt Wood Text Effect – Photoshop Tutorial

In this photoshop text effect tutorial we’ll be creating a grungy, burnt wood text treatment.

photoshop, tutorial

767

0 comments

2010

2

MAR

Make your own jQuery slider using XML

A detailed, in depth jQuery, XML tutorial on how to build an awesome slider that handles images, video and full HTML.

javascript, tutorial

1385

0 comments

February’s Fresh Photoshop Web Layout Tutorials

This roundup includes 34 Photoshop tutorials which deal with creating web layouts, plus 10 fully editable psd templates, all published in February 2010.

design, photoshop, template, tutorial

465

0 comments

How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations

In most cases, jQuery can do better than Flash. We'll round up some tutorials and jQuery plugins that are simply awesome. Each of these teaches how to get a desired Flash effect, but with jQuery instead.

ajax, design, inspiration, trend, tutorial

766

0 comments

Codeigniter shopping cart v1.1 Part 16: Registration page and customer log in page

Our customers uses this registration page to keep their information in our database. Once registered, this information will be displayed in a checkout page for a speedy process. This post covers the customer registration function, login and logout function.

cms, php, tutorial

575

0 comments

25 Excellent jQuery Tutorials for Navigation Menu

Lots of cool effects can be achieved using jquery so today we just started our tutorial series on Jquery starting with navigation menu. In upcoming days will write some tutorials on jquery for our readers. Check out this awesome Jquery navigation menu tutorials thank you.

css-html, javascript, tutorial

1089

0 comments

2010

1

MAR

Simple Website Layout Tutorial Using HTML5 and CSS3

Simple Website Layout Tutorial Using HTML5 and CSS3 includes HTML5 tags reference sheet

css-html, design, template, trend, tutorial

1148

0 comments

2010

28

FEB

Really Useful Tutorials You Should Have Read in February 2010

This update covers really useful tutorials, tips and techniques that you should have read in February 2010. Featured authors include: Jonathan Snook, Chris Coyier, Marco Kuiper, Christian Heilmann, Mike More, David Walsh, Chris Spooner, Soh Tanaka, Kevin Liew, Lam Nguyen and more.

437

0 comments

2010

26

FEB

Codeigniter shopping cart v1.1 Part 15: contact page and sending email message

Contact page allows visitors to send a message through a form. It has a reCaptcha in order to avoid spam. I will cover the contact page and sending email message to an administrator in this article.

cms, php, tutorial

521

0 comments

Learn how to create a clean busines layout

Learn how to create a clean business layout with this step by step tutorial.

design, graphic, photoshop, tutorial

419

0 comments

Having fun with jQuery and HTML 5

Discusses how you can create an amazing "Scare Bear" using HTML5 and jQuery.

css-html, javascript, tutorial

928

0 comments

2010

25

FEB

Tutorial : Style a breadcrumb like apple.com style breadcrumb

Breadcrumb is a navigation pattern that shows a path from the home page to the current one. In this tutorial we will creat apple.com-like breadcrumb using images and simple css.

css-html, tutorial, usability, wordpress

478

0 comments

Codeigniter shopping cart v1.1 Part 14: Adding webshop preferences

I am going to update Shop_controller today. Rather than manually updating Shop_controller.php, it is much better to add preferences or settings in the BackendPro.

cms, php, tutorial

283

0 comments

How To Get Digg, Delicious and Tweet Counts Using jQuery

This tutorial shows you how to use jQuery to programmatically get Digg, Delicious and Tweet counts for a specific URL. You will be able to style this data however you like using CSS. And best of all, you can do this without depending on any server side code.

ajax, css-html, javascript, tutorial

286

0 comments

Useful and Practical jQuery Image ToolTips Tutorial

In this tutorial, we will learn how to create a thumbnail image tooltip with jQuery. It displays a tooltip image when user hover on the thumbnail with fadein and out effect. it's a useful script for your website.

css-html, javascript, tutorial

17719

11 comments

2010

24

FEB

CSS3 Tutorial - sliding or bouncing Navigation without JavaScript

This Step-by-Step Navigation-Tutorial is made by the CSS3-Properties "border-radius" and "animation". This demonstrates how easy it can be to get attention to your navigation without Images and JavaScript!

css-html, inspiration, tutorial

Webstandard-Team

1199

2 comments

Photos out of bounds Photoshop tutorial

In this tutorial you will learn how to make a picture “jump” out of the frame. It’s a way to make your images more fun and once you’ve learn how to make them you’ll see that this is an easy.

photoshop, tutorial

811

0 comments

250+ Of The Best Seamless Patterns, Resources and Tutorials For Web Design

Lets take a look at this collection of more than 250 of the best free seamless patterns, resources and tutorials, ranging from grunge to metallic to floral patterns that can be used to enhance your designs immediately.

design, graphic, tools, tutorial, wallpaper

designtutorials4u

467

0 comments

Taking Type to the Next Level with Alternate Characters

Are you sick of your type looking plain and boring? Many OpenType fonts have alternate characters built into them that can transform your type into a beautiful piece of art. By using these alternate characters you can add things like flourishes and flair to your type with ease.

design, graphic, tutorial

363

0 comments

Codeigniter shopping cart v1.1 Part 13: general pages

In this article I want to cover general pages. You create pages in the back-end ‘Pages’. General pages are just displaying contents.

cms, php, tutorial

491

1 comment

2010

23

FEB

Learning jQuery: Your First jQuery Plugin, “BubbleUP”

A jQuery tutorial which helps you create your own jQuery Plugin. Learning jQuery with a fun and easy way to generate a bubble effect for your menu list and we're going to call it BubbleUP.

ajax, css-html, design, javascript, tutorial

784

0 comments

How to Use jQuery to Make Slick Page Transitions

Adding the final touches to a site can be the difference between a polished and beautiful site that looks “refined,” and a mediocre site that leaves no impression on visitors. jQuery, the versatile JavaScript library, can be leveraged to create all these fine tuned elements.

css-html, javascript, tips, tutorial

1057

0 comments

Tutorial on How to Create an Explosive Text Effect in Photoshop

Tutorial on How to Create an Explosive Text Effect in Photoshop in easy ten steps

graphic, inspiration, misc, photoshop, tutorial

502

0 comments

2010

22

FEB

Codeigniter shopping cart v1.1 Part 11: category page

When you click one of categories page, it will take you to a category page. It is pretty much same as the front page except it shows all the products in the category.

cms, php, tutorial

271

0 comments

Codeigniter shopping cart v1.1 Part 12: product page

A customer can reach to a product page from the front page, ‘Most sold’ and ‘New product’ on the right column and a category page.

cms, php, tutorial

240

0 comments

45 Awesome Colorful Logo Designs and Tutorials For Your Inspiration

Where do we start? What colors work best? When developing a full color logo and we don’t know where to begin, we should look to be inspired by the best in order to keep the creativity flowing. In this article, you’ll find 45 awesome colorful logos and tutorials to inspire you the next time you are going to design for yourself or a client

design, graphic, logo, trend, tutorial

designtutorials4u

237

0 comments

7 ‘Scroll to Top’ jQuery Solutions

In this post you will find seven jQuery solutions which allow your visitors to smoothly scroll right to the top of a page, making your website more user friendly.

design, javascript, tutorial, usability

411

0 comments

2010

21

FEB

40+ Stunning jQuery Plugins and Tutorials

We all love Javascript. With jQuery, it is now so easy to write really nice JavaScript effects. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development

javascript, tutorial

849

0 comments

Tutorial on how to create a software layout

If you are a software manufacturer and you need a great design to represent your company and your products then you need to design an eye catching web layout.

design, graphic, photoshop, tutorial

431

0 comments

Create Simple Jquery Right Click Cross browser Vertical Menu

Creating right click with the help of jquery is real easy and can be implemented very quickly. While trying for my one of the project , I made one and sharing it today.

css-html, javascript, tutorial

922

0 comments

Codeigniter Event Calendar update

In the previous posts this and this, I wrote about a Codeigniter Event Calendar. The problem with them was you can’t use it with javascript disabled. This time I added a link to a date. When you click the date where there are events, it will take you to a page showing all the event for that day. So you can use it with javascript disabled. Check it out.

813

1 comment

2010

19

FEB

Tutorial : Separating Trackbacks From Comments in Wordpress 2.7-2.9

Trackbacks are the messages displayed in the comments list whenever another blog links back to one of your posts. In this tutorial we will separating trackbacks from comments and modify the comment counts to only reflect the number of comments minus trackbacks.

php, tips, tutorial, wordpress

459

2 comments

38 Great Tutorials To Convert PSD To HTML/CSS

You designed your website or blog using Photoshop.Then what?Then the design you created must be converted and coded to become alive.This step is a little bit hard but don’t be afraid.Every designer started from scratch,learned and improved themselves day by day.

css-html, photoshop, tutorial

691

0 comments

2010

18

FEB

jquery Quicksand on Codeigniter

I liked Quicksand by razorjack so much, so I put it on Codeigniter. All the credit goes to razorjack and please read his documentation and other credits information. Since I am writing about Codeigniter Shopping Cart series, I am going to add the Quicksand to this application. It has already back-end facilities with BackendPro.

cms, javascript, php, tutorial

1143

0 comments

Codeigniter shopping cart v1.1 Part 10: Front page

Today we will work on a webshop controller and its’ views. This module controls all the front-end functions. I will cover the front page in this article. The goals for the front page are the followings. Drop-down main menu, links for log-in, register, shopping cart, check-out, etc.

cms, php, tutorial

963

0 comments

Top 10 Sites to Learn AJAX From

Top 10 Sites to Learn Ajax From a great collection

ajax, css-html, misc, tutorial, usability

680

0 comments

Tips to creating an email signature for your online brand

Email signatures are not new and they have been around for as long as email itself has. So if you have a website/blog, you might want to look at designing a email signature that represents your brand and yourself online.

design, tips, tutorial

607

0 comments

Codeigniter shopping cart v1.1 Part 9: webshop module

We start working on webshop controller and its’ views. This module controls all the front-end functions. I will cover basic preparation for this module in this article.

cms, php, tutorial

484

0 comments

2010

17

FEB

How To Create Automatic Sitemap in Wordpress

A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. In this tutorial we will create a sitemap automatically, but the design layout, category featured, and the order of categories, free ... in accordance with our wishes.

seo, tips, tutorial, wordpress

633

0 comments

Create a portfolio layout from jeans texture

In this tutorial you will learn how to create an unique portfolio layout using jeans texture.

design, graphic, photoshop, tutorial

555

0 comments

2010

16

FEB

How to Pull Your Google Buzz with jQuery

Embed your buzz stream into a website yourself by pulling your Google Buzz using jQuery.

ajax, css-html, design, javascript, tutorial

276

0 comments

Codeigniter shopping cart v1.1 Part 8: customers module

Home of customers module shows Customer ID, First name, Last name, Phone Number, Email, Address, City and Actions. We use jquery dataTables to show our information. This will allow us to sort by each column, display different number of rows and seach.

cms, php, tutorial

456

0 comments

Design an eye catching dark web layout

In this tutorial we will be creating a sleek, dark layout using Adobe Photoshop.

design, graphic, photoshop, tutorial

425

0 comments

Create your own social network icons

There are thousands of icons for social network that you can use for your project but why you don’t try to create your own? Here, you will learn how to make your own social network icons, simple and fast! Just follow the guide!

design, graphic, photoshop, tutorial

592

0 comments

34 places to find what you want!

One of the best ways to find what you want is the search engines (Google, Bing) but also you can take a look on some sites with related content. I made a list with some sites that you will find Design / Web / Wordpress elements. Enjoy!

design, graphic, photoshop, tools, tutorial

367

0 comments

Event calendar using Codeigniter and jQuery without BackendPro

I have some requests for a Event Calendar without BackendPro. Since it is not using BeP, I only used CRUD without individual calendar. So there won’t be any mycal function. I took out all of the Bep thingy and made it simpler (I hope).

744

0 comments

2010

15

FEB

Empower Photoshop Skills With 40 Cool Photo Effects Tutorials

Photoshop is very powerful tool and it becomes more powerful in the hands of imaginative and creative people. They can give their imagination a life by using Photoshop. You can create as much as photo effects as you like to create.

design, photoshop, tutorial

340

0 comments

Codeigniter shopping cart v1.1 Part 7: orders module

Home of Orders module shows Order ID, First name, Last name, Email, Total, Telephone, Order Date, Delivery Date, Payment Date, City and Actions. We use jquery dataTables to show our information. This will allow us to sort by each column, display different number of rows and seach.

265

0 comments

How to Create Favicon using IconBuilder Filter in Photoshop

This tutorial will show you how to create favicon for your website using IconBuilder filter plugin in Adobe Photoshop.

photoshop, tips, tools, tutorial

graphicidentity

420

0 comments

2010

14

FEB

"Vertical Tabs" for jQuery lovers!

Discusses how you can build a "vertical tab" using HTML, CSS and JQuery.

css-html, javascript, tutorial

2278

0 comments

Best of Web #18

Continueing a fresh weekly portion of the best graphic resources, inspiration and tutorials from around the web.

design, freebies, graphic, tutorial

571

0 comments

2010

12

FEB

Create a valentine’s day post card

Learn how to create a romantic valentine's day post card with this easy to follow tutorial.

design, graphic, photoshop, tutorial

222

0 comments

How To Mobilize Your Website

The mobile industry is heavily growing. Many people don’t have a computer while commuting, but what they do have is their smartphone. Now a days you probably heard of the iPhone, Palm Pre, or Android phones. These are all smart phone used by millions of people each day.

tips, tools, tutorial, wordpress

539

0 comments

How to create jigsaw effect in Photoshop

In this tutorial I’ll show you how to turn your images into a puzzle. Really cool puzzle effects are made on photos.

photoshop, tutorial

266

0 comments

2010

11

FEB

The Simple Secret to Good Dropdown Navigation

Almost every example of dropdown navigation on the web today relies on the nested unordered list. That makes well-formed lists critical to the entire process.

css-html, tips, tutorial, usability

329

0 comments

2010

10

FEB

PhotoShoot - The Photoshoot Effect with jQuery and CSS

Photo Shoot - The jQuery plugin Photoshoot produces a very special photo shoot effect, through which you can share the work with a camera.

ajax, javascript, tutorial

Webstandard-Team

901

0 comments

Codeigniter shopping cart v1.1 Part 6: products module

Manage Products Page Overview Home of Products module shows ID, Name, Class, Grouping, Status, Category Name, Featured, Price and Actions. We use jquery dataTables to show our information. This will allow us to sort by each column, display different number of rows and seach.

716

0 comments

10 Stylish jQuery caption plugins

Listed here you will find ten stylish jQuery caption plugins which you can freely use in your future work.

design, javascript, tutorial, usability

905

0 comments

Photoshop Tutorial - Wallpaper ( Apple-Style )

This Step-by-Step Tutorial is going to show a photo display Perspective beginners in Adobe Photoshop, as well as the experienced user tips and tricks for designing graphics (including reflection and bending of objects, assign levels of effects) .

inspiration, photoshop, tutorial

Webstandard-Team

628

0 comments

2010

9

FEB

Codeigniter shopping cart v1.1 Part 5: subscribers module

Subscribers module I will not use this module in the front page webshop. However this function will be handy to have for your email marketing and email newletters, so I have created a module. You can see how to use this by looking closely at the version 1.0. When you open the front page it has a subscribe form.

544

0 comments

How to Set Up an Image Gallery in WordPress

WordPress is a excellent platform for placing lots of images in your blog. In WordPress presenting lots of images in a single post is not ideal.

tutorial, wordpress

517

0 comments

2010

8

FEB

Creating Search Engine Friendly URLs With Apache and PHP

Utilizing URLs on your site that are search engine friendly is simple and easy to do thanks to PHP and Apache. We will be utilizing permalinks that get rid of all the nasty $_GET data that trails the end of most PHP scripts.

php, seo, tips, tutorial

612

0 comments

Best of Web #17

Continueing a fresh weekly portion of the best graphic resources, inspiration and tutorials from around the web.

design, freebies, tutorial

420

0 comments

2010

7

FEB

Web Hosting Layout Tutorial in Adobe Photoshop

This tutorial will teach you how to create a PSD layout for a hosting business, internet service provider, or any other internet related business.

design, graphic, photoshop, tutorial

565

0 comments

2010

6

FEB

10 Amazing jQuery AJAX Widgets

AJAX can add life to even a simplest user interface. Add style and interactivity to your designs with this set of Amazing jQuery AJAX Widgets.

ajax, css-html, javascript, tutorial

1578

0 comments

10 Must See CSS Sprites Tutorials

CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site so it will increase page loading speed.This post looks at useful tutorials for CSS Sprites.

css-html, design, tutorial, usability

962

0 comments

Goddess cadeira photo effect in Photshop

This photo effect is primarily devised for womens, but I thing mans also can get cool result. In this photoshop tutorial we will use some layers styles, photoshop basic tools and we will works with lights, a lot. This effect isn't hard to make, but as you can see it is effective.

design, graphic, photoshop, tutorial

591

0 comments

2010

5

FEB

How to Build a jQuery Brush Stroke Navigation

Today we are building an animated navigation for a watercolor-styled website which will have links that appear to be painted when it is hovered on. The watercolor graphics were created in Photoshop and we’ll be using the popular jQuery JavaScript framework for the animation.

635

0 comments

Top 15 Jquery CSS Animated Navigation Tutorials

Top 15 Jquery CSS Animated Navigation Tutorials with download sources and live demos

css-html, design, javascript, tutorial, usability

1122

2 comments

2010

4

FEB

Forms: Sliding Labels - jQuery and Mootools Version

Who wants to be successful in eCommerce doesn't comes around Forms. A very interesting approach to this, Tim Wright returns with "Form Design with Sliding Labels".

ajax, javascript, tutorial

Webstandard-Team

956

0 comments

Create a rustic layout for hotels or restaurants

In this tutorial you will learn how to create a site related to hotel industry: restaurants, bed and breakfast, motels, etc...

design, graphic, photoshop, tutorial

602

0 comments

How To Use Post Thumbnail Feature In WordPress 2.9

Wordpress version 2.9 comes with many improvements, one of them is something that should have been available for a long time, the post thumbnails. Here is how to use it.

php, tutorial, wordpress

1123

0 comments

2010

3

FEB

Best Of January – 10 Web Development Articles And Tutorials

I handpicked 10 web development related articles and tutorials that i liked the most in January. Check them out, you might have missed some.

css-html, javascript, php, tutorial

1034

1 comment

Using Web Fonts in CSS3

Currently, you can only use about 10 to 15 types of fonts on the web without having to create time-consuming and non-Google friendly images. In order to promote and further the idea of simple web design, it would be better to use plain text. Thankfully, you can use CSS3 web fonts along with other typography techniques to dress up the font on your website.

browser, css-html, tutorial

669

1 comment

2010

2

FEB

Valentines Day - Photoshop-Brushes & Tutorials

Since it is (almost) any request or any big event there such strokes, it is not surprising that it even for a day is like Valentine's Day, gives a suitably wide range of resources. The following list contains photoshop-brushes, a few vector graphics and tutorials on this subject, including book tip!

design, inspiration, photoshop, tutorial

Webstandard-Team

739

1 comment

50+ Current Tutorials From Around The Web

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of January.

inspiration, photoshop, tutorial

462

0 comments

Create a Custom Apple iPhone/iPad Icon For Your Web Site

With the Apple Tablet the iPad arriving it is time to finally learn how to give your web site an icon for Apple touch devices. Years ago the favicon.ico was only found on a few select websites, but today they can be found just about everywhere. The apple-touch-icon rel link attribute has become Favicon 2.0 in today’s web.

design, icon, trend, tutorial

957

2 comments

Create singing Apple Photoshop tutorial

In this tutorial you will learn how to make an apple, already listening to the music, sing.

photoshop, tutorial

523

0 comments

10 Stunning Examples of jQuery Animations

jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 10 Stunning Examples of jQuery Animation to get you on your way.

inspiration, javascript, tutorial

44207

16 comments

2010

1

FEB

Create a glossy high tech 3D speaker icon

Learn how to design an awesome hight tech glossy icon with a 3D look in Photoshop.

design, graphic, photoshop, tutorial

458

0 comments

11 easy steps for installing Apache ActiveMQ and configuring it for PHP application

Apache ActiveMQ is one good option for implementing message queue in your PHP application. It can be easily installed on your server and it’s web accessible admin interface really makes administrator’s life easy.

mysql, php, tutorial

475

0 comments

15 Valentine's Day Photoshop Tutorials

Here is a roundup of 15 Photoshop tutorials to draw inspiration from, when designing your own pretty greeting card or wallpaper for your loved one.

design, freebies, graphic, photoshop, tutorial

740

2 comments

Create an Event calendar using Codeigniter and jQuery

This blog inspired me to make an event calendar using Codeigniter. You can download Bari’s source files here. Please unzip it and save them. We are going to use them later. I used most of Bari’s codes and implemented in Codeigniter. I continue using BackendPro for this purpose. You can read more about it here. It has an excellent ...

javascript, php, tutorial

2219

0 comments

2010

31

JAN

Ajax Todo List system with Codeigniter Part 2

This is a follow up article from this entry “Ajax Todo List system with Codeigniter Part 1″. Updating Part 1 I forgot to add the following code in C:xampphtdocsci_bepsystemapplicationlanguageenglishackendpro_lang.php....

ajax, php, tutorial

423

0 comments

2010

30

JAN

CSS Trick : Making vertical rating meter easy way

Hello developers. Today I am very much excited to tell you how we can make vertical rating using meter css , html and little php (or may be some other language).

css-html, tutorial

711

0 comments

2010

29

JAN

48 Amazing Fresh Links for Designers

Every day there are new design posts being published to help designers promote their projects.We have included the links to some of favorite design posts that are worth checking out and studying.

design, freebies, inspiration, tutorial

1363

0 comments

2010

27

JAN

How to Create Perfect Radial Shapes in Illustrator

In this tutorial, I will walk you through the creation process on how to effectively recreate some perfect radial shapes. Once you have completed this tutorial. I am sure you will be creating some amazing radial shapes to include in your designs.

design, graphic, tutorial

474

0 comments

Photoshop Variables: How to Import External PSD Smartly

When working on large projects, with many mock-ups and style-sheets, even the smallest change on a re-occurring component can take quite some time.

design, photoshop, tips, tutorial

532

0 comments

Making Image Overlay Caption Using CSS

In this tutorial we will make a nice transparent overlay image caption using CSS.

css-html, tutorial

1279

0 comments

How to create light and lighting in Photoshop

Creating simple lighting effects is not only easy, but fun and rewarding for as much minimal effort it takes in Photoshop

photoshop, tutorial

477

0 comments

2010

26

JAN

10 baby steps to install Memcached Server and access it with PHP

Thinking of implementing caching for your php application , you are at a right place. Just in 10 simple (copy and paste) steps you can install and access

os, php, tips, tutorial

586

0 comments

The Easiest Javascript Sliding Door Effect Tutorial with jQuery

This is my fouth tutorial about thumbnail effect. This time is the well known sliding door effect that slide the top layer to top, bottom, left or right direction to reveal the content underneath.

css-html, javascript, tutorial

14708

11 comments

2010

25

JAN

3 Elegant Html Resume Templates

A web page resume can be read, printed, bookmarked for later review on any computer connected to the internet. Here are 3 elegant html resumes, I hope they will be useful for you.

design, template, trend, tutorial

1069

0 comments

Create Avatar movie poster in Photoshop

This tutorial elaborates how you can create a Navi image of any usual photo as you add impressive text and backgrounds to make an Avatar movie poster. Let us begin to see how you can get this amazing Navi photo effect in just 8 easy steps.

design, graphic, photoshop, tutorial

602

0 comments

Making A Cool Thumbnail Effect With Zoom And Sliding Captions

Since the thumbnail spotlight effect i wrote a tutorial about was and still is amazingly popular i decided to make another cool thumbnail effect. This time with zoom and sliding caption.

css-html, javascript, tutorial, usability

1079

0 comments

2010

24

JAN

36 Magnific Tutorials for 3D Effects

I put together a list of 36 tutorials that will teach you how to create some amazing 3D effects with Photoshop and Illustrator.

design, graphic, photoshop, tutorial

543

0 comments

2010

23

JAN

Superb Jquery Image Effects and Tooltips Tutorials

Superb Jquery CSS Image Effects and Tooltips Tutorials to improve your sites

css-html, gadget, javascript, tutorial, usability

1283

0 comments

How To Create Depth And Nice 3D Ribbons Only Using CSS3

Sure? Yes, it’s possible to create a simple and nice (3D) layout playing with some CSS3 properties, only using code and without the help of Photoshop.

css-html, freebies, tutorial

585

0 comments

Great list with digital painting tutorials

If you want to create digital paintings like a pro then you need to follow these 10 tutorials.

graphic, inspiration, photoshop, tutorial

461

0 comments

2010

22

JAN

40 Photoshop Tutorials To Create Gorgeous 3D Text Effects

You can use Photoshop perfectly but more important thing is the creativity in mind.First you will imagine and then you have to show your technical skills.Especially when you start working with text,the imagination becomes more important for us.

photoshop, tutorial

678

0 comments

How To Emulate a Foreach Loop in JavaScript

JavaScript lacks a true 'foreach' loop contstruct, which often trips me up. Here's how to fake one.

javascript, tips, tutorial

506

0 comments

20 Best Twitter-likes And Useful Tutorials To Work With Twitter

20 best tutorials and resources that are Twitter-like and useful for your web project.

design, inspiration, tools, tutorial

516

0 comments

2010

21

JAN

How To Wrap Google Adsense In Wordpress Posts Correctly

Two simplest but correct ways to wrap Google Adsense code in WordPress posts.

design, tutorial, wordpress

304

0 comments

10 Amazing Avatar movie Photoshop Tutorials

Here is a compilation of some great Photoshop tutorials which will help you to create your own Na’vi Avatar from a picture of yourself.

graphic, inspiration, photoshop, tutorial

1351

1 comment

2010

20

JAN

10 Amazing Web Design Tutorials

Web design is about the pleasures and habits. With a tutorial that will be explained later, we’re sure you will have the ability to design and develop the site with the design and layout is interesting. This tutorial is very easy to follow and fun to do! . Here are 10 Amazing Web Design Tutorials to help you get started.

design, font, graphic, tutorial

701

0 comments

2010

19

JAN

Create a Fast and Simple Toggle View Content with jQuery

This script is fairly straight forward. What it does is using the UL list and allow user to toggle to display the content of LI items. This is a really useful user interface feature that it helps designers to save space and build a less complicated user interface.

css-html, javascript, tutorial

16536

10 comments

25 Excellent Night Photography + Tutorials

Night photography refers to photographs taken outdoors between dusk and dawn. Night photographers generally have a choice between using artificial light or using a long exposure, exposing the scene for seconds or even minutes, in order to give the film enough time to capture a usable image, and to compensate for reciprocity failure.

inspiration, photography, tutorial

436

0 comments

How to create vector portrait tutorial

In this tutorial you will learn how to vectorize your images in a more easy way.

photoshop, tutorial

685

0 comments

2010

18

JAN

40 best photoshop tutorials for web layouts

Learn how to create website layouts with one of the best layotu tutorials around.

design, graphic, photoshop, tutorial

681

1 comment

2010

17

JAN

Create a layout for architecture or real estate website

Learn how to create a clean layout for a real estate with this easy to follow tutorial.

design, graphic, photoshop, tutorial

589

0 comments

2010

14

JAN

Using liquify filter and photo retouching

In this tutorial you’re going to learn how to use the Liquify Filter in Photoshop. This filter will help you to retouch your photos but also lets you have a little fun if you just want to play!

photoshop, tutorial

713

0 comments

Create a portfolio presentation slideshow in Dreamweaver

In this tutorial we will make a product/portfolio presentation slideshow using Dreamweaver and Creative DW Image Show Pro. This type of slideshow can be used to display web design portfolios, real estate, furniture pieces or anything else!

1549

1 comment

10 Ways to animate your hyperlinks

CSS provides some powerful ways to style your hyperlinks but if you want to go one step further and add some smooth animation to your hyperlinks, than I believe you will find this list useful.

design, javascript, tutorial, usability

787

0 comments

2010

12

JAN

Create a Beautiful Looking Custom Dialog Box With jQuery and CSS3

This custom dialog box is one of the scripts in that website and I think it will be quite useful for all of us. The reason I have this custom dialog box is to overcome the inconsistencies across different browsers. It uses CSS3 to style everything and it looks really nice!

css-html, design, javascript, tutorial

49886

12 comments

25 Design Freebies From Blogs You Should Read

A weekly roundup of design freebies from YoutheDesigner.

font, freebies, icon, tutorial

571

0 comments

Think outside the box! the team perfect page!

A detailed tutorial on building an original team page for any kind of website. Contains full source code and code guidelines for XHTML, CSS, jQuery.

css-html, design, javascript, tutorial

552

0 comments

Create pillowed text Photoshop tutorial

In this tutorial We’re going to learn how to create that pillowed effect on text.

photoshop, tutorial

478

0 comments

Improve Usability and CTR: Make an Entire List Item Clickable

Larger clickable areas make for greater usability and a higher click-through rate. Here's how to expand a clickable area to an entire list item using jQuery.

css-html, javascript, tutorial, usability

567

0 comments

2010

11

JAN

10 Best Tutorials To Learn CSS3

10 Best tutorials, tips and tricks to learn CSS3 that are worth seeing.

css-html, inspiration, tutorial

863

0 comments

Design a plane crashing one a mountain in Photoshop

In this tutorial you will learn how to create a great photo manipulation with a plane crashing against a mountain.

design, graphic, photoshop, tutorial

576

0 comments

9 Rating and Voting Javascript Plugins and Tutorials

Rating and voting features are one of the ways to encourage user interaction with the website. I have gathered a few of javascript rating plugins that are built with jQuery, Mootool or prototype framework and a few of tutorials if you want to know how it works or implement it by yourself.

css-html, design, javascript, tutorial

12898

1 comment

2010

8

JAN

15 Tutorials That Helped Me Grow As a Designer

As a Trainee in a Advertising Agency, I’m learning every Day awesome new things. As i started designing, I followed these Tutorials. They showed me the “Way’s” in Photoshop and co.

design, graphic, photoshop, tips, tutorial

854

0 comments

WordPress Theme from Scratch – Day 3: HTML to WordPress

Ultimate tutorial explains how to develop an WordPress theme from scratch HTML file.

template, tutorial, wordpress

674

0 comments

2010

7

JAN

50 Professional Photo Manipulation Tutorials for Photoshop

Photo Manipulations can be a lot of fun and can produce powerful effects when well executed.

691

0 comments

2010

6

JAN

Sexy bookmark like effect using pure css

You must be heard of sexy bookmark plugin of wordpress. we really like the way it pop up the icons on hover. Sexy bookmarks is using javascript to accomplish this. We tried it using only css. This method of using css is known as css sprites. Css sprite is very useful technique in optimizing website performance.

css-html, design, tutorial

2250

0 comments

Basic difference between div and span

The basic difference between them is ,div is block level element and span is inline level element. Most of us do not know what is block level and inline level elements.

css-html, tutorial

693

0 comments

60+ Fresh Hot New Tutorials From Around The Web

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of December.

design, graphic, inspiration, tutorial

521

0 comments

Photoshop tutorials - Best of 2009

I create, Top best photoshop tutorials of 2009. I added the best photoshop drawing tutorials, text effects tutorials, photo effects tutorials, photo manipulations tutorials, web layouts tutorials and design tutorials. Totally in this chart I added more than 150 the best photoshop tutorials of 2009.

design, graphic, photoshop, tutorial

597

0 comments

2010

5

JAN

5 useful jquery tricks every web developer should know

Hello developers. We really find jquery a good framework and find out really good tricks which every web developer should know.

javascript, tutorial

1033

0 comments

2010

4

JAN

How to design an attractive web page

We have listed some of the efficient tips for creating a good web page. So just have a look at it.

design, graphic, tips, tools, tutorial

1059

0 comments

2010

1

JAN

Tutorials and resources Dealing with xls files on CakePHP

With CakePHP you can easily insert data to database or how create views from database models. At times, however, you need to output your database model as a spreadsheet file or need to Importing the records from an excel file. In this article I’ll share with you some useful tutorials and resoureces how to deal with .xls files on CakePHP.

756

0 comments

2009

29

DEC

How to create Zombie face

In this tutorial we’re going to give our face a zombie look in just a few steps.

photoshop, tutorial

769

0 comments

Popular-on-Twitter Widget: Topsy-enabled jQuery Plugin

Another Topsy-enabled jQuery plugin to list the most popular posts on your website, from your Twitter timeline or for some keyword within a selected period of time.

ajax, javascript, tutorial

918

0 comments

14 Outstanding jQuery Navigation Menu Tutorials

As a jQuery lover, I always find myself trying to invent something really cool, useful and able to integrate into design easily. This time, I've chosen a few of very useful and helpful navigation menu tutorials. They are comprehensive tutorials, and cover everything with detailed explanations.

css-html, inspiration, javascript, tutorial

65308

20 comments

2009

28

DEC

Design a dark portfolio layout or a css design gallery for wordpress

In this tutorial you will learn how to create a dark portfolio layout or a css design gallery for wordpress.

design, graphic, photoshop, tutorial

630

0 comments

2009

23

DEC

50 Amazing and Useful Photoshop Photo Manipulation Tutorials

In this post i’ve collected amazing tutorials created by Photoshop.You can see how Photoshop is powerful and if you can imagine,you all can do these kind of photo manipulations.

design, photoshop, tutorial

907

0 comments

2009

22

DEC

Build a Bare-Bones WordPress 2.8+ Widget

Learn how to build a WordPress 2.8+ compatible widget from scratch in this easy step-by-step tutorial.

cms, php, tutorial, wordpress

401

0 comments

2009

21

DEC

20 Free Photoshop business cards

Your business card is often the first impression people have of your business. A distinctive and unique business card will make you standout, get noticed, be remebered. Here are twenty free business card designs (in PSD file format), to inspire you and improve your skills.

design, freebies, inspiration, tutorial

1188

0 comments

Create Collage Photo Design

In this tutorial we’re going to create a photo using pieces of torn paper. Really nice effect.

photoshop, tutorial

634

0 comments

2009

20

DEC

Create a wreath illustration for Christmas postcards

In this tutorial you will learn how to create a Christmas wreath vector illustration with Adobe illustrator.

design, graphic, tutorial

613

0 comments

2009

18

DEC

Learning jQuery: Optimize Using Modal Window or Dialog Box in JQuery UI

This post is in the Learning jQuery series. Let's enjoy a post today by learning how to maximize the Modal Windows or Dialog Box in jQuery UI. This post explains how to use this Dialog Box on the right way.

ajax, design, javascript, tutorial

1733

0 comments

A Full-Width Centered Navigation Bar

This attractive horizontal navigation bar stretches the full width of the screen but centers the navigation over your content. It's and easy, clean, and CSS-only solution.

css-html, tips, tutorial

1325

0 comments

2009

16

DEC

jQuery Photo Slide Show with Slick Caption Tutorial Revisited

A revisit from my previous famous Image slide show with semi-transparent caption jQuery tutorial. I have fixed bugs and enhanced this image slide show to be more efficient, w3c compliant and more semantic. Quick! Learn how to create a slide show with cool sliding caption effect using jQuery.

css-html, javascript, tutorial

76343

152 comments

Aurora effect photoshop tutorial

In this tutorial, I’ll tell you how to create an amazing Vista theme background in just a few easy steps.

photoshop, tutorial

932

0 comments

2009

15

DEC

Dazzling Logo Design Tutorials Part 2

We have written a article 35 Dazlling Logo Design Tutorial Part 1 last week and this week we come with another set of logo design tutorials for our readers. So have a look at all this cool logo design tutorials.

design, logo, tutorial

597

0 comments

2009

13

DEC

Design a Clean Portfolio Website Layout in Photoshop

Today I’ll take you through the creative process of designing a beautiful and clean portfolio website layout in Photoshop. The layout will have incorporated a beautiful slider to show your work,an original Twitter integration,displaying your latest tweet and a social area where will be displayed your links to your social network pages.

design, graphic, tutorial

855

0 comments

Design an awesome christmas tree illustration

In this Photoshop tutorial, you will learn some easy steps and techniques to design an awesome illustration for Christmas.

design, graphic, photoshop, tutorial

575

0 comments

2009

10

DEC

Speed Up Firefox

Firefox is an internet browser that is preferred by many web designers and internet savvy people because they know that it is more secure, more standard compliant, and allows better customizations. Although Firefox is a very fast browser it can be better. In this article we will give you some good tips to make your Firefox preform better and faster.

browser, javascript, misc, tips, tutorial

792

1 comment

2009

9

DEC

All About Generative Art

Generative art is any art practice where the artist creates a process, such as a set of natural language rules, which is then set to motion with some degree of autonomy contributing to or resulting in a complete work of art.

design, graphic, photoshop, tips, tutorial

744

0 comments

How to make Wordpress and Blogger Post Via e-Mail

If you want to add a post to your blog without having to open the WP Admin and log in, you can set up your WordPress installation to accept posts sent via email.

tutorial, wordpress

665

0 comments

Create animated GIF images

In this tutorial you will learn how to animate your pictures using Photoshop CS3.

photoshop, tutorial

735

2 comments

35 Dazzling Logo Design Tutorials Part-1

Logo Design is another part of graphic design which needs special skills. So here we have collected some logo design tutorials to learn designing logos. This article includes 35 logo design tutorials and will come with second part of this articles in upcoming days. Enjoy!

design, photoshop, tutorial

760

0 comments

2009

8

DEC

20++ jQuery Introduction Tutorials and Resources for Beginners

jQuery is an amazing Javascript library that makes it easy to create astonishing web effect in just a few lines of code. This post gathered all useful jQuery tutorials to kick start your learning process.

javascript, tips, trend, tutorial

28875

26 comments

2009

7

DEC

23 Best jQuery Facebook Style Plugins

The Facebook User Interface is one of the most popular, attractive and simple to use. At the same time, it is a challenge for designers to create these kind of user interface. These jQuery plugins help designes to create facebook style UI with ease.

css-html, design, javascript, tutorial

2157

0 comments

2009

6

DEC

Incredible Drop Down Menu Solution With CSS Only

This drop down menu solution uses CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely

css-html, design, tutorial

1557

0 comments

Free Web Traffic - Leanne reviews Affiliate Code Program.

By now, you've probably heard all about The Affiliate Code because I mean, it's all over the blogs, and the Alexa ranking for this site is insane right now. Take a look at the review it will shock you.

seo, tips, trend, tutorial, usability

leannegriffiths

919

1 comment

How to Add Podcast to your WordPress Blog

Podcast is a combination of iPod and broadcasting. A podcast is a special feed that includes an audio file instead of just text, and people use iTunes, Juice, or some other podcasting clients to collect (and listen to) the episodes.

tutorial, wordpress

626

0 comments

Create a clean and elegant wordpress theme in Photoshop

Create a simple and clean elegant wordpress theme design using adobe photoshop

design, graphic, photoshop, tutorial

726

0 comments

2009

4

DEC

Custom fonts embedding: no hacks, no Javascript, no Flash

A CSS-only solution to use custom fonts without sIFR, or any Javascript or Flash hacks.

css-html, design, font, tutorial

941

0 comments

Nice And Simple Toolbar For Your Website With CSS3 And jQuery

In this tutorial we’ll learn how to build a nice toolbar for our website using some CSS3 properties and basic jQuery techniques.

css-html, javascript, trend, tutorial

1082

0 comments

5 Best Web Design tutorials on november 2009

The selections todays especially from designm.ag who created online template layout and sixrevisions who created band website layout. This monthly round up come from sixrevision, designm.ag, gravpedia,circleboxblog and tutoriallounge. As alaways PSD files available for download

design, photoshop, tutorial

827

1 comment

300+ Amazing Jquery CSS Tutorials Round up

300+ Amazing Jquery CSS Tutorials Round up

ajax, css-html, javascript, tutorial, usability

1166

0 comments

2009

3

DEC

40 best illustrator tutorials plus websites for illustrator tutorials

Web and graphic designing can’t be mastered without an inspirational art and passion .Illustrator is a standard way to bring your vision into existence and flow your creativity in the canvas of the software.

design, graphic, tutorial

webanddesigners

1014

1 comment

2009

2

DEC

30+ Professional Business Website Design Tutorials In Photoshop

With more and more businesses needing an online presence, it’s no surprise to see there’s a lot of photoshop tutorials out there about creating a professional business website design layout. We have collected some of the very best 30+ professional website design tutorials mostly done in photoshop. These website design tutorials would help to improve your photoshop skills.

design, photoshop, template, tutorial

944

0 comments

Introduction to PHP – Part8

A function is a subprogram that performs a specific task when called by the main program. It is always a good practice to divide a huge program into a number of subprograms until elementary functions are reached.

webanddesigners

535

0 comments

36 Do It Yourself Gift Box Tutorials For Your Christmas Presents

Make this Christmas special by giving it a personal touch. All these tutorials are fairly easy to follow, although there are some harder ones too. Materials should be easily accessible because they are mostly made of paper, card board, and plastic. Whichever gift box you choose to make, we are almost certain that you will succeed.

design, inspiration, tips, tutorial

729

0 comments

2009

1

DEC

10 Useful Code Snippets And Plugins To Spice Up Wordpress Avatar

This entry provides us 10 most useful code snippets and wordpress plugins that help us control, customize our avatar in wordpress better.

tips, tutorial, wordpress

860

0 comments

How to Set Up a Killer WordPress blog pt 3

Hello there!!. This is the third post from a series of 5 post where I`m going to show you how to set up your own Killer wordpress blog (like this one). In part one we`ve decided to have our blog in our own hosting and in part two we saw requirements and installation of wordpress. In part 3 we`re going to pick our theme according to our needs.

cms, tutorial, wordpress

1226

0 comments

50+ Fresh New Tutorials From Around The Web

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of November.

icon, photoshop, tutorial, wallpaper

772

0 comments

Things to consider before you start your blog

Blog is a tangible demonstration of creative effort. It is in a simple term a platform where an individual can share its feeling, expression, guideline through text, pictures, and videos.

design, tips, tutorial

webanddesigners

815

0 comments

22 Tutorials To Create Shiny Effect Using Photoshop

Creating different effects is very interesting to do with Photoshop. There are many effects that you can create using Photoshop, which you can search on internet but here i have compiled 22 tutorials to create shiny effect using Photoshop.

photoshop, tutorial

1018

0 comments

Best of November: 10 Web Development Articles and Tutorials

November was a month full with great webdev articles and it was really hard to pick the top 10. Here they are, the best 10 articles from November 2009, i love them and hope you will too. Enjoy.

inspiration, php, tips, tutorial

1076

1 comment

Create a Vertical Sliding Bar Thumbnail Effect with jQuery

A revisit from my previous famous tutorial, I have changed the transition to something different. 4 bars will be sliding up and down and reveal the description of the thumbanil hidden underneath.

css-html, javascript, tutorial

22522

4 comments

How to create stone portrait

In this tutorial you will learn how to make a stone portrait. The first time you do this you may think that is a hard thing to do, but once you catch the moves it’s easy and fun.

photoshop, tutorial

678

0 comments

2009

30

NOV

20 Colorful jQuery Plugins

Colors add beauty to designs. So why not add a splash of color to jQuery plugins? These colorful jQuery plugins enhance the usability and interactivity by animating and playing with colors. Bring out a riot of colors in your designs with this collection of colorful jQuery Plugins.

css-html, design, javascript, tutorial

1221

0 comments

Create a wordpress theme in Photoshop - Theme available for download

Create a blog theme design for one of the most popular blogging platform - Wordpress - Theme available for download

design, graphic, photoshop, tutorial

818

0 comments

How to make a website: an introduction to XHTML

XHTML is the best markup language to make websites. It's easy to learn, clean and powerful. Now that you have a global understanding of web design, and that you possess all the tools you need to make a website, I'll teach you the basics of XHTML.

css-html, misc, tutorial

811

0 comments

2009

29

NOV

Zend framework Flickr class on Codeignier with jquery

Index page has a form with search word and number of image input field. If a visitor did not enter any search word, then a warning message “All fields are required . Please try again!” will be displayed. If only a search word is input, then 20 images will be displayed and message will tell the item searched and number of images. ...

1040

0 comments

12 Useful Tutorials to Style Web Forms

Styling a tableless css web form requires advanced skills in CSS. Besides that, we have to consider the form accessibility and usability as well. With all these tutorials, they will show you the right way to implement web form.

css-html, design, tutorial, usability

21807

15 comments

2009

28

NOV

Create realistic looking rainbow

In this tutorial, I'll show you how to add a realistic looking rainbow to your picture. It's very easy and simple if you follow all steps from tutorial.

photoshop, tutorial

620

0 comments

2009

27

NOV

10 Awesome Tutorials How To Create Image gallery

In this collections you’ll find hight quality tutorials how to create image gallery. All of them demo and source code available for download.

css-html, design, javascript, tutorial

1338

0 comments

2009

26

NOV

Superb Image Zooming Jquery and CSS Tutorials

Superb Image Zooming Jquery and CSS Tutorials

css-html, javascript, tutorial

1081

0 comments

2009

25

NOV

Best jQuery Drawing Plugins

jQuery, the write less do more code, now lets you to write less and draw more. These plugins and tutorials provide you with an insight on how jQuery can be used for drawing lines and a wide array of shapes.

css-html, design, javascript, tutorial

1562

0 comments

Enhance your clients list page with jQuery goodness

A tutorial on building a unique clients list page for your company or portfolio site using HTML 5, CSS 3 and jQuery.

css-html, design, javascript, tutorial

891

0 comments

Create A PHP Contact Form

Every website needs to have some way for the visitors to be able to reach out and contact the website owner, but with all the spammers and pay for scripts out there where do you start. Well if you are here then you are obviously off to a good start.

browser, css-html, mysql, php, tutorial

1205

0 comments

20 Photoshop photo effect tutorials

Effective attribute to a image adds value to what a person perceive. Photoshop is one medium that adds beauty to the picture through its various effects.

design, graphic, photoshop, tutorial

webanddesigners

857

0 comments

10 Extremely Useful Wordpress Plugins

I handpicked 10 wordpress plugins i find to be very useful. Interacting with twitter, bandwidth saving, social sharing… it’s all here.

css-html, tutorial, usability, wordpress

948

0 comments

2009

24

NOV

How to make a website: the only 8 tools you need to make websites

Unlike many unorganized and unhelpful huge lists of tools, here is a special list for beginners, with only the 8 best web design tools chosen!

tools, tutorial

705

0 comments

2009

23

NOV

Making your own social blog network By Using Wordpress MU

A blog network is all well and good, but how will your users find each other? How will they talk to each other? Building a sense of community is important if you want your site to succeed.

tutorial, wordpress

1272

1 comment

How to make a website: the nature of Web Design

Understanding the nature of web design is necessary for anyone who wants to be a good web designer. But, what is web design? In this article I'm going to give you a simple yet effective definition which will help you to improve your web design skills.

misc, tips, tutorial

729

0 comments

Create a Filtered Web Chart in Dreamweaver using FusionCharts

In this tutorial I will show you how you can filter the data presented in a FusionCharts using PHP vars. This is an excellent way to let the user manipulate the information presented in a chart, for example displaying only the sales performed by John during the year.

php, tools, tutorial

968

1 comment

Creating an Animated Cube Revolving on its Axis

This is a simple tutorial that will teach you how to create an animated cube revolving on its axis. To replicate the steps described above you will need Adobe Flash CS4.

flash, tutorial

1094

0 comments

2009

22

NOV

Create a gritty website layout in Photoshop

Learn how to design a grunge website layout, or create a grunge wordpress theme with this easy to follow tutorial.

design, graphic, photoshop, tutorial

990

0 comments

20 Best JavaScript Charting and Plotting Libraries

Won't it be nice if all your theoretical data were presented as charts? Charts add style and spice up the graphical interface. Style your content and layout with my handpicked collection of best JavaScript Charting plugins.

design, graphic, javascript, tutorial

704

0 comments

Text Effects In jQuery

jQuery is not just about Menus and Animation Effects. With jQuery you can also create attractive text effects and play with the text to communicate well with the users. With this collection, you can create text gradients, text fly effects, text glow and much more.

css-html, design, javascript, tutorial

1613

0 comments

Zend Framework on Codeigniter: Youtube

This post is about how to use Zend Framework on Codeigniter to show Youtube videos.

1279

1 comment

2009

21

NOV

Inspirational Photo Manipulation Techniques In Photoshop

Photo manipulation techniques let us work wonders with Photos. The better idea you have, the better Photo Manipulation you can create. This collection of Inspiring Photo Manipulation techniques unleash the power of Photoshop, inspiring you to do more with your Photos.

design, graphic, photoshop, tutorial

1280

1 comment

60 Elegant Photo Manipulation Tutorials

We have collected some great photo manipulation tutorials to increase you skills of photoshop.

design, photoshop, tutorial

1295

0 comments

2009

20

NOV

Introduction of PHP – Part6

A string is an array of characters. This tutorial demonstrates the use of string to manipulate text. A string can be represented in one of the following four ways; single quoted, double quoted, heredoc syntax and nowdoc syntax.

webanddesigners

576

0 comments

How to create water reflection

In this Photoshop tutorial, I'll show you how you can create nice, realistic water reflect effect on your images. I'll use Photoshop CS4 for this tutorial.

photoshop, tutorial

1040

0 comments

2009

19

NOV

Introduction to PHP

PHP, or PHP: Hypertext Preprocessor, is a widely used, general-purpose scripting language that was originally designed for web development, to produce dynamic web pages.

ajax, mysql, php, tutorial

689

1 comment

30 best photoshop text effect tutorials

Photoshop is a graphic editing software and has been described as an industry standard for graphics professional. Photoshop provides functionality for designers to convert their concept into a self explained graphic.

graphic, photoshop, tutorial

webanddesigners

794

0 comments

PR Project - Quick And Stylish Photo Frame In Photoshop

The time has come to give something back to the fabulous community. This project is just a small step towards that goal and in the future we hope we will do some bigger and more interesting ones.

design, photoshop, tips, tutorial

815

0 comments

Top 10 Jquery Animated Navigation Tutorials

Top 10 Jquery CSS Animated Navigation Tutorials

javascript, tutorial, usability

2011

0 comments

2009

18

NOV

Boggle Over CSS for Google

CSS is interpreted as a tool for styling screen elements. However, its quite evident that CSS is much more than just a layout instrument, it has other functionalities too. There is a brawl of opinions among web designers while using tables during the application of CSS.

css-html, design, tutorial

seosemanticxhtml

759

0 comments

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

Javascript Tree view and sitemap are good tools to display the structure of your website. I have collected 10 plugins and tutorials that will save your time hunting for one.

css-html, javascript, tutorial

21034

5 comments

2009

17

NOV

9 Tutorials to converting psd to html

This article list out 9 awesome tutorials which helps you to build a website, from designing a layout in photoshop to write your own HTML and CSS for a website.

css-html, design, photoshop, tutorial

webanddesigners

504

0 comments

2009

16

NOV

Create a sleek, classy download button

Today we will be creating a neat download button with subtle gradients and letterpress effects(some may call it web 2.0). The colors are exchangeable and the icon is easy to resize. We’re using simple techniques and everything is explained so that even if you’re new to photoshop, you should have no problems following every step.

design, icon, photoshop, tutorial

1135

0 comments

30 Best Web Design Layout Photoshop Tutorials

This roundup includes 30 of the best web design layout tutorials created in Photoshop:portfolio layouts,layouts designed for blogs,business layouts and more…

design, photoshop, tutorial

1245

4 comments

Making a Cool Spotlight Effect with jQuery

In this tutorial we will make an amazing effect i saw on a portfolio of an australian designer which is so great i had to write a tutorial about it. Here it is…

css-html, javascript, tutorial, usability

1988

0 comments

Introduction to PHP – Part 5

Loops A loop is a programming construct that facilitates programmer to execute some code number of times or a specified condition is true. For instance, we need to read a file stored in computer and print it in screen.

webanddesigners

1040

4 comments

Best of the Web for the Week of November 8, 2009

Today we are showcasing “Best of the Web”. We have scoured the internet in search of other design driven blogs and websites to showcase what they have to offer for the week of November 8, 2009. There is plenty of great stuff out there such as tutorials, freebies, resources and lots of inspirational pieces. I am confident that your designs will benefit from these hot new finds.

design, graphic, icon, logo, tutorial

581

0 comments

Photoshop - Winter-Tutorials

Photoshop - Step-by-Step Winter-Tutorials, including a Matte-Painting-Tutorial

inspiration, photoshop, tutorial

Webstandard-Team

1236

2 comments

2009

15

NOV

30 New and Promising Design Blogs You Should Know

This article presents 30 new and promising design blogs you should know that are worth checking out. Blogs featured here discuss about web design, Photoshop, WordPress, development, graphic design and much more.

design, inspiration, photoshop, tutorial, wordpress

1014

1 comment

2009

14

NOV

16 tutorials using photoshop to build a website

Designing a website has been much more easier from the resources provided on web itself. There are loads of tutorials which helps to build a elegant website templates, wordpress themes and so on.

design, graphic, photoshop, tutorial

webanddesigners

950

1 comment

2009

13

NOV

How To Create Amazing 3D Type

If you love typography like I do, you are always looking for a new way to funk out your type. You will learn some amazing and creative ways to make your type look absolutely beautiful!

design, graphic, photoshop, tutorial

819

0 comments

Best Collection of CSS Rounded Corners Tutorials

Creating CSS Rounded Corners for the HTML or markup is a big challenge for most of the designers. Many designers end up with a design where they don’t use Rounded Corners to have an ease in creating markup or HTML and CSS pages. Rounded Corners have always been an issue

css-html, design, tools, tutorial

1114

1 comment

Design a cool and original jeans style Business Card in Photoshop

This tutorial will guide you through the process of designing a professional jeans style business card. The tutorial features some great techniques, effects and layer styles in which you can use over and over for future projects.

design, graphic, tutorial

650

0 comments

2009

12

NOV

17 Terrific and Easy to Follow Photoshop Product Box Tutorials

Although there are some professional tools out there made specifically for this purpose, sometimes you need to make it on your own and what is the best way to do it than to see how someone did it before. We made a compilation of seventeen terrific and easy to follow Photoshop product box tutorials in order to save your time so you can concentrate on the design itself.

photoshop, tips, tutorial

670

0 comments

Best of High-Dynamic-Range - Fotos, Weblogs, Tutorials, Software, Books

This Article includes some interesting HDR-Fotos and informations to HDR-Weblogs, HDR-Tutorials, HDR-Software and HDR-Books

inspiration, photography, photoshop, tutorial

Webstandard-Team

713

0 comments

2009

11

NOV

10 Pretty Useful and Cool jQuery Plugins

There are new jQuery plugin being released everyday. In this post, I have found 10 jQuery Plugins that are pretty useful and also pretty cool concept.

javascript, tools, tutorial

26777

13 comments

Introduction to PHP – Part 4

A program is a collection of modules working together to perform certain task. The modules can be thought independently which always produces the same set of output for a given set of input.

webanddesigners

641

2 comments

2009

10

NOV

Getting Closer to Google Closure

After Google Introduced Closure Library I wanted to get a closer look on it. here's what I've come to.

javascript, tutorial

782

0 comments

7 Amazing Presentation Slides to Teach you How to Code with jQuery

Want to learn to code in jQuery? These 7 slides from SlideShare are what you need to get started with jQuery.

css-html, javascript, tips, tutorial

1503

0 comments

Easy to Style jQuery Drop Down Menu Tutorial

Drop down menu is always the most famous solution in navigation menu. This tutorial will show us how to create one and also to keep it as simple as possible so that it can be styled easily.

css-html, javascript, tutorial

49511

38 comments

2009

9

NOV

Design an advanced clan layout or a game layout

If you are thinking about launching a website for your clan team with plenty of eye catching features in the design, or if you want to create an advanced game layout then you need to follow this tutorial.

design, graphic, photoshop, tutorial

916

0 comments

How to Design Delicious Bookmarking Icon in photoshop

How to Design Delicious Bookmarking Icon in photoshop a simple tutorial includes downloadable psd

design, graphic, photoshop, tutorial

716

0 comments

How to code Six Revisions' layout better than Six Revisions

Last week, I taught you how to slice Six Revisions' layout in 12 easy steps. Today I'll show you how to code their layout better than them!

css-html, tips, tutorial

762

0 comments

2009

8

NOV

How to Dress Up Pet Tutorial

In this tutorial you will learn how to dress-up animals in Photoshop. It’s an easy and fun tutorial and it will only take you a couple of minutes to complete.

photoshop, tutorial

815

0 comments

Introduction to PHP - Part 3

An operator is a type of function which acts on operands often called inputs and produce results. In PHP, there are three types of operators.

webanddesigners

559

0 comments

2009

7

NOV

Simple Jquery Background Positioning Animation Tutorials

Simple Jquery Background Positioning Animation Tutorials for menu and form elements

css-html, design, javascript, tutorial

1230

0 comments

2009

6

NOV

JQuery for Beginners: Using Simple JQuery Effects for a Rockstar User Interface

One of my favorite parts about the JQuery library is the built-in effects, which can be tied into the events manager to animate the appearance and disappearance of elements in the web page. That is, you can make things like div and a elements slide or fade with ease.

javascript, tutorial

1026

0 comments

2009

5

NOV

5 Attractive Content Sliders with Featured list Layout

These content sliders are different with the rest because they have a featured list and a slideshow area. I have collected 5 of them, 4 Javascript and a flash based content slider which I believe could be very useful.

design, javascript, tutorial

25149

4 comments

Create a Hovering Scroll to Top Button With JQuery

Looking for an easy way to help your readers power through long web pages? Sick of scrolling for minutes at a time to get to the top of the document? Here’s a simple Scroll to Top button that hovers in the bottom right corner of your screen. Best of all, it’s made entirely from JQuery, CSS, and HTML, so you can easily drop it into preexisting pages and customize it to your hearts content.

javascript, tutorial, usability

1349

0 comments

J2ME – The Mobile Initiative of Java: Creating a simple MIDlet

In this modern world, the market is full of small-footprint mobile devices e.g. Cell phone, pager, smart phone etc. These devices are generally 16-bit or 32-bit processors with a memory in the range of 128 KB – 2 MB. Sun Microsystems’s Java, the language that is portable across platforms, came up with an initiative to [...]

gadget, misc, tutorial

994

0 comments

Introduction to PHP – Part 2

PHP supports eight primitive types; four scalar types two compound and two special types. In this section we will discuss scalar types; boolean, integer, float and string.

webanddesigners

549

0 comments

20 Most Sexiest Jquery Plugins and Tutorials

20 Most Sexiest Jquery and CSS Plugins and Tutorials

css-html, javascript, tutorial

1079

0 comments

2009

4

NOV

Introduction to PHP – Part 1

PHP is a widely used open source server side scripting language that is used to create dynamic and interactive web pages.

webanddesigners

414

0 comments

Warp tool effect

The warp tool in Photoshop is very powerful and can create some amazing new possibilities.

photoshop, tutorial

432

0 comments

How to Create Stunning Flash Bubbles

This tutorial will teach you how to create an amazing image effect such as Flash bubbles. Step by step you will learn how to draw such bubbles, how to create movie clips and symbols and how to set everything in motion.

flash, tutorial

1221

0 comments

2009

3

NOV

Simpley Jquery CSS Slide Effect Tutorial

Simpley Jquery CSS Slide Effect Tutorial

css-html, javascript, tutorial

2107

1 comment

Design an Intense Particle Illustration using Photoshop

In this tutorial, I thought I would show you a simple process of manipulating a image with lighting effects and incorporating brushes too. This tutorial will bid you a step by step guide on how to achieve the illustrated outcome.

design, graphic, photoshop, tutorial

705

0 comments

8 Best Web Design mockup tutorials on october 2009

There is a nice selection of sites in todays Monthly Web Design mockup tutorials, especially from 1stwebdesigner and sixrevisions who have both created very clean and stylish sites .

design, photoshop, tutorial

940

0 comments

Let's slice a clean .psd layout in 12 easy steps

Today a special article for the beginners: I will show you how to slice a clean .psd layout in 12 easy steps. This tutorial has many pictures, hence it's a piece of cake to follow it!

css-html, design, graphic, photoshop, tutorial

988

0 comments

jQuery Drop Down Menu for RSS Subscription Tutorial

Learn how to create a simple drop down list with animation effect in this tutorial. This drop down menu can be easily skin and customize.

css-html, javascript, tutorial

26622

4 comments

2009

2

NOV

How To Fix Dark Pictures

There’s an easy way to adjust your dark photos. It’s so easy it only takes a couple minutes. Check it out.

design, photoshop, tutorial

742

0 comments

Best Of October – 10 web development articles and tutorials

I handpicked 10 webdev articles and tutorials that caught my attention during the month of October. I really enjoyed reading them (and watching) and i hope you will enjoy and learn too.

css-html, javascript, tutorial, wordpress

849

1 comment

15 jQuery slideshow/gallery plugins

To choose best jQuery slideshow or gallery plugins can be difficult. We have worked out top 13 plugins to make your life easier. Below are the most aesthetic, innovative and creative jQuery plugins.

design, trend, tutorial

webanddesigners

2168

1 comment

Simple Jelly Text Effect Photoshop Tutorial

Simple Jelly Text Effect Photoshop Tutorial

design, graphic, photoshop, tutorial

891

0 comments

2009

1

NOV

Design a clean website layout in Photoshop

Clean style web templates are those that are not overloaded with graphic elements. In this tutorial you will learn how to create a clean layout.

design, graphic, photoshop, tutorial

722

0 comments

2009

30

OCT

CSS Absolute Positioning: Create A Fancy Link Block

Use some tricks to create a fancy link block that make our links more attractive.

css-html, tutorial

987

0 comments

2009

29

OCT

Awesome Collection of Tutorials, Plugins, Showcase and Freebies on October

Round up of October community news goodies from jquery tutorials, plugins, wordpress plugins to showcase of beautiful and well-designed website. Also, A list of freebies to giveaway!

design, freebies, javascript, tutorial, wordpress

7592

2 comments

Create a clean hosting layout with Photoshop

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

design, graphic, photoshop, tutorial

593

0 comments

2009

28

OCT

50 Hot New Tutorials From Around The Web

Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of October.

icon, inspiration, photoshop, tutorial

700

0 comments

101 invaluable questions to build your Web Design Client Questionnaire

With these 101 invaluable questions, you'll be able to build an awesome Web Design Client Questionnaire and gather all the information you need to create outstanding websites.

design, misc, template, tips, tutorial

1287

0 comments

How To Create Cinematic Poster

In this tutorial, I'm going to show you how to turn a random picture to an amazing cinematic poster.

design, photoshop, tutorial

930

0 comments

Create a Simple Infinite Carousel with jQuery

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

css-html, javascript, tutorial

65061

12 comments

2009

27

OCT

Curtains Opening Animation with jQuery

In this tutorial we will make a nice curtains opening animation using jQuery with some additional effects. This animation is extremely easy to be made and i really like it, i hope you will too.

css-html, javascript, tutorial, usability

1677

0 comments

2009

26

OCT

50+ High Quality Icon Design Tutorials (Part 2)

Last week I created a post about how important icons are to contemporary website, applications and user interface design. That post was a two part series. Today I would like to present to you the second half of Icon design tutorials.

design, graphic, icon, photoshop, tutorial

839

0 comments

Best jQuery iPhone Style Plugins

Unleash the power of jQuery on iPhone and create impressive iPhone style cool effects and widgets with these jQuery plugins.

css-html, design, javascript, tutorial

3624

0 comments

Plugins And Tutorials To Enhance The Images Of Your Website With jQuery

In this post I’ve collected some resources that can be useful to enhance the images in many web projects. A complete list of plugins and tutorials that will be useful to improve the quality of your next works. Enjoy!

freebies, javascript, tutorial

805

0 comments

2009

25

OCT

Design a colorful theme for wordpress in photoshop

In this easy to follow photoshop tutorial you will learn how to design a colorful wordpress theme.

design, graphic, photoshop, tutorial

726

0 comments

2009

23

OCT

Best jQuery iPhone Style Plugins

Unleash the power of jQuery on iPhone and create impressive iPhone style cool effects and widgets with these jQuery plugins.

css-html, design, javascript, tutorial

1953

0 comments

55 Awesome Online Photo Editors

An online photo editor tool if used professionally can bring a lot of difference to the image. A colossal presence of photo editors available online for free really makes it difficult for user to choose the best one.

design, misc, tutorial

651

0 comments

24 Captivating Digital Painting Tutorials

All designers know the power of photoshop and the fantastic stuff they can create using it. There is always more to learn in photoshop, if you want your sketches to get painted photoshop is best tool.

design, graphic, tutorial

659

0 comments

2009

22

OCT

30 Amazing jQuery Image Effect Plugins To Enhance Your Images

Add a gush of style to the plain images in your website using this collection of jQuery Image Effect plugins, that help enhance images, create galleries, scrollers and bring in life to the plain images.

css-html, design, javascript, tutorial

1303

0 comments

Equal Column Height with jQuery

In this tutorial i will show you how to achieve equal height on multiple columns. There are a lot of ways to achieve this, one of them is with CSS but with jQuery it’s peace of cake. Here is how…

css-html, javascript, tutorial, usability

1353

0 comments

2009

21

OCT

10 Superb Image Effects and Slides tutorials with jQuery and CSS

10 Superb Image Effects and Slides tutorials with jQuery and CSS

css-html, design, gadget, javascript, tutorial

1281

0 comments

Javascript DOs and DONTs. Complete with 17 examples from real web

Case study on 17 sites that heavily use javascript. What they do right and what are their flaws showing how should bugs be fixed to achieve progressive enhancement.

flash, javascript, tutorial, usability

1577

0 comments

2009

20

OCT

25 "Cutest" jQuery Plugins

Blend cuteness with usability with this collection of Inspirational jQuery plugins blending, Animation, usability and cutenes to create the perfect user interface. An excellent source of inspiration for jQuery Developers.

css-html, design, javascript, tutorial

1370

0 comments

10 Amazing jQuery Plugins To Improve Your Forms

In this article i handpicked 10 jquery plugins for improving forms that i like the most, and i really hope you will like them too.

javascript, tools, tutorial, usability

1238

0 comments

Best of the Web for the Week of October 11, 2009

Today we are showcasing “Best of the Web”. We have scoured the internet in search of other design driven blogs and websites to showcase what they have to offer for the week of October 11, 2009.

design, freebies, graphic, photoshop, tutorial

665

0 comments

40 Stunning Photo Retouching Tutorials

Collection of 40 Stunning Photo Retouch photoshop tutorials.

graphic, photoshop, tutorial

1050

3 comments

Create a Thumbnail with Fading Caption Using jQuery

This tutorial will show you how to create a fading caption for your thmbnail gallery. It uses jQuery framework and CSS to create this transparent and fading effect.

css-html, javascript, tutorial

44674

29 comments

2009

19

OCT

50+ High Quality Icon Design Tutorials (Part 1)

Icons play such a key part of any contemporary website, application or user interface design. I find that strategically placed icons can do one of two things. The first is that it visually enhances your design.

design, graphic, icon, photoshop, tutorial

715

0 comments

Create a nature inspired layout in photoshop

Learn how to create a website layout inspired by nature with this easy to follow tutorial.

design, graphic, photoshop, tutorial

800

0 comments

All You Need to Know about Web Design Project Preparation

All You Need to Know about Web Design Project Preparation, from gathering information to meeting the client, in 400+ lines and 23 quotations!

misc, tips, tutorial

667

0 comments

How to waste 1.000.000 Euros on TV spots!

A small case study on TV ad campaigns and search engine optimization done very wrong.

tools, tutorial, usability

639

0 comments

2009

18

OCT

17 Amazing jQuery Rollovers – Examples and Tutorials

This collection helps create eye catching rollovers with ease. Create amazing rollovers with sliding boxes, rolling images, moving text and much more using jQuery.

css-html, design, javascript, tutorial

3346

0 comments

2009

17

OCT

Best Halloween Design Gimp Tutorials and Brushes

Its Halloween Season, so why not create your own custom E cards, Posters and Wallpapers with Gimp? This collection of Best Gimp Halloween Design Tutorials and Halloween Gimp Brushes help you to create attractive Halloween designs on your own.

design, graphic, photoshop, tutorial

736

0 comments

2009

16

OCT

10 Blunders to Avoid on Business Websites

Websites are the most preferred way for promoting a business online. For that reason, you must focus on blunders that are responsible to hurt the website performance.

design, graphic, misc, tutorial, usability

743

0 comments

2009

14

OCT

All You Need to Know about Web Design Project Planning and Process

Having a keen understanding of Web Design Project Planning Process is invaluable. With a clear organization, you’ll be able to work better and more efficiently. Moreover, with this document you’ll be able to show your clients what they are paying for.

design, misc, tips, tutorial

841

0 comments

Design a website layout inspired by Apple

Learn how to design a clean website layout inspired by apple.com

design, graphic, photoshop, tutorial

1051

0 comments

2009

13

OCT

5 Techniques to Style Buttons using Images and CSS

Learn all the common ways to style a button. This tutorial will show how to create a search engine friendly, customizable, and expandable button and also style buttons with CSS sprite.

css-html, design, tips, tutorial

14723

6 comments

2009

12

OCT

Building iPhone Apps with HTML, CSS, and JavaScript

Jonathan Stark, a mobile and web application developer, has released his book titled ‘Building iPhone Apps with HTML, CSS, and JavaScript’, online under Creative Commons Attribution-Noncommercial license.

css-html, freebies, javascript, tutorial

911

0 comments

Making image captions using jQuery

In this tutorial we will make a nice semi-transparent image caption using jQuery. The image caption will be triggered on hover. We are going to use fadeTo() jQuery function to achieve the semi-transparency. It’s a really nice effect to have.

css-html, javascript, tutorial, usability

1324

0 comments

2009

11

OCT

Design a clean car dealer website layout in Photoshop

Design a clean car dealer website layout in Photoshop by following this simple tutorial.

design, graphic, photoshop, tutorial

1050

0 comments

50 Wonderful Poster and Advertisment Photoshop Tutorials

Many posters, particularly early posters, were used for advertising products. Posters continue to be used for this purpose, with posters advertising films, music, comic books, consumer products and travel destinations being particularly notable examples. So here we have collected 50 photoshop tutorials on designing poster and advertisement.

design, graphic, photoshop, tutorial

1083

0 comments

2009

9

OCT

9 jQuery Twitter Plugins

Integrate Twitter tweets into websites with ease using jQuery. These jQuery twitter plugins are a road-map for creating twitter widgets, live feeds and related tweets bars.

css-html, design, javascript, tutorial

1268

0 comments

2009

7

OCT

25 Pure CSS and HTML Web Development Solutions

Check out this CSS based solutions without using any Javascript. I have collected 25 CSS Menu, accordion, lightbox, drop shadow, rounded corner,and misc. pure CSS solutions.

css-html, design, tutorial

22282

11 comments

2009

6

OCT

Making a jQuery pagination system

For paginating purpose PHP seems like a logical solution, but if you don’t have a huge amount of data you want to paginate, i would suggest paginating with jQuery. It’s not hard at all, and in this tutorial we will make a jQuery pagination system.

css-html, javascript, tutorial, usability

3426

1 comment

2009

5

OCT

Create a Good Looking Floating Menu with jQuery Easing

This tutorial will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function. It's a simple effect but the final product is quite nice looking and elegant.

css-html, javascript, tutorial

37149

17 comments

Create a photorealistic wordpress layout in Photoshop

Create a photorealistic wordpress layout in Photoshop by following this simple tutorial.

design, graphic, photoshop, tutorial

766

0 comments

2009

3

OCT

25 Best Collection of jQuery Menu Design Tutorials

Menu is the heart of the navigation for any website. jQuery lets you create attractive and intuitive animated menus. This collection of jQuery menu design tutorials collection lets you create beautiful and animated menus in jQuery with ease.

css-html, design, javascript, tutorial

2542

0 comments

2009

2

OCT

Wordpress Theme Design with Options Adminstration

Wordpress offers you get_option() function to get the options of your wordpress. However, all of default options wordpress gives to you are not enough. You maybe want to add more options that easy to implement on your theme design. How to do that? This tutorial will help you create options and administrate them in wordpress admin page.

design, template, tutorial, wordpress

1334

0 comments

Client side filtering data with jQuery

In this tutorial we are going to make a really easy to build filtering system with jQuery. There will be no AJAX or PHP, just HTML and jQuery.

css-html, javascript, tutorial, usability

997

0 comments

2009

1

OCT

30 Must See Character Illustration Tutorials

One of the things that brings me back to my childhood memories is when I see Character Illustrations in some of the websites and artwork that are being designed today.

design, graphic, tutorial

643

0 comments

How to design a simple and sleek web Portfolio

Learn how to create a simple and sleek web portfolio with this easy to follow tutorial.

design, graphic, photoshop, tutorial

869

0 comments

100++ jQuery Tutorial and Plugin Collections on September

All sort of tutorials and plugins. Tooltips, carousal, image slider, gallery, calendar, clock, rich text editors, tab interface, everything you need in jQuery. This is a roundup post for September and handpick from the community news.

inspiration, javascript, tutorial

26468

5 comments

2009

30

SEP

A Simple and Beautiful jQuery Accordion Tutorial

Learn how to create the well-known javascript accordion with the most minimal amount of html, css, javascript code and of course, with a beautiful interface as well.

css-html, javascript, tutorial

47736

13 comments

2009

28

SEP

14 Best Collection Of jQuery Web Interface Design Plugins and Tutorials

jQuery lets you design eye catching animated menus and sliders Create attractive user interface for your websites using jQuery wit these jQuery Web Interface Design Plugins and Tutorials.

css-html, design, javascript, tutorial

1727

0 comments

40 Useful Photoshop Tutorials for Photo Manipulation

In this post, you’ll find everything from Pencil Sketching Effect to Creating A Slow Motion Bullet Shot Effect in Photoshop. Now the hard part will be deciding which of these amazing tutorials you will use in your next creations. Hope you enjoy!

photoshop, tutorial

879

0 comments

2009

27

SEP

Best Collection Of jQuery Application Design Tutorials

jQuery, the “write less do more code” helps to create eye catching, useful applications and widgets with ease. These jQuery Application design tutorials lets you create jQuery applications that add a style to websites and meet the simple needs.

css-html, design, javascript, tutorial

1547

0 comments

Best Collection Of jQuery Calendar and Clock Picker Plugins

Calendars and clock pickers play a vital role in forms and user interface. Add class and interactivity to your forms with these attractive and intuitive jQuery Calendar Plugins.

css-html, design, javascript, tutorial

2660

1 comment

2009

24

SEP

Create a wordpress interface in Adobe Photoshop

Learn how to design a wordpress interface with this easy to follow tutorial.

design, graphic, photoshop, tutorial

721

0 comments

Clean and Attractive jQuery Vertical Menu Tutorial

Check out this jQuery Vertical Menu. It uses jQuery Animate and Easing to create a simple and attractive lava effect.

css-html, javascript, tutorial

40171

14 comments

2009

23

SEP

20 Best PHP Tutorials Collection

Best PHP Tutorials to master PHP from scratch. A must read for designers.

css-html, design, php, tutorial

1631

0 comments

2009

21

SEP

Graceful flash degradation, reloaded!

Second article of a series containing pointers to improve flash websites, accessibility and usability of websites that contain flash elements.

graphic, tips, tutorial, usability

917

0 comments

2009

17

SEP

Design an amazing 3d hosting layout in Photoshop

Learn how to create an advanced hosting layout in Photoshop with this easy to follow tutorial.

design, graphic, photoshop, tutorial

1000

2 comments

2009

16

SEP

jQuery Flipping Menu Tutorial using backgroundPosition Plugin

Learn how to create a simple, but elegant menu by animating background with jquery backgroundPosition plugin. It's simple, but the effect is really good.

javascript, tutorial

25433

13 comments

2009

15

SEP

Create a grunge personal portfolio layout

Learn how to design an grunge portfolio layout in Adobe Photoshop with this easy to follow tutorial.

design, graphic, photoshop, tutorial

1217

0 comments

2009

14

SEP

Site redesign & how to lose 50% of your business

A case study based on guru.com's new homepage design, showing how you can miss 50% of your target without proper structure and layout.

design, tips, tutorial, usability

968

0 comments

2009

13

SEP

jQuery for Beginners: Selectors, Hierarchies and Attributes, Oh My!

jQuery is a javascript framework that makes it easy to edit markup and styles on a page, build advanced user interfaces, and update data sources with AJAX. Today, we’ll go over the first steps and the one major benefit of using jQuery: selecting and manipulating markup and CSS.

ajax, javascript, tips, tutorial

1129

0 comments

Design A Clean And Fresh Company Website In Photoshop

In this tutorial I will explain how to create a clean and almost serious (hard thing for me) web design for a company.

design, photoshop, tutorial

963

0 comments

Create an original african poster illustration

Learn how to create an original poster illustration with african influences.

graphic, photoshop, tutorial

793

0 comments

2009

11

SEP

20 Javascript and CSS Tooltips Plugins and Tutorials

Have a look at these 20 beautiful jQuery, Mootool, Prototype, CSS, Tooltips Scripts that can enhance your website. Some of the tooltips are fully customizable and come with beautiful themes.

css-html, javascript, tutorial

21111

5 comments

Creating motion blur without special software

A short tutorial describing a nice trick on how to create blur effects without relying on graphic editing software.

graphic, photoshop, tips, tutorial

1574

0 comments

2009

10

SEP

Weekly Tips : Learn How to Use Cookie with Javascript

Cookie is very useful to remember selected menu item and other data. Learn how to manipulate cookie with javascript. A simple implementation of menu with cookie support is uncluded in this article and also functions that will make your life easier.

javascript, tutorial

7078

4 comments

Learn How to Create a Unique Wordpress Theme

Create your own wordpress theme design following this step-by-step Photoshop tutorial.

design, graphic, photoshop, tutorial

880

0 comments

2009

9

SEP

The Encyclopedia of Typographic Contrast

Typography is an essential part of web design, and something I know that I could do a better job with. So, I figured I would start to assembly a mini-encyclopedia on some of the elements you can use to create contrast.

design, tips, tutorial, usability

866

0 comments

jQuery Moving Tab and Sliding Content Tutorial

Learn how to build a lava lamp tab and sliding content all together with just simple jQuery code. This script is good for sidebar that display recent posts, comments and community news.

css-html, javascript, tutorial

60801

11 comments

2009

8

SEP

Design a Furniture layout in Adobe Photoshop

Whether you sell modern furniture or antique furniture you’ll surely find this layout very useful if you want to create your own PSD layout.

design, graphic, photoshop, tutorial

1786

0 comments

2009

5

SEP

20 Must Have jQuery Tutorials and Plugins

I came across these strikingly useful jQuery Tutorials and Plugins. Here I would like to share these innovative jQuery Tutorials and Plugins.

css-html, design, javascript, tutorial

1215

0 comments

2009

4

SEP

Simple CSS Tricks to Greatly Improve Site Typography

When creating a minimalist or simple website design, typography plays a key role in adding contrast and interest that would normally be done with images. Because of that, it’s essential that the typography looks professional and is well-tuned with the rest of the design. Here are a few CSS tips to make sure you get it right.

css-html, design, tutorial, usability

1305

0 comments

2009

3

SEP

How To: Recreate the Apple Product Slider with JQuery

Stylishly capitalize on limited space with a side scrolling image gallery, similar to the one that Apple uses to show off their products.

ajax, design, javascript, tutorial

3170

0 comments

Extremely Simple Way To Display Delicious Counts For Wordpress Users

This article teaches you how to retrieve and display Delicious saved counts to your readers. We also make use of Wordpress custom field to reduce the number of calls to Delicious API.

php, tutorial, wordpress

683

0 comments

Design a creative design studio layout in Adobe Photoshop

Learn how to create a creative layout with an excellent structure and easy navigation with this easy to follow tutorial.

design, graphic, photoshop, tutorial

881

0 comments

Dump The Tables for Layout Designing

A very informative article about css based website designing. When website designer and developers are not in a favor of using tables while creating a web page and at the same time they can’t even explain why. I think this article will definitely give some solid grounds that people craft css based, table-less designs.

css-html, design, tips, tutorial, usability

seosemanticxhtml

871

0 comments

2009

2

SEP

30 Javascript Image and Photo Galleries - Mootool, Prototype, jQuery and Tutorials

I have collected 30 photo, image and thumbnail galleries for inspiration. They all are built with different javascript frameworks such as MooTool, Prototype and jQuery. Also, I have included some tutorials if you want to learn how to build it yourself.

inspiration, javascript, tools, tutorial

63088

11 comments

2009

1

SEP

12 Best jQuery Tab Interface Creation Plugins and Tutorials

Tabs enable ease of navigation. jQuery lets you create a tabbed interface with ease. Learn how to create simple tabs and even play with jQuery to create complex and attractive tabs with these wonderful jQuery plugins and Tutorials.

css-html, javascript, tutorial

6491

0 comments

PSD to XHTML CSS Design Service Providers and Tutorials

If you are good designers but don’t know the coding than check this selection of XHTML CSS coders who will turn your PSD to design in to valid XHTML CSS mark up. Tableless even. With a range of completion dates and prices.

css-html, design, photoshop, template, tutorial

1245

3 comments

21 Simple and Useful jQuery Tutorials You Might Have Missed

Collection of menu, gallery, slider, tooltips, dock, modal window, ajax and jQuery turtorials. This is a round up post for all the jQuery tutorials I have created since March 2009.

design, inspiration, javascript, tutorial

36281

16 comments

2009

31

AUG

Create a Stunning Sliding Door Effect with jQuery

Learn how to make a stunning four corners sliding effect easily with jQuery. It's elegant, unique and really cool solution for thumbnail gallery. This tutorial includes detailed explanation that will guide you through the whole process.

javascript, tutorial

97684

41 comments

Design a Sleek and Modern Portfolio layout in Photoshop

This Layout is designed to assist photographers, designers, artists, models, craftsmen and anyone willing to showcase their works and skills.

design, graphic, photoshop, tutorial

958

0 comments

2009

30

AUG

Best of August : 10 web development articles and tutorials

These are the 10 best web development articles and tutorials from August i have been able to find. I learned some new stuff from them and i hope you will too.

css-html, javascript, php, tutorial

1145

1 comment

Best Gimp Button Design Tutorials Collection

The best collection of button design tutorials in Gimp.

design, graphic, logo, tutorial

1348

0 comments

Best jQuery GUI Applications, Tutorials and Plugins

jQuery gives you the ease and flexibilit to design attractive GUI. This collection of good GUI Applications, Tutorials and plugins showcase the best jQuer GUI capabilities.

design, javascript, tutorial

4659

0 comments

2009

27

AUG

Design an impressive web hosting layout in Photoshop

If you want to start a web hosting business then you need to read this easy to follow tutorial to learn how to create a web hosting layout.

design, graphic, photoshop, tutorial

853

0 comments

2009

26

AUG

9 Best jQuery 3D Effect Plugins

Ever imagined if you could create awesome 3D Effect with the write less do more code? Then these wonderful collection of jQuery 3D Effect Tutorials and examples will show off the power of jQuery in generating awesome 3D Effects.

css-html, design, graphic, javascript, tutorial

9536

0 comments

11 Best jQuery Fade Effect Plugins and Tutorials

Fade effects are simple yet attractive. They add simplicity to transitions and changes in the content of a web page adding to the elegance of a web page. Here I provide my choice of the best jQuery Fade Effect Plugins.

css-html, design, javascript, tutorial

4532

0 comments

Make a custom tab interface with JQuery

There are a lot of tabber plugins, but sometimes they don’t give us the freedom we want, so we either deal with it or start changing the plugin’s code. Why bother with finding the one that fits you the best when you can just make your own tab interface and it’s not hard at all, it’s actualy pretty easy.

css-html, javascript, tutorial, usability

1691

0 comments

jQuery Thumbnail with Zooming Image and Fading Caption Tutorial

Learn how to build thumbnail gallery with zooming effect and fadein and fadeout caption. This tutorial will walk you through the concept behind it and how to code it.

javascript, tutorial

94531

24 comments

2009

25

AUG

Design a creative cosmetics layout with Photoshop

This tutorial will learn you how to create an website related to healthcare, medicine or health issues

graphic, photoshop, tutorial

879

0 comments

2009

24

AUG

How To Use Pure CSS To Style Web Form Dynamically

Everybody knows about web forms and it has fast becoming part of our daily online interaction.

css-html, javascript, tips, tutorial

1411

0 comments

Making an infinite JQuery carousel

In this tutorial we will make an infinite JQuery carousel. I noticed that most of tutorials on how to make an infinite JQuery carousel are quite complex, so i decided to show you how to make it much simpler.

ajax, javascript, php, tutorial

2726

0 comments

Cool navigation menu made with JQuery

In this tutorial we will make a navigation that’s not ordinary. I saw this effect on b5media, it’s made with flash there but i liked how it looks so i decided to make it with JQuery.

ajax, javascript, php, tutorial

1895

0 comments

Sliding door effect with JQuery

This was my first tutorial, but due to some issues with wordpress plugin it was lost, and now it’s back :) … We are going to make a nice little animation with JQuery.

ajax, javascript, php, tutorial

1468

0 comments

Create an AMAZING contact form with no ready made plugins.

Every website should have a contact form. In this tutorial we will make a contact form that will make your visitors say WOW. It will be a cool looking contact form with nice and smooth validation, processed with AJAX.

ajax, javascript, php, tutorial

1903

3 comments

2009

23

AUG

20 Best jQuery Table Plugins

Most of us use the classic HTML Tables to display data in an organised manner. But now you can add style and flexibility to your tables with these wonderful jQuery Plugins for Tables.

css-html, javascript, tools, tutorial

3081

0 comments

Best Gimp Video Tutorials

The best collection of Gimp Video Tutorials on the web that will let you learn designing and photo manipulation using Gimp.

design, graphic, tutorial, video

839

0 comments

11 menu and navigation jquery plugins you don’t want to miss

Here are the 11 most extraordinary menu and navigation jquery plugins i could find. Hope you like them, i know i do.

javascript, tools, tutorial, usability

1741

0 comments

How To Create Submit News Form For Blogger

how to create submit news page for bloggger using simple Google doc technique tutorial . Add submit news button and drive more traffic to your blog

tutorial, usability

1312

0 comments

2009

22

AUG

18 Factors that will Increase the (cash) Value of Your Website

How can you increase the cash value of your website? I have put together 18 factors to increase the value of your site. Score high marks in all of these and you can be sure your site will be worth more than a just a few pounds.

design, misc, tips, tutorial

891

0 comments

2009

21

AUG

jQuery Horizontal Tooltips Menu Tutorials

A horizontal menu with tooltip that slides accross the menu panel. It's a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.

javascript, tutorial

53786

14 comments

2009

20

AUG

Best Gimp Fractal And Design Tutorials

A wonderful collection of Gimp Designing and Fractal Tutorials. A must visit for every designer.

design, graphic, tools, tutorial

1230

0 comments

2009

18

AUG

Create an awesome consulting layout in Photoshop

With this layout you will be able to easily build a web site dedicated to teaching and learning, or a business layout, as well as management or marketing layouts.

design, graphic, photoshop, tutorial

874

0 comments

10 jQuery Button Design Tutorials Collection

Learn how to design awesome and stylish buttons in jQuery with the write less do more - jQuery.

css-html, design, javascript, tutorial

14254

0 comments

Web Analytics Tools – Analyzing The Traffic On Web

With diverse objectives, technologies and access of resources, it is important to select the correct web analytics tool compatible with your website or blog. Before taking a decision, it is essential to hold a brain-storming session so as to pick the ideal tool.

seo, tips, tools, tutorial, usability

785

0 comments

2009

17

AUG

Design an awesome corporate wordpress layout

Learn how to design a clean corporate wordpress layout with this easy to follow tutorial

design, graphic, photoshop, tutorial

943

0 comments

2009

16

AUG

Best of jQuery Tutorials Collection

There are a huge and vast variety of jQuery Tutorials available all over the web. So here I provide a single window to the best jQuery Tutorials on the web that is a must for learning jQuery from scratch and to gain expertise in jQuery.

css-html, design, javascript, tutorial

1403

0 comments

2009

15

AUG

20 Best jQuery Menu Tutorials Collection

Menus are one of the simplest user interfaces. Menus provide easy yet simple navigation option. So here I will provide you with my hand-picked colelction of best jQuery Menu Tutorials that will help you to design and create menus in jQuery.

css-html, design, javascript, tutorial

5444

0 comments

2009

14

AUG

Simple Lava Lamp Menu Tutorial with jQuery

I've break it into different sections, in depth explanations with text, illustrations and examples. Also, a little bit of style guide to create a unique lava menu for your own website. It supports styling, different animation transitions and it's so simple!

design, javascript, tutorial

80019

25 comments

2009

9

AUG

20 Best JavaFX Tutorials Collection

Get the most of JavaFX with these 20 Best JavaFX Tutorials.

design, flash, tools, tutorial

1831

1 comment

Design web 2.0 wordpress themes in Photoshop

Create a clean web 2.0 wordpress layout in Photoshop with this step by step tutorial

design, graphic, photoshop, tutorial

1121

0 comments

2009

8

AUG

Create a grunge wordpress theme in Photoshop

Learn how to design a grunge wordpress theme layout in Photoshop.

graphic, photoshop, tutorial

908

0 comments

2009

5

AUG

Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

This tutorial will show how to add heading and caption to your thumbnail and display it with jQuery cool transition effect. It's an elegant way to put content in your website, and only display it when users want to see it. It keeps your website clean!

design, javascript, tutorial

67191

40 comments

How to Easily Create a JavaScript Framework, Part 1

Currently, JavaScript is the one of the most utilized and popular programming language, because a large majority of the browsers are compatible with it and make use of it. Therefore, JavaScript has become very popular, very fast, because it is so uncomplicated, straightforward, and has a wide-range of capabilities. Nearly all programmers [...]

javascript, tutorial

965

0 comments

Things to Consider When Choosing Font for your Website

A plethora of elements go into an exceptionally designed website; however, some web developers concentrate more on the art and less on the substance. What is more important than content?! The purpose of nearly all websites is to give information, and the content is what transmits that information....

design, font, logo, tutorial

850

0 comments

Web Design Rules to Follow

Web design is the combination of graphic design, layout, content, color, and effects which culminate to give a great user experience. As I have previously stated, I think good design involves the use of excellent graphics, fonts, color, layout, web accessibility, and design, which together give a feel of uniqueness, style, personality, and individuality......

design, graphic, tips, tutorial

1057

1 comment

How to Easily Create a JavaScript Framework, Part 3

In this week’s post, I will continue with my “VOZ” JavaScript Framework tutorial series, and we are going to continue to add new methods for dealing with a JavaScript Framework. Therefore, I will take the Framework one step farther, and I will add more useful methods for dealing with JavaScript before a page loads and other useful techniques. .....

ajax, design, javascript, tutorial

1305

0 comments

2009

3

AUG

The Growth of Blogging as an Online Platform

Blog is a platform managed by individuals for personal or official interests. The word ‘blog’ has been extracted from ‘WEBLOG’ meaning website-blog. Blogs have revolutionized the information available on the internet. Millions of individuals access blogs to keep abreast with the daily updates.

css-html, design, tutorial

seosemanticxhtml

701

0 comments

2009

1

AUG

Create a sleek wordpress layout with Photoshop

Design a wordpress PSD layout with this easy to follow Photoshop tutorial

design, graphic, photoshop, tutorial

1026

0 comments

Things To Remember, While Coding A Website, To Make It Search Engine Friendly

Writing quality code is the first step in making website search engine friendly. In this article we are covering the points which should be taken care of while coding the website:

css-html, design, tutorial

1021

0 comments

2009

31

JUL

July 2009, 50+ Bookmarks To Collect the Best Of Web

I hope you'll find useful these bookmarks. July was a very HOT MONTH! Below you can find very cool and juicy things.

design, freebies, inspiration, tutorial

1058

0 comments

2009

30

JUL

16 Impressive Flash-Like Javascript Animation Inspirations, Tutorials and Plugins

Create impressive animation with javascript, I have gathred a collection of websites that uses flash-like animation and also tutorials, plugins and frameworks that will definitely blow you away.

design, inspiration, javascript, tutorial

77728

26 comments

2009

29

JUL

jQuery Image Gallery/News Slider with Caption Tutorial

A really cool News Slider that uses two scrollers to create very slick effect. It uses scrollTo to scroll both description and image items and it comes with previous, next, play, stop and mouseover events.

design, javascript, tutorial

162507

75 comments

2009

28

JUL

40 Photoshop Tutorials To Create Fantastic Art

Using photoshop you can do amazing things. You can manipulate photos, create textures or create beautiful art. There are always new things to learn about photoshop and there is never end to it.

photoshop, tutorial

1129

0 comments

2009

25

JUL

How To Realize A News Aggregator Using Simple Pie In An Adaptive Layout

In this post I want to explain how to create a single page news aggregator using a RSS stream through the php class Simple Pie.

css-html, freebies, php, tutorial

1228

0 comments

2009

24

JUL

Design a creative wordpress theme in Photoshop

Learn how to create a layout with photoshop for the most powerful blogging platform - Wordpress

design, graphic, photoshop, tutorial

867

0 comments

24 Amazing Photoshop Tutorials

I really love photoshop it gives your imagination a reality. You can do and create what ever comes in your mind. You can edit pictures and create amazing visual effects.

1290

0 comments

Create an Attractive jQuery Menu with Fadein and Fadeout Effect

We will be learning how to create an attractive menu with more advanced CSS and simple jQuery script. It uses jQuery builtin fadein and fadeout effect.

javascript, tutorial

88778

50 comments

2009

23

JUL

Create a nice looking travel layout with Photoshop

In this easy to follow tutorial you will learn how to create a nice looking Travel Layout

design, graphic, photoshop, tutorial

1058

0 comments

2009

22

JUL

Simple jQuery tabs

This tutorial looks into creating a really simple tabbed interface using just plain HTML and CSS with the functionality and interface manipulated using jQuery. Tabbed interfaces are great for maximizing the amount of space you have on your site.

javascript, tutorial, usability

2753

1 comment

2009

21

JUL

Setting up SVN with Versions and Beanstalk

Everyone who has ever worked on a development project knows that version control is extremely useful. Version control is implemented by several systems, including Git, Mercurial and Subversion (SVN). In this tutorial, I will show you how to set-up a remote subversion repository on your Mac with the beautiful Versions app.

freebies, tools, tutorial

1422

0 comments

2009

19

JUL

Create a dynamic form preview with jQuery

Using jQuery to allow users to preview form data before submitting it to the database, or for creating a widget. Includes a demo and download.

javascript, tools, tutorial

2300

3 comments

20 jQuery Tutorials And Plugins To Impress Your Friends

I have always loved jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials.

ajax, javascript, php, tips, tutorial

1391

0 comments

2009

16

JUL

Top 7 Social Marketing Resources

In this article, we are providing the list of resources which can be use to market your website by social networking. These website and applications helps in generating traffic and leads.

freebies, seo, tips, tutorial

1148

0 comments

2009

15

JUL

15 Essential Checks Before Launching Your Website

In this article, we are creating a checklist of all the basic but essential tasks which should be done and tested before launching any new website.

design, tips, tutorial, usability

seosemanticxhtml

1001

0 comments

2009

14

JUL

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery

Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.

css-html, javascript, trend, tutorial

157172

148 comments

2009

12

JUL

SportNewsPvm Coded, How To Plan A Web Layout For A WordPress Theme

To create a basic WordPress theme the essential steps, in my personal approach, are four: sketch, PSD template, (X)HTML/CSS layout and, finally, WordPress code. In this post will learn how to make a web layout (xhtml/css from a psd template) that will become a WP theme (the third step).

css-html, freebies, tutorial, wordpress

820

0 comments

2009

11

JUL

The CSS3 box-shadow property

This is a detailed tutorial about the CSS3 box-shadow property: how to use it and which browsers support it

css-html, tutorial

2016

1 comment

Getting started with Facebook Connect & News Feed

Using Facebook connect to the authenticate a user and post dynamicaly generated content to a user news feed using jQuery.

ajax, javascript, misc, tutorial

1673

0 comments

2009

10

JUL

Vector illustration: create a cute bird

In this tutorial i’ll show you how to build the cute bird that you can see on my site. First will have a look at the final image. The tutorial will start with the paper sketch, then we will continue by tracing it in illustrator and finally add the details. So Let’s get started!

design, graphic, tutorial

1248

0 comments

Styling checkboxes and inputs

Don’t you just hate the classic checkboxes or inputs? Sometimes they just don’t fit your websites design or you simply don’t like them. In this tutorial i’m gonna guide you to the process of styling both of them.

css-html, javascript, tutorial

1745

0 comments

Better home link buttons (3)

The third article of a series of articles showcasing ways to improve the user experience of home links, and logo's.

design, tutorial, usability

1062

0 comments

2009

8

JUL

A Simple AJAX Driven Website with jQuery + PHP

This tutorial will show you how to create an AJAX Driven Website that overcame the browser Back button and bookmark problem in AJAX. I have made two versions, simplified version for further modification and my version to show you how to style it.

ajax, javascript, php, tutorial

51820

50 comments

2009

7

JUL

What’s the right price for PSD to HTML conversion?

There are many aspects, which determine the overall price of the code. Some of them are: Design complexity, etc.....

css-html, design, graphic, tips, tutorial

946

0 comments

2009

4

JUL

Enhance Visitor Experience By Creative 404 Page

In this article, we are including 15 creative 404 pages which we have found after doing a extensive research of over thousands of websites.

css-html, design, seo, tutorial, usability

934

0 comments

HTML Coder – Rewarding career

HTML coder crafts a design into markup language. They increase a firm’s web site traffic by making it more accessible and usable. This is an especially important task in today’s internet-driven world, where 60-70% of traffic comes from the website.

css-html, design, misc, tutorial

927

0 comments

2009

3

JUL

Using web standards improve the accessibility of the websites, reduce development and maintenance time, improve search engine rankings and can also improve accessibility.

browser, css-html, design, tutorial, usability

seosemanticxhtml

1033

0 comments

2009

30

JUN

How To Design And Style Your WordPress Plugin Admin Panel

The great thing about WordPress is that it's highly customizable and flexible. Within a WordPress plugin, almost all of the fields could be change to your desire results.

css-html, php, tutorial, wordpress

1123

0 comments

2009

29

JUN

Create a Digg-style post sharing tool with jQuery

I will show you how to create a social bookmarking tool that look similar to digg's. It looks cool, practical and useful! I also include the komodomedia's social bookmarking icons and a long list of submission URL for one click bookmark.

design, javascript, tutorial, usability

48333

28 comments

WaterColored Portfolio Coded, Free CSS Template With PSD to HTML Tutorial

This is the second part of WaterColored Web Portfolio tutorial. In case you missed the first part of this tutorial, read Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop to learn how to make a web layout in PhotoShop. With this post we’ll learn how to realize a valid, standards compliant XHTML and CSS home-page from PSD template. So, now it’s time to write code!

css-html, inspiration, template, tutorial

2164

1 comment

2009

26

JUN

16 Good Questions to Ask before hiring PSD to HTML provider

I am sharing my list with you all and feel free to add any question, which you think one should ask before awarding the project.

css-html, design, tips, tutorial

967

1 comment

2009

25

JUN

15 beautiful Headers

It is a well known fact that it takes an average user 3 seconds to decide if she wants to stay on the current website. Since header is the very first thing which attracts the users’ attention, it must be aesthetically designed. In the showcase below we present 15 beautiful headers. These headers are manually selected after visiting hundreds of websites.

css-html, design, inspiration, photoshop, tutorial

1950

2 comments

2009

23

JUN

How To Add Pagination Into List Of Records Or WordPress Plugin

Often in many application, such as in WordPress Plugin, we will need to deal with list of records. As the records grow, more records will need to be displayed.

cms, design, tutorial, wordpress

1615

0 comments

2009

17

JUN

Create A Vertical Scrolling News Ticker With jQuery and jCarousel Lite

News ticker, or news scroller is a fantastic way to display your latest headlines. In this tutorial, i am going to show how to implement this using jQuery and its plugin, jCarousel Lite.

css-html, design, javascript, tutorial

7535

1 comment

2009

15

JUN

jQuery Dock Menu Tutorial Revisit - Dock at Bottom

I have created a tutorial regarding top dock menu few weeks ago. Due to popular demand, I have created another tutorial that will dock at the bottom of the page. I've revamped the whole thing, now the html and css code are much more simpler, smarter jquery logic and it degrades gracefully when javascript is disabled.

css-html, javascript, tutorial

37824

50 comments

2009

14

JUN

Best AJAX Tutorials Collection

Here is a list of the best AJAX Tutorials available on the web.

1344

0 comments

2009

9

JUN

jQuery Sliding Tab Menu for Sidebar Tutorial

Learn how to create a sliding tab menu for your sidebar by using jQuery and jQuery.scrollTo. With this simple tutorial, you'll able to create a slick and attractive sidebar. It's so simple and fully customizable.

css-html, javascript, tips, tutorial

103079

55 comments

2009

8

JUN

35 Best Photoshop Tutorials Collection

Here is a list of the 35 best Photoshop Tutorials available on the web to make it easy for one to learn up Photoshop.

design, graphic, tutorial

1287

1 comment

2009

4

JUN

How to Create a Large Header with a Simple Western Scene

In this Tutorial we'll Realize a Beautiful Western Header. During these last months seeking for a good design I’ve found this two amazing web-sites: NineDesign and Outlaw Design Blog. In my honesty opinion two examples of a really inspired design with wonderful wood background and amazing illustrations.

1315

2 comments

2009

2

JUN

DesignSchool Coded, Free CSS Template With PSD to HTML Tutorial

In a previous post I have shared a Free PSD Template with a blog layout, DesignSchool. This post describing how to convert a PSD layout in a real (X)HTML/CSS web-page. This is only a basic demonstration so I explain the basic issues to realize our home-page.

1814

0 comments

30 Best CSS Tutorials Collection

Here is a list of the best CSS Tutorials collections available on the web so as to ease your task of learning CSS!

css-html, design, tutorial

1301

0 comments

Vertical Scroll Menu with jQuery Tutorial

Create a vertical scroll menu that scroll automatically according to your mouse axis-Y movement. This tutorial will cover some jquery tips, tricks, and plugin.

css-html, design, javascript, tips, tutorial

179914

67 comments

2009

25

MAY

GWT plugins for various IDEs

Google Web Toolkit (GWT) is an open source Java software development framework that allows web developers to create Ajax applications in Java. GWT comes with many widgets. In this article we shall see the list of useful IDE Plugins available for GWT

ajax, tools, tutorial

1264

0 comments

2009

24

MAY

Wonderful Photoshop 3D Text Tutorials

Who does not love 3d? Almost everyone loves 3D and its related effects. So here I am going to provide you with a list of excellent Photoshop 3D Text Tutorials that will let you work wonders with text.

design, graphic, photoshop, tutorial

1511

1 comment

2009

23

MAY

An Introduction To Flex

Learn Flex from scratch and experience an all new tool for web development.

flash, javascript, tutorial

1140

1 comment

2009

20

MAY

20 jQuery Tutorials For Developers

A list of valuable jQuery documentations and resources available on the web, that is a must have for every jQuery developer.

javascript, tools, tutorial

1961

2 comments

2009

19

MAY

Dock Content Tutorial with jQuery and jQuery Easing Plugin

This tutorial will show how to create a jQuery dock that positioned at the top of your website, show and hide on mouse over event. By using easeOutBounce from jQuery Easing plugin, the transition effect has greatly enhanced and much more attractive.

css-html, design, javascript, tutorial

34277

17 comments

2009

18

MAY

20 jQuery Tutorials For Developers

A collection of jQuery tutorials available on the web to learn jQuery from scratch.

design, javascript, tutorial

2447

0 comments

2009

10

MAY

Excellent Gimp Tutorials

An Excellent website with a huge collection of Gimp Tutorials.

design, graphic, tutorial

1754

0 comments

Best HTML Tutorials Collection

The best collection of HTML Tutorials available on the web.

css-html, design, tutorial

1832

1 comment

2009

7

MAY

10 Best Gimp Brush Collections

Ten best websites offering a collection of GIMP brushes that you will find useful for various purposes.

design, graphic, photoshop, tutorial

3721

0 comments

2009

6

MAY

Fifteen Best Dreamweaver Tutorials

The web's best Dreamweaver tutorials that will help you become a pro in Dreamweaver.

design, graphic, tutorial

3161

1 comment

2009

3

MAY

Using Filter Hooks in WordPress Child Themes

Learn to take advantage of Filter Hooks in your WordPress Child Themes. Filter Hooks are an essential weapon in your WordPress Theming arsenal. With them you’ll have almost complete control over the HTML created by your WordPress Theme—without touching any template files.

php, tutorial, wordpress

3183

1 comment

Must Have Gimp Tutorials Collection.

A must have collection of Gimp Tutorials for every designer.

design, graphic, logo, tutorial

2641

1 comment

2009

25

APR

Best Collection Of Javascript Tutorials

An exquisite collection of JavaScript Tutorials that will help you master JavaScript

javascript, tutorial

3057

0 comments

2009

15

APR

10 Exceptional WordPress Hacks

Today, let’s do it again with 10 new and totally killer WordPress hacks to make your blog stand out from the crowd. As usual, we won’t just list the hacks alone. In each entry, you’ll find an explanation of the code as well as the kinds of problems that the hack solves.

tips, tutorial, wordpress

2429

0 comments

Avoid spammers on your blog (2)

The previous spam avoiding post described a nice technique to hide URL input fields from spammer's eyes. The kind of spammers described in the previous post usually want to get their comment as close as possible to content areas. Current article describes a technique on how to avoid such spammers.

misc, tips, tutorial, wordpress

3525

0 comments

2009

14

APR

Advertisement programs for blogs and other websites to make money online

These days online advertisement marketing is growing faster and chances of making money online is gradually growing. Competition between online advertisement companies has open space for us to choose among the best.

seo, tools, tutorial

webanddesigners

2104

0 comments

2009

12

APR

15 Photoshop tutorial websites en route for learning

When it comes to graphic design or image editing, mostly Adobe Photoshop comes first option to consider. Below you can find various range of Adobe Photoshop tutorial websites.

design, graphic, photography, photoshop, tutorial

webanddesigners

2290

0 comments

2009

9

APR

Photoshop Web Templates & Layouts Tutorials

From beginner to intermediate web desingers, here is a collection of some of the Photoshop web templates and layout tutorials which will help initiate a decent website. It spotlights on helping beginners to use Adobe Photoshop to design graphical layouts to build websites.

photoshop, template, tutorial

webanddesigners

3096

1 comment

40 Exceptional jQuery Interface Techniques and Tutorials

In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components.

javascript, tips, tutorial

2885

0 comments

2009

8

APR

14 Tutorials for Creating Photoshop Brushes

Whether you want to learn more about creating brushes for your own use or for distribution, the tutorials featured in this post will give you the skills you need.

photoshop, tutorial

1576

0 comments

2009

2

APR

How to Make a Photoshop Montage

This tutorial explains how to create a great Photoshop montage in 19 steps, so let’s get started and have fun with it.

design, photoshop, tutorial

4157

1 comment

Multi column layout, equal height

A tutorial on how to achieve equal height columns, problems that arise and how to fix them with jQuery.

css-html, javascript, tutorial

3386

0 comments

Better home link buttons (2)

The second part of a series with the same name, describing how can a website be enhanced while adding features to the logo.

css-html, javascript, tutorial, usability

2231

0 comments

2009

1

APR

Create a Ajax based Form Submission with jQuery

Wondering how to submit a form in a same page, and display the submission result with some fancy fadeOut or slideUp effect? In this tutorial, I will show you how to make Ajax Based form submission with jQuery and it will also work even if javascript is not supported.

ajax, css-html, javascript, php, tutorial

116178

138 comments

2009

31

MAR

44 Must Learn Web Design Layout Tutorials in Photoshop

Here is a collection of 44 Web Design Layout Tutorials in Photoshop to teach you create your own layout for your website. Check them out, learn and enjoy the tutorials.

design, graphic, photoshop, tutorial

2745

0 comments

2009

30

MAR

Simple JQuery Image Slide Show with Semi-Transparent Caption

I will show you how to create a simple image slide show with a semi-transparent caption with jQuery. This example is suitable to display news headlines, or a image slide show in your website frontpage.

css-html, javascript, tutorial

353055

152 comments

21 Advanced Photoshop Tips, Tricks and Tutorials Roundup

In this article, you’ll find several simple but effective photo enchancing techniques on topics such as how to choose the best image format for web or how to create croplet for repeatedly image editing process. You can never stop improving your web and graphic design skills, you can always find something new and handy as you’ll see in the following collection.

design, graphic, photoshop, tutorial

2714

0 comments

2009

29

MAR

115 Insanely Useful Photoshop tips & tutorials

With a wealth of tips, tricks and tutorials on using Photoshop scattered around the web, we found some of the best resources throughout the day. It’s time to get started checking out these amazing links.

design, graphic, photoshop, tips, tutorial

1773

0 comments

2009

27

MAR

The Importance of Color in Web Design

All too often, I see a great design concept with a poor choice of colors. Part of what makes a great web design “great” is layout, typography and color. When each of these aspects work to compliment each other, great design is born.

design, tutorial, usability

3212

0 comments

2009

25

MAR

70 Excellent Logo Design Tutorials and Resources

In this article, you'll find a large collection of tutorials and resources on the topic of designing logos by some of the most well-respected logo designers in the industry.

design, logo, tutorial

1884

1 comment

Regular Expressions for Dummies

Welcome to my new video series, “Regular Expressions for Dummies”. Over the course of ten videos or so, I’m going to teach you how to use regular expressions in your Javascript and PHP applications. As always, I’ll assume you know absolutely zip.

javascript, php, tutorial, video

2369

1 comment

2009

24

MAR

The Ultimate Guide for Everything Twitter

We’ve compiled an alphabetized glossary here for you so that you can just scan down the list and find the term that you are looking for, as well as a list of popular Twitter applications and instructions for incorporating Twitter into your website and blogs.

tools, trend, tutorial

1790

0 comments

2009

23

MAR

A Really Simple jQuery Plugin Tutorial

This tutorial will show you how to create a simple jQuery Plugin that allow user to change some settings. I'm using one of my jQuery tutorials - "Menu with jQuery Animate effect" and convert it into a plugin.

css-html, javascript, tips, tutorial

56719

24 comments

70 Excellent Photoshop Resources

In this massive collection of resources, you’ll find all sorts of resources including: tutorial sites, Photoshop Brushes, patterns, Photoshop Actions, showcases/collections, and much more.

graphic, photoshop, tutorial

2117

2 comments

2009

21

MAR

New Screencast: Using CSS3

The latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now possible, focusing on the ones that can be used for progressive visual enhancement. Border radius, @font-face, animations/transitions, text-shadow, box-shadow, multiple backgrounds, RGBa, gradients, border image…

css-html, trend, tutorial

2021

0 comments

2009

19

MAR

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. This tutorial will show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect. Be sure to check out the demo, you definetely will like it.

css-html, javascript, tips, tutorial

211142

95 comments

13 Photoshop CS4 Video Tutorials for Learning New Features

If you’re like me, sometimes you are so busy with projects that you fail to take time to familiarize yourself with the new features of upgraded software. Since Photoshop is the design tool of choice for many web designers, and since CS4 hasn’t been out very long, I’ve decided to round up some useful video tutorials that demonstrate some of it’s new features.

graphic, photoshop, tutorial, video

2975

1 comment

2009

17

MAR

Create a Simple CSS + Javascript Tooltip with jQuery

Simple and easy way to create a javascript tooltip with jQuery. I break it into several sections: getting the mouse xy axis, anchor tag structure, how to hide default TITLE tooltips, css plus rounded corners box and the final working demo. Enjoy.

css-html, javascript, tips, tutorial

74536

18 comments

Simple jQuery Modal Window Tutorial

In this tutorial, I'm going to share how to create a simple modal window with jQuery. It selects all the anchor tags with name attribute set to "modal" and grab the DIV #id defined in the href and displays it as a modal window. jQuery has made everything so simple, be sure to check out the demonstrations, examples I made. It looks good :)

css-html, javascript, tips, tutorial

427190

199 comments

2009

16

MAR

20 Useful CSS Tips For Beginners

In the old days, we depend a lot of on developers and programmers to help update the website, even when it’s just a minor one. Thanks to the CSS and it’s flexibility, styles can be extract independently away from the codes. Now, with some basic understanding of CSS, even a novice can easily change the style of a website.

css-html, tips, tutorial

1978

1 comment

2009

14

MAR

Typography: Tutorials, Free Fonts, Resources and Tools

It’s a small round up for the basic typography. I had selected some quality free fonts featured here. Read the license carefully before you download. The license will be change time to time. Regarding to the tutorial, I had selected only 2 tutorials for creating the fonts. There are ‘n’ number of tutorials are available in web

design, font, tutorial

2188

1 comment

2009

11

MAR

Navigation List menu + jQuery Animate Effect Tutorial

JQuery is a fantastic javascript framework that really amazes me a lot. This tutorial will show you how to create an attractive menu just a small touch by using JQuery animate effect.

css-html, javascript, tips, tutorial

52609

15 comments

40+ Most Amazing Wallpaper Tutorials in Photoshop and Resources

wallpapers is one of the nice thing to do in photoshop. All you need is to experiment and explore everything and let your creativity jump into the next level. For more ideas and learnings here I made a list of 40+ Most Amazing Photoshop Wallpaper Tutorials. These are some of the coolest tutorials in creating wallpapers all around the web.

design, graphic, tutorial, wallpaper

5222

1 comment

2009

10

MAR

Creating a Typographic Wallpaper

After writing my previous tutorial here about Creating a Zune in Photoshop, several viewers asked if I’d share how I created the wallpaper graphic. In this tutorial, you’ll learn how to make something similar, and it’s quite easy!

design, graphic, tutorial, wallpaper

2060

1 comment

2009

9

MAR

10 Fixes That Solve IE6 Problems

We know IE is likely to be around for some time, but can we still support the browser and avoid hacks and conditional CSS? Here are 10 fixes to solve the majority of IE6 problems with valid HTML and CSS code…

browser, tips, tutorial

2882

0 comments

2009

6

MAR

15 Sites to download Free PSD files

I've collected 15 sites where you can download Photoshop Design Files for free, as you know at sometimes these collection will become marvelous time saver, Mostly for the Photoshop Beginners free psd file helps a lot in learning process

gadget, tutorial

19959

23 comments

2009

2

MAR

20 Useful PHP Components & Tutorials for Everyday Project

The list below is made up of the best 20 FREE PHP Components and Tutorials that you will likely need in many of your projects, they are all of the highest quality and more or less easy to configure. Give them a try.

1787

0 comments

2009

28

FEB

Building HTML/CSS Sites: Use a Template

For all my HTML/CSS based projects, I used to start from scratch. Not anymore. This tutorial will teach you how to build a HTML/CSS/JS template you can use in almost any project.

css-html, design, misc, tutorial

2025

1 comment

2008

27

JAN

5 Step Style Sheet Weight Loss Program

Does your style sheet ever feel bloated and overweight? If you notice some love handles growing on your style sheets, it may be time to stop and give it a good make over. Learn the following steps and your style sheet will be in shape in no time.

css-html, tips, tutorial

2852

2 comments

Subscribe RSS, Keep yourself updated with queness latest posts!

Pixel Crayons

Text Ads: Buy wholesale computers directly from China at DHgate.com

Discover the tools to build your e-Commerce Site with Netfirms

Buy China Products from Made-in-China.com

Cocktail Dresses

SmartPhone Cell Phone

Wholesale electronics

Web Hosting Rating

Buy WOW Gold

Get your cdl today

Debt collector review

Community News

Recent Comments

Famous Posts

Random Posts

View all posts and news Back to top

About the Author

A web designer and developer who is passionate and keen on contributing to the web development industry. Feel free to say hi to me, or follow me on twitter.

Kevin Liew

Twitter

10 Jaw Dropping HTML5 and Javascript Effects http://bit.ly/auBD9g... 1 day ago
30 Clean and Simple Free Fonts http://bit.ly/bl9TcU... 3 days ago
Follow me

Partner