Welcome to web 2.0 Blog

The Last news of the web Development from the world master's
Showing posts with label web design. Show all posts
Showing posts with label web design. Show all posts

Five Favorite Web Applications of Designers

Posted by web2.0 Design resourse Friday, October 30, 2009 3 comments


Webapps–compared to their desktop counterparts–have the distinct advantage of being flexible in terms of the environment they have to run in; if you have a web browser and an internet connection, you’re good to go. This allows designers who work in a variety of locations, from office cubicles to the neighborhood coffee shop, to do what they need to do without being bound to a single spot.
Last week, we asked readers what they thought the best web application for designers is, and here we share the top five favorites that gained the most votes. The web applications you’ll see here aren’t all specifically for designers but, as you’ll soon see, it’s not surprising why designers love them.

5. FreshBooks




FreshBooks

FreshBooks (coincidentally Six Revisions’ longest standing site sponsor) is a time-tracking and invoicing tool targeted towards freelancers. It’s perfect for project-based work, with the ability to keep your time logs, keep track of your expenses, create repeating invoices, and much, much more. FreshBooks comes in many flavors, and for those wanting to try before buying, the free version gives you all the features of the webapp (but is limited to only three clients). As a FreshBooker myself, I can’t say enough good things about this web application, only that it’s crucial for people who work on contractual jobs.


4. Google Analytics

 




Google Analytics

Google Analytics is a free web application that tracks site statistics. This is a favorite tool amongst web designers for seeing how effective their web user interface designs are. It lets you create custom reports that you can PDF and ship off to your clients (you can use it to show the effectiveness of that recent redesign you did for them). I use Google Analytics on Six Revisions for traffic reporting, and it’s, without a doubt, the best web analytics out there – free or otherwise.

3. Basecamp

Basecamp

 Basecamp is a project collaboration tool aimed mainly towards small-to-medium sized organizations. You can share and upload project files, create to-do lists, set milestones, participate in real-time collaboration (with Writeboard), and a lot more. I’ve been using Basecamp for roughly six months, and it’s made teamwork with co-workers and communication with clients a breeze.

 

2. DropBox

 



DropBox

DropBox is a file syncing tool that’s fast, reliable, and very easy to set up. DropBox also has a web interface that allows you to manage, upload, delete, and organize your synced files. DropBox is free, allowing you to store 2GB of files (and you can get up to 5GB for referring people to join) – if you need more storage space, the $100/year is more than worth it, especially if you’re using it for work. DropBox is my personal favorite: it’s become an essential component to my work.

1. Kuler


Five Favorite Web Applications of Designers

October 17th, 2009 by Jacob Gube | 39 Comments | Stumble It! Delicious
Webapps–compared to their desktop counterparts–have the distinct advantage of being flexible in terms of the environment they have to run in; if you have a web browser and an internet connection, you’re good to go. This allows designers who work in a variety of locations, from office cubicles to the neighborhood coffee shop, to do what they need to do without being bound to a single spot.
Last week, we asked readers what they thought the best web application for designers is, and here we share the top five favorites that gained the most votes. The web applications you’ll see here aren’t all specifically for designers but, as you’ll soon see, it’s not surprising why designers love them.

5. FreshBooks

FreshBooks

FreshBooks (coincidentally Six Revisions’ longest standing site sponsor) is a time-tracking and invoicing tool targeted towards freelancers. It’s perfect for project-based work, with the ability to keep your time logs, keep track of your expenses, create repeating invoices, and much, much more. FreshBooks comes in many flavors, and for those wanting to try before buying, the free version gives you all the features of the webapp (but is limited to only three clients). As a FreshBooker myself, I can’t say enough good things about this web application, only that it’s crucial for people who work on contractual jobs.

4. Google Analytics

Google Analytics
Google Analytics is a free web application that tracks site statistics. This is a favorite tool amongst web designers for seeing how effective their web user interface designs are. It lets you create custom reports that you can PDF and ship off to your clients (you can use it to show the effectiveness of that recent redesign you did for them). I use Google Analytics on Six Revisions for traffic reporting, and it’s, without a doubt, the best web analytics out there – free or otherwise.

3. Basecamp

Basecamp
Basecamp is a project collaboration tool aimed mainly towards small-to-medium sized organizations. You can share and upload project files, create to-do lists, set milestones, participate in real-time collaboration (with Writeboard), and a lot more. I’ve been using Basecamp for roughly six months, and it’s made teamwork with co-workers and communication with clients a breeze.

2. DropBox

DropBox
DropBox is a file syncing tool that’s fast, reliable, and very easy to set up. DropBox also has a web interface that allows you to manage, upload, delete, and organize your synced files. DropBox is free, allowing you to store 2GB of files (and you can get up to 5GB for referring people to join) – if you need more storage space, the $100/year is more than worth it, especially if you’re using it for work. DropBox is my personal favorite: it’s become an essential component to my work.

1. Kuler

Kuler

 Coming in at numero uno: Kuler, managing to garner nearly a third of the total votes, is a web application that lets you make, store, and share color schemes. It’s wonderful for remembering your favorite color combinations and getting color scheme inspiration for your design projects.

 


Create a photorealistic web layout

Posted by web2.0 Design resourse Wednesday, October 28, 2009 0 comments







In this tutorial I will show you how to create a simple photo realistic website in just a few steps.
I know it is hard to believe that a website like this can be converted into a real website.
VIP members will be able to download the PSD layout and also the css/xhtml code.

For this tutorial we will need a nice texture. Click on the following thumbnail, and download this texture to your computer.

127
Open the image inside Photoshop and then go to Edit > Define pattern. Choose a name for this pattern and click OK.
Create a new document with the following size: 960 width and 900 pixels height
Select Paint Bucket Tool, and in the option bar choose the pattern you just created

220
Click over your layout with Paint Bucket Tool. You will have something like this

319
Set the foreground color to #49290a and with Rounded Rectangle Tool create a shape, and place it in the middle of the layout

413

Add the following layer styles

57
67
You will have to add other shape over this brown shape. This time please use white color
77

Please use the same layer styles you have used a few seconds ago.

57

67
This is the result
87

On the bottom right side of the layout I will add some stock images with a flower pot and a sofa.

97

Under the layer with the sofa I will create a round shape with Ellipse Tool

107

I will go to Filter > Blur > Gaussian blur and I will use the following settings
1111

In this way you will have a real shadow under the sofa
128
On the left side of the layout I will create some boxes with Rectangle Tool
137

All shapes have the following layer styles

147
157

I will add some text and the images
166
On the right side I will add some banners
177
I will create a dashed line between the posts.
187
To create the dashed line you need to use Horizontal Type Tool and use the following font and settings
196
My last step is to create a logo and some text buttons.
206
This is my final layout. I hope you like it. As you can see it was done very easy, and requires only some good stock images.
2111

40 Creative and Inspiring Website Backgrounds Techniques

Posted by web2.0 Design resourse Wednesday, September 9, 2009 1 comments

Web designers compete to impress visitors with distinctive and appealing visual elements. Background images are one of those visual elements that when designed properly, can create an amazing atmosphere and convey the style the designer has chosen.
In this post you will see how web designers carefully created background images to achieve their goals in engaging and facilitating the design elements and content.

Illustrative & Sketchy Backgrounds

Camellie
ScaryGirl
CreativeJoomlaDesign
Deanoakley
Fritz-quadrata
HugsForMonsters
Hutchhouse
CarrerasConFuturo
Chucku

Photoshoped Backgrounds

Littlebigplanetoid
Gruny
Cpeople
Dreamerlines
Matt Mullenweg
Koodoz
Lebloe

Using Textures and Brushes

Beakable
Ftdesigner
Loukotka
Ryanmcmaster
Brownblogfilms
Snopp
Subvert
Jameslaicreative
MarkupAndStyle

Repeating Pattern

ThingsThatAreBrown
Soyuzno
Go on Web

Simple and Elegant

Envato

counter

free counters