Resources for webdesigner

Nextvision WordPress Theme

noreply@blogger.com (emanuela) — Sun, 13 Mar 2011 14:19:00 +0000

Nextvision WordPress theme. Featuring modern jQuery Powered Sliding Gallery, and theme options page. Compatible for WordPress 3.0. Documentation about how to use this theme included in the zip file.

Download

http://www.filesonic.com/file/219424711/Nextvision.zip

Graphia WordPress Theme

noreply@blogger.com (emanuela) — Sun, 13 Mar 2011 14:18:00 +0000

Graphia WordPress theme. Featuring modern jQuery Powered Sliding Gallery, and theme options page. Compatible for WordPress 3.0. Documentation about how to use this theme included in the zip file.

DOWNLOAD
http://www.filesonic.com/file/219418481/Graphia.zip

Tetra WordPress Theme

noreply@blogger.com (emanuela) — Sun, 13 Mar 2011 14:15:00 +0000

Tetra WordPress theme. Featuring modern jQuery Powered Sliding Gallery, and theme options page. Compatible for WordPress 3.0. Documentation about how to use this theme included in the zip file.

DOWNLOAD

http://www.filesonic.com/file/219407952/Tetra.zip

FormBox – A jQuery & CSS3 Drop-Down Menu With Integrated Forms

noreply@blogger.com (emanuela) — Sat, 11 Sep 2010 10:09:00 +0000

When designing the layout for a website there’s one thing that we as designers are always conscious of – making things easier for users. No matter what it is your site offers, you’re still going to need to balance the interface in a way that keeps it very easy for users to find and perform core site functions around your site or service, ideally without having to load up a completely different page.

Some of these common functions are logging in, registering or even resetting a password, yet quite often in many cases we still provide users the same old experience – a separate page for logging in, another for signing-up and yet again another if you’ve forgotten what your login details were.

web site: http://addyosmani.com/blog/formbox/

demo: http://addyosmani.com/blog/formbox/

Free Arrow Icon Set

noreply@blogger.com (emanuela) — Mon, 17 May 2010 08:05:00 +0000

A completely free arrow icon set with 25 arrow icons like fast forward, enter, eject, loop, exit, exchange, scale, skip, right, left and more. Easy to customize:the package includes both psd and illustrator files for you to play with. Also - add a comment if you like it :)

website: http://bevelandemboss.net/free-arrow-icon-set

330 Free Letter Pressed Icons

noreply@blogger.com (emanuela) — Mon, 17 May 2010 08:04:00 +0000

A collection of over a 100 letter pressed icons, in various letter pressed styles exclusive to Creative Nerds readers. The icons include three PSD files which are full of icons which you can drag and drop into your designs.

website: http://creativenerds.co.uk/freebies/330-free-letter-pressed-icons/

Origami Icon Set from Icon Dock

noreply@blogger.com (emanuela) — Thu, 13 May 2010 08:35:00 +0000

Today we’re giving our WDL Premium Members an awesome set of icons from Icon Dock. The Origami Icon Set consists of 204 colorful and playful icons. You can use them as web icons or put them together to create sticker-looking art.
For more great icons be sure to check out Icon Dock. It’s an icon shop by N.Design Studiowhere you can buy stock icons at affordable price and download free icons. You can buy vector icons individually (as low as $1 each) or a complete set. Shopping experience is fun at IconDock. The shop is powered with Ajax features, you can easily add or remove items by a single click or drag & drop.

website: http://icondock.com/icons/sets/origami-vector-set

100 Fully Scalable Vector Pictograms / Icons

noreply@blogger.com (emanuela) — Wed, 12 May 2010 12:51:00 +0000

Here are 100 fully scalable pictograms/icons free to download. It will surely help you declutter your visual space and communicate your message, the right way. once they’re in there, you’ll love their simplicity, while at the same time improving project’s usability.
Use them in your online, print, mobile and software applications. They will work good even for signs in real world around your street, campus, resort or even city: possibilities are unlimited. Best of all, whole set is free to download and use it in accordance with license agreement. No watermarks, no limitations: available in all major, industry standard scalable vector formats.

website: http://www.webappers.com/2010/05/12/100-fully-scalable-vector-pictograms-icons

55 Inspiring Examples of Slideshows in Web Design

noreply@blogger.com (emanuela) — Mon, 10 May 2010 10:00:00 +0000

A website can hold lots of information, so a big issue is making sure the most important information gets the attention it needs. A good solution to this is using a slideshow on the home page to highlight featured content. What makes the slideshow so great is its ability show several pieces of content within a limited amount of space. Also, transitions and movement are a great way to get the users attention and get them engaged.

website: http://webdesignledger.com/

22 Ultimate collection of High Quality Social Bookmarking Icon Sets

noreply@blogger.com (emanuela) — Mon, 10 May 2010 09:30:00 +0000

Beautiful icons is the easiest way to improve your blog or website design. So that why here we have compiled a list of beautifully designed free 22 High quality Sets of Social Media Icons such as digg icons, stumbleupon icons, reddit icons, twitter, RSS feed icon, facebook icons and many more for your new projects hope you like them. If you have more please share with us in comment section!

website: http://www.w3mag.com/22-hq-icon-sets/

Subtle Grunge Textured Photoshop Brushes

noreply@blogger.com (emanuela) — Sun, 09 May 2010 09:10:00 +0000

If, like us you are a fan of soft & subtle brushes then you’re going to love this new set. The focus on this set is to give you the tools to build up realistic textures in your designs, by using multiple brushes on multiple layers.

website: http://wefunction.com/2010/04/42-more-subtle-grunge-brushe

Photoshop: Download Custom Shapes Sets

noreply@blogger.com (emanuela) — Sun, 09 May 2010 09:05:00 +0000

Photoshop shapes are different than Photoshop brushes, although some people use the terms interchangeably, they refer to completely different tools. Both tools will allow you to easily add custom elements that be stamped out over and over again, used to create patterns, transferred from one design to another, and stored in your Photoshop library for use on your next project.

website: http://tutorialblog.org/free-photoshop-shapes

How to Create a Bubbly Navigation with jQuery

noreply@blogger.com (emanuela) — Sat, 08 May 2010 19:48:00 +0000

Codrops has shared a tutorial about how to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. They will use the jQuery Easing Plugin for a even nicer effect.
However, if you are an IE user you might have noticed that the bubble looks kind of weird without CSS3 support. He has figured that has something to do with the transparency of the image and the animation, but there is no solution yet.

Requirements: jQuery Framework
Demo: http://tympanus.net/Tutorials/BubbleNavigation/
License: License Free

Create a Slick and Minimalist Web Layout in Photoshop

noreply@blogger.com (emanuela) — Sat, 08 May 2010 19:43:00 +0000

In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout. We will use the 960 Grid System as a template to make it easy to align the design elements on the layout.

website: http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-slick-and-minimalist-web-layout-in-photoshop/

Typography Tools And Resources

noreply@blogger.com (emanuela) — Sat, 08 May 2010 19:38:00 +0000

To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You will learn the fundamentals of typography, find out how to combine fonts and know what to keep in mind when choosing a typeface. We also present typography-related slideshows, glossaries, layouts and experiments.

website: http://www.smashingmagazine.com/2010/05/06/50-helpful-typography-tools-and-resources/

Ultimate Collection of Free Photoshop Gradients

noreply@blogger.com (emanuela) — Sat, 08 May 2010 19:27:00 +0000

The Photoshop gradient is a fill consisting of two or more colors blending together. Depending on your color combination and settings, it can turn your simple one-colored background into a bold statement or subtle design cue. In this new article, we will be showcasing a Collection of Photoshop Gradients that will surely enhance your designs. And of course, these are all free to download!

website: http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/

25+ Most creative Social media icon sets

noreply@blogger.com (emanuela) — Sat, 26 Sep 2009 07:14:00 +0000

A collection of some of the most creative social media icons for you to use on your blog or website. With so many uses of different shapes, textures and styles. Feel free to use these on your latest projects. Hope you like them!

Website: http://designrfix.com/

Design a professional hosting layout

noreply@blogger.com (emanuela) — Fri, 25 Sep 2009 11:30:00 +0000

This tutorial is going to present you to design a hosting web layout in Photoshop. The design is simple and elegant. You just need to follow the tutorial, and use the same idea. Then, you can create your own web layout in an efficient way. Very cool, have a try!

Website: http://www.grafpedia.com

130 icons for iPhone applications

noreply@blogger.com (emanuela) — Thu, 24 Sep 2009 13:17:00 +0000

iPhone UI icons are 24-bit PNG images used as a mask to generate selected and unselected button states. Dimensions should be about 30×30 pixels for tab bar icons and about 20×20 pixels for toolbar and navigation icons.

Website: http://glyphish.com/

How to Create I-Phone Like Button in Photoshop

noreply@blogger.com (emanuela) — Thu, 24 Sep 2009 10:19:00 +0000

In this Tutorial you'll find how to create I-Phone Like Button in Photoshop. This is very simple and quite effective tutorial. I hope you will enjoy this tutorial.

Website: http://aceinfowayindia.com/

Create a Realistic Space Scene from Scratch with Photoshop

noreply@blogger.com (emanuela) — Thu, 24 Sep 2009 05:23:00 +0000

In this design tutorial, we are going to create a stunning space scene that has realistic-looking planets, stars, and lighting effects...

Web site: http://sixrevisions.com

15 Abstract Brushes Packs for Photoshop

noreply@blogger.com (emanuela) — Thu, 24 Sep 2009 05:18:00 +0000

Here is a collection of 15 best-looking abstract brushes packs from around the web. Check it out!

Web Site: http://iniwoo.net/

Expression Web SuperPreview

noreply@blogger.com (emanuela) — Wed, 23 Sep 2009 15:05:00 +0000

Expression Web SuperPreview for Internet Explorer is a visual debugging tool that makes it easier to migrate your web sites from Internet Explorer 6 to Internet Explorer 7 or 8.

Expression Web SuperPreview for Internet Explorer is a stand-alone visual debugging tool that makes it faster and easier to migrate your sites from Internet Explorer 6 to Internet Explorer 7 or 8. With Expression Web SuperPreview for Internet Explorer, you can ensure that your Web sites work correctly in Internet Explorer 8 while also maintaining compatibility with earlier versions of Internet Explorer.

Expression Web SuperPreview for Internet Explorer shows your web pages rendered in Internet Explorer 6 and either Internet Explorer 7 or Internet Explorer 8, depending on which version you have installed on your machine. You can view the pages side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout. You can even compare your page comp to how the targeted browsers render the page.

It requires Microsoft .NET Framework 3.5 Service Pack 1 to run.

Transparent Website Layout

noreply@blogger.com (emanuela) — Wed, 23 Sep 2009 13:41:00 +0000

This is the final result of this tutorial that can be very useful if you would like to have a different theme for your website.

Website: www.webappers.com

40 High-Quality InDesign Tutorials

noreply@blogger.com (emanuela) — Tue, 22 Sep 2009 20:38:00 +0000

Adobe InDesign is one of the best solutions for creating professional layouts digital and print publishing. If you’re looking to learn more about working with InDesign, there are plenty of good tutorials available online.

View this article