The Internet is undergoing an extreme makeover. In the 1990s and the beginning of the 21st century, the World Wide Web was primarily a place for viewers to retrieve information. The information flowed in a one-way direction. Websites were mostly built by “techie” folk who knew complex HTML coding and FTP site management. If you’re scratching your head, you’re not alone.
Then around 2004 a birth of new web tools began to pop up. These tools allowed common people like us to add content to the web. People with no programming skills were suddenly publishing their own journals, photographs, videos, auctions, podcasts, wikis, slideshows and more. The web became a two-way street. Everyday people were now creating the content.
By 2007, a second generation of the web had taken over – Web 2.0. Also known as the Read/Write Web, the new web is a breeding ground for creative and engaging educational endeavors.
Teachers are using the new Web 2.0 tools to launch their classroom into the 21st century. Students are creating online content, collaborating with other students around the world and showcasing their work to a global audience. Web 2.0 facilitates professional networking. It provides authentic learning experiences for students, and it encourages global awareness, creativity, innovation, critical thinking and collaboration. The knowledge our students will gain from engaging with Web 2.0 technologies will foster the communication and information literacy skills that are required in the 21st century.
The great thing about Web 2.0 tools is they are easy to use. Really. And it’s all free. Take some time to follow the links on the side, and you will soon be merging onto the information superhighway.
Web 2.0 is the next version of web sites, the world is going to change their websites to be more attractive, simple, usable, scalable, bright and sharable by designing it with web 2.0 standards. web 2.0 is not changing the web design concept it’s also changing the web marketing concepts, programming concepts, and usability concepts.
Creating Web 2.0 Effects With Photoshop
The visual style that has come to be associated with the term Web 2.0 has exploded in popularity; everywhere you look, corporate sites, web service sites, ecommerce sites, and even personal blogs are making use of clean, minimalist design coupled with fancy graphic effects. If you’d like to jump on the bandwagon, this is the article for you! Using Photoshop, I’ll show you how to add Web 2.0 graphic goodness to your site design using non-destructive techniques. It may even take your site from boring to trendy!
Photoshop: Create Web 2.0 Button
Buttons Photoshop tutorials are probably one of the hottest categories in any Photoshop tutorials site and since Web 2.0 is such hot topics now, lets go about doing a simple button suitable for any Web 2.0 application of websites. Tutorial after jump.
Ultimate Web 2.0 Gradients – FREE Download
Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site. Even a simple button is of a gradient. So I decided to make some cool set of Gradients and put them together in an Adobe Photoshop Gradient file (.grd). These gradients are fully scalable, what i mean here is its not an image or so.. just create a shape and apply the gradient – As simple as that. You could create Logos, Backgrounds, Tabs, Buttons, Wallpapers, Toolbars and all sorts of stuff… I hope v2.0 was helpful a lot. Now this current version includes almost all the possible gradients… Feel free to use these cool set of gradients anywhere but please don’t forget to share this too…Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site. Even a simple button is of a gradient. So I decided to make some cool set of Gradients and put them together in an Adobe Photoshop Gradient file (.grd). These gradients are fully scalable, what i mean here is its not an image or so.. just create a shape and apply the gradient – As simple as that. You could create Logos, Backgrounds, Tabs, Buttons, Wallpapers, Toolbars and all sorts of stuff… I hope v2.0 was helpful a lot. Now this current version includes almost all the possible gradients… Feel free to use these cool set of gradients anywhere but please don’t forget to share this too…
In this tutorial, I describe various common graphic design elements in modern web (”2.0″) design style.
I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs.
It follows on from my Current Style article, and analyses in greater depth the design features of the current “Web 2.0″ design style.
To learn how to design Web2.0 sites yourself, you must read “Save the Pixel – The Art of Simple Web Design”, which is a comprehensive guidebook to the principles and techniques of Web2.0 design.
How To Create a Dynamic Web 2.0 Brochure Site in an Hour
What will you have after an hour?
You will have a dynamic, easily updatable, search engine optimised ‘Web 2.0′ website (including RSS feeds so that you get the automatic high search engine rank that blogs enjoy assuming you create compelling content constantly):
- An About Page
- A Contact Us Form
- A Products (or services page)
- A simple front page with two paragraphs about your company and contact information plus a sidebar with links on the right which link to headlines from your five latest news articles.
- A news page with news articles about press releases, events and news. If you keep writing compelling news articles, you will have a high search engine rank.
How to Create a Simple & Sleek Web 2.0 Site Footer
Since Web 2.0 hit the internet, footers have become more important than ever, and there has been some great looking work done downstairs. In this tutorial I’ll show you how to produce a sleek looking site footer in Photoshop.
Building your very own web2.0 layout
So you wanna look web2.0? You’ve come to the right place. In this short feature I’ll guide you through creating your very own webdesign template ready to be applied to your web2.0 application or blog or startup or what else you see fit. You’ll go from web1.0 to web2.0 in 10 minutes.
The first Web 2.0 Blue Layout Tutorial focused on the text of the page. This tutorial will follow up by teaching you extra features and style you can add to the layout. Now there is an Added Logo on the left side with a small Menu Bar. On the right side is a graphic of the grand opening. This can be tweaked so that you can lower the opacity and right some text on it if you want. Below the ticket area, are two empty spaces which can be added for extra advertisement elements to go to another part of the site. Below that a Grey Box features a Download Now button, where you can quite possibly put a PDF file of the Schedule information, or change it to something different entirely. Subsections finish up the site where you can send a link to another area. This tutorial doesn’t focus much on text, and your welcome to ADD text to any areas you see fit. This tutorial is compatible with PSP 8 to 11, it was made with PSP 9.
Web20Badges is a set of free and very cool web badges.
They are probably one of the most popular trend in Web 2.0 time. It’s most over-used trendy little design technique in our days, they immediately attract visitor’s attention. Web badges have various round or square corners and eye-catchy colours.
Badges can be used to display a big ‘Beta’ message on your website or emphasize a price or a promotion. No web 2.0 site is complete without one.
Web 2.0 is a term coined by O’Reilly describing the new trends in design and development appearing across a flood of innovative websites. This tutorial will show you how to create some of the more popular “Web 2.0″ design effects using Photoshop.
Design Glossy Web 2.0 Button in Photoshop
Fire up a new canvas and adjust the following settings (marked in yellow) according to the image below. The rest should come as default. You might want to double check with the defaults too.
Designing Glossy (Web 2.0) Badges
This is a relatively basic Photoshop tutorial, but you should have basic knowledge of Photoshop and its tools to follow through to the end.
We’ll be learning how to design these glossy “Web 2.0″ badges in Photoshop. We’ll start off making the shape then styling it using layer styles and additional separate glossy layers.
Web 2.0 Photoshop Tutorial – VoiceTrader
We will start things off by creating a new Photoshop document: 1000px wide by 980px high, on a transparent background. Next we will create three separate rectangular blocks extending across the width of the canvas, each on their own layer. The first block is white (#FFFFFF), 72 px high and placed at the top of the canvas. Directly under the white bar we’ll create a orange (#FF7200) bar 158px high. Finally, we’ll fill the remaining canvas with a dark-gray (#2E2926) block 750px high.
WEB 2.0 Footers – How to keep peoples flow
One thing I’ve noticed recently is how some websites have decided to use footers as a way to keep people browsing their website.If you read a long article on a website, once you reach the bottom of the page, you arrive to a dead end. You have two options, maybe three if the website has been well thought and coded.
Tired of pixel-by-pixel painting, trying to create seamless stripes textures?
Here we are!
Enjoy using stripe generator!
Unleash your personal style, experiment and download the tile. You can use it directly in your css file or as pattern in Photoshop®!
If you like our tool, feel free to credit stripegenerator.com by linking us with our banner 
stripe generator
a free tool for the webdesign community by
See Also Following Topics:
]]>1. Fonts 500
Top 500 is calculated based on download counts from some of the web’s biggest free font archives.
The fonts presented on this page are their authors’ property, and are, to the best of our knowledge, either freeware, shareware, demo versions or public domain. If anyone knows otherwise please notify us. All fonts have been collected from around the web, and are maintained with all files intact.
2. 1001 Free Fonts
1001 Free Fonts first opened its doors in December 1998 and has since grown to become the most popular free fonts archive online. We receive more than 40,000 visitors daily and we have been visited by over 80,000,000 visitors since 1998. Over 1,000,000,000 free fonts have been downloaded since 1998. We would like to thank you all for your continued support and hope you return shortly.
Signature Fonts – Turn your signature into a signature font and sign documents digitally.
Handwriting Fonts – Handwriting fonts offers a personal handwriting fonts service.
Ultimate Font Download – Download 10,000 Fonts with one click. The Ultimate Font Download is a collection of 10,000 quality fonts from award winning font designers. Supports Windows & Mac OS X.
Font Search Engine – Didn’t find the font you are searching for? Then visit Font Search Engine, who offer one of the largest commercial archives online. There are currently over 30,000 commercial fonts on offer.
Free Mac Fonts – If you are a Macintosh user then this website is for you. They offer one of the largest Macintosh compatible archives online. Unlike other archives 100% of the fonts contained in this archive are Macintosh compatible.
3. Dafont
The fonts presented on this website are their authors’ property, and are either freeware, shareware, demo versions or public domain. The licence mentioned above the download button is just an indication. Please look at the readme-files in the zips or check the indicated author’s website for details, and contact him/her if in doubt. If no author/licence is indicated that’s because we don’t have information, that doesn’t mean it’s free.
4. Urbanfonts
See our amazing collection of free fonts and free dingbats. With over 8,000 freeware fonts, you’ve come to the best place to download fonts. Please review our FAQs section for font installation instructions.
5. Simply the Best Fonts
Browse through the alphabetical font listings or the font categories to view the available free fonts. Each font has a full preview page with proprietary details. Most fonts are freeware and as such free to use for webmasters and hobbyists. If you wish to use them commercially, you may have to register them first. Make sure to see if the font is freeware (for both personal and commercial use) or commercial (i.e. you have to always purchase it to use it). Registration information can always be found in the font file itself (right click and Properties in browser), the readme.txt file attached to the font file, or at the link destination if the author has a Web site.
6. Free Fonts
The free-fonts.com database contains more than 55.000 fonts – truetype, opentype, postscript type 1 typefaces. Let’s go: Search fonts and then download free fonts or buy fonts!
7. Web Page Publicity
Site contains over 6500 free fonts you can download to your computer and use for free. These are all totally free TTF fonts made to work with any PC or Windows Operating System. Use them at your own free will.
8. Search free fonts
A unique font can help your document stand out and attract attention. A perfectly suited font can help to make a design attractive and successful. Finding these high quality fonts is a task made easier with SearchFreeFonts.com. New SearchFreeFonts.com collection contains over 13,000 free fonts and over 91,000 commercial fonts
9. Download Free Fonts
PC| MAC and TOP 20 fonts
10. 1001 Fonts
You have come to the right place to download free fonts for both Windows and Mac. In case you are looking for professional high quality fonts, you may want to visit Linotype.com, Fonts.com, MyFonts.com or ITCFonts.com. For first time visitors we have written a site tour to help you get aquainted with this site. 1001fonts.com is a free service and is made possible thanks to sponsored advertising, so please don’t be annoyed by the ads, one of them just might offer something that appeals to you.
11. Fonts 101
Welcome to Fonts101.com with all Free Fonts on this website are available for download for FREE. You can download fonts free but if you want to help us do check out our sponsors.
12. PC Fonts
Collection of Best font sites
13. High Fonts
Here you will find the net’s best links to free clipart, graphics, fonts, samples, fun stuff, software & much more!. Download High Quality Free Fonts: PC Fonts, Mac Fonts, and Font Tools. All Free Fonts Are Archived and Easy to Access. No Pop, No Registration.
14. 2200 Free Fonts
Welcome to the new 2200FreeFonts.com! We have recently got in touch with a great designer Alex Scott and re-designed the site. With the change comes a slightly different layout and navigation, but rest assured, the 2200 fonts are still here and easy to access!
15. Font Stock
Fonts and symbols.
16. Jabroo
The latest version of Jabroo is available for testing out online. Its available at new.jabroo.com or following the link at the top of the Jabroo home page. This version has been designed to make finding that font as easy as possible. Like the previous Jabroo the fonts are separated into categories and under their alphabet classification.
17. Font Garden
Is updated regularly (almost daily) with new fonts to download. I have come to realize that I can’t put every font in existence up here so I just pick the ones I like. I hope you like my choices as well!
18. Font Yokle
19. Best 100 Free
Free Fonts – Easy Navigation – Mac & Win – 33 Font Categories – Custom Previews…
20. Schriftrten
Willkommen auf Schriftarten.org. Auf unseren Seiten findest du über 9000 kostenlose Schriftarten zum Download. Alle Schriftarten enthalten eine Vorschau und sind im ZIP-Format downloadbar. Viel Spass
Most Commented Posts
]]>If you are a web designer, you always looks for a best layout. I found some of the site which are really useful for your design and here they are:
1. Brusheezy
2. My Photoshop Brushes
3. Photoshop Brushes
4. Get Brushes
5.Qbrushes
6. Photoshop Support
7. Brushking
8. Designfruit
9.Photoshoproadmap
10. CoreGfx
See Also Following Topics:
]]>Zymic
More Tutorials: CSS & HTML,
PHP & MySQL,
Adobe Photoshop,
Adobe Fireworks,
Cinema 4D
PSD Tuts Plus
Photoshop Talent
Features: Advanced Photoshop Contests
To participate in these contests you need a higher level.
Gain level by winning beginner or all-level contests first. The higher the contest level, the bigger the prizes.
Luxa
Photoshop Tutorials & Brushes
Photoshop Tutorials
PSD Learning
Tutorial 9
PS Hero
BioRust
Photoshop Support.
Tutorialwiz
PSD Vault
PSDeluxe
Kailoon
See Also Following Topics:
]]>
Hugs for Monster
Kenn Reay
Eye Communication
Uzuolaidos-
Bent in Bend
Kitty Attack
Greg Wallace
Boompa
Multiways
GCN
Africa Safari
Skate 2 Fitness
Battle Force
Le nordik
Creative Spaces
333 propoganda
Derick Thomas
3AKIS
Peter Pearson
Marcos Xotoko
Creative Outsourcing
Icon Dock
Reese
Media Flex
Patince-Adriana
Namie Taniguchi
Getting Crazy
Caravan for Justice
Rise of Aryan
Culture Shock
See Also Following Topics:
]]>1.Missing Page
2. Somewhere in
3.Resistance is Futile
4. Nothing for you
5. Nostradamus
6. Failure to Communicate
7. lonely404@aol.com
8. Uncle Sam’s error message
9. The Web is too Big
10. 404 Milk Carton
11. Sweet Page
12. My first day in (pst) essay
13. Bogart says
14. Page not found(PNF)
15. Apes of room 404
Enjoy and Get More Images for 404 pages at PhotoshopTalent
Most Commented Posts
]]>
2. RSS button – web 2.0 Relief-style from cyhung.net
3. Jinsona Design from Visual Blast
4. Icons Set
5. Really Creative RSS Icons From Projecttres
6. Free web 2.0 RSS icons from paintbits
8. 50+ More Free RSS Feed Icons
10. 345 Free RSS Icons from studiom6
