Design

Top 10 CSS Related Websites

posted on 15 Sep 2008 16:30 by sonicneo  in Design

Here i am posting top 10 CSS Related Websites that i found from my end.


 

CSS Menia

CSS Menia
They believe that CSS Mania is the largest CSS showcase in the world.

If you’re a web developer, you’ll find inspiration and knowledge on CSS Mania.

If you are a business owner and would like to strengthen your company’s presence on the internet, you’ll find the best solutions based on CSS behaviors. You can track your competitors, and above all, you can find and contact the most qualified web developers internationally, in your country, and even in your own city.

 

CSS Beauty

CSS Beauty
TCSSBEAUTY™

is a project focused on providing its audience with a database of well designed CSS based websites from around the world.

Its purpose is to showcase designers’ work and to act as a portal to the CSS design community.

 

Website Design Awards

Website Design Awards
Established in May 2005, Website Design Awards (or WDA) has been awarding and showcasing the creative and technical talents of the online industry around the world. With over 12,000 submissions and counting WDA showcases only the most progressive cutting edge online projects across a range of industries and personal endeavors.

Submit your website

If you have a site that demonstrates design, innovation and creativity then submit your website.

 

CSS Play

CSS Play
They created this site in the hope that it will help newcomers to CSS and show old hands that it is more than just a mechanism for styling your documents. It is oh so much more.

Because CSSplay deals with experimental CSS that is exactly what you get JUST CSS, no javascript or any other programming language has been used in any of the demonstrations. For javascript demonstrations please click the javascript link in the main navigation bar which will take you to my other site which is dedicated to demonstrations using CSS and minimal, unobtrusive, javascript.

 

CSS Drive

CSS Drive
CSS Drive is Showcase of l designed CSS based websites from around the world,

Plus Gallery of Stylish CSS Menus

If your are developer or designer then you can submist your site for possible inclusion on CSS Drive

 

CSS Tricks

CSS Tricks
CSS-Tricks is a home for examples, tutorials, tips, tricks, and news regarding Cascading Style Sheets. Topics sometimes go beyond CSS to include larger web design issues and other languages like Javascript (jQuery rulz!), PHP, and perhaps a little Ruby as I learn more. This site is a bit like a documentary of my own trials and tribulations in the world of freelance web design. I also like to link to other useful information around the web as well as answer any questions readers send in.

 

CSS Vault

CSS Vault
This site is useful for me as a designer and I hope that it is useful for you whether you are a designer, developer, programmer, manager, or just a CSS advocate.

 

CSS Basics

CSS Basic
You’ve heard the buzz about the seperation of style from content, but you are stuck in the world of nested tables and deprecated markup. If so, you have come to the right place! Using CSS to style your (X)HTML files, will benefit you and your visitors in many ways.

 

CSS Heaven

CSS Heaven
CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world.

At CSS heaven we have one objective to provide you with a central resource to view a wide range of eye catching and innovative web designs plus inspire you to create new and exciting web designs.

 

Free CSS Templates

Free CSS TemplatesYou can Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web!

Users are free to use any of these CSS templates for commercial or personal use without having to make any payments, provided they follow the license terms and agree to link back to this website in some feasible way. The Free CSS Templates site is updated quite frequently, and hence all are requested to check back to find some new CSS templates all the time.

Grunge Textures, Brushes, Fonts, Designs and Tutorials

posted on 15 Sep 2008 16:16 by sonicneo  in Design

Grunge Texture Galleries

Grunge Textures


Download Free High Resolution Textures for Digital Art, 3D Rendering, Web Design or Print Projects

 

Urban Dirty


Urban Dirty is a regularly updated online photo library featuring 404 gritty, grimy and sometimes slimy images for use in design and artwork creation. For example, here’s a desktop wallpaper using this photo. View the images in small, medium or large, download or edit online and have fun with them.

 

Texture Warehouse


They offer Free, High Resolution Textures to Designers and 3D Artist. Our images are licensed under a Creative Commons License(Attribution-NonCommercial-ShareAlike 2.0). Our textures are updated frequently.

 

Image Abstraction


They offer Free High Resolution Abstract Backgrounds, Patterns and Textures for Photoshop Artist and Graphics Designers. 95 Images Currently Online.

 

Shady Medusa Stock

Ultimate Grunge Textures from Daviant Art Gallery Member

 

Texture King


Free Stocks Textures
Grunge, dirt, plaster, concrete, rust and more…

 

Texturez


Free Grunge textures, enjoy browsing the grunge category of our free stock texture photo gallery. If you like what you find on this site please help us by linking to us on your blog or website.

 

Design Shard


300+ Free Hi-Res grunge textures you’ve never seen before!, Here is a free Hi-Res texture pack that i have made over the weeks for you all to download, the pack contains over 300 grunge, worn, torn and weathered textures.

 

Got3d


Got3d Free Textures - Free Grunge Textures This free texture library contains grunge textures. Texture sizes are 512×512 or 1024×1024.

 

Design Reviver


200+ Textures, Brushes, and Fonts: Ultimate Grunge Roundup, Grunge style is rough, rugged, torn, worn, and tattered. To most, these adjectives would describe something less than appealing, but in the hands of a talented web designer, elements possessing these qualities can be used to turn a web site into a work of art. So, if you are just getting started in grunge design or if you are already a pro, you should find the grunge freebies in this article to be very useful.

 


Dirty Designs

 

 


Grungy Brushes and Corners

Worn Photoshop Brushes
Nice collection of Brushes and orners
Jenn B’s Typographic Grunge Brushes
A random collection of grungy, decayed typographic brushes.
Grunge BrushesPhotoshop set.
50 Free Vector Grunge CornersFormats: AI, EPS, SVG, PNG, Ill8. Source grunge is also included to let you play around
Grunge BrushesPhotoshop set.
Dumpster BrushesPhotoshop brushes created from photos of old dumpsters. All brushes are over 800px.
Vector Ink & Paint SplattersVector images that would make a niece background touch or even a nice finishing touch to top off a grungy piece of art.

 


Free Grungy Fonts

5 Excellent Free Grunge Fonts


A selection of free “grunge” or “eroded” typefaces.

 

Bleeding Cowboys Font


Free for personal use. PC / Mac OS X.

 

 

 

 


Grunge Photoshop Tutorials

Ancient Grunge Scroll

 In this tutorial will show you the techniques used to create an ancient grunge scroll. There are several uses for these… banner, backgrounds, etc etc etc. The final product after I’m through will be a template for a blog/artwork website that’s got an uncomfortable sense to it.

 

Grunge style layer tutorial

 Grunge style layer tutorial - Takui Neko shares his Photoshop blending skills

 

Spoono Grunge - Photoshop tutorial

 At certain times in graphic design, you need to get down and dirty. Here, I’ll show you a way to create a grungy background that will make a great addition to any sort of dirty or worn artwork.

 

Grunge Manipulation - Simple photoshop technique

 Learn to create your own ‘grunge’ manipulation in photoshop using this tutorial.

 

Grunge Rubber Stamp

 Rubber stamps are an amazingly quick and easy way of marking something in real life, but recreating them in Photoshop is a little more difficult. Unlike real media, the electronic canvas does not have creases, folds, and underlying texture to distort the ink. Neither does an electronic stamp have problems with ink adherence, creating a unique effect every time it is used. That is not to say, of course, that Photoshop cannot reproduce these little nuances of real media. The aim of this tutorial is to describe a simple method to create grunge brushes, and to detail how these brushes can be used to reproduce realism in our rubber-stamped logos. Interested? Read on…

 

Grunge Background - Create this grunge background in photoshop

 We are going to make a Grunge Background. Mind you this technique being used is pretty basic and leaves a lot of room to expand and use for more than just grunge. Grunge just happenes to be the easiest.

 

Old Poster

 Old Poster In-depth photoshop tutorial to create an old wanted poster, looks really good when finished, In this Photoshop tutorial we’re going to create an old poster. The main purpose of this tutorial is to show you many different Photoshop techniques and a non-destructive approach by using many separate layers. The photograph that was used can be replaced by any other photograph, so you might even think about using this Photoshop tutorial for posters or cards with friends or family involved.

 

Ripped and Torn Edges and Stuff

 Photoshop allows you to create that ripped, torn and distressed effect that has been seen around lately. It’s a simple practice in masking and brush settings. This tutorial will show you how to achieve that ripped effect with little effort, and a lot of flexibility. read more….

 

Grunge Photoshop Tutorials

 An overview of grungy Adobe Photoshop tutorials.

 

Grungy Cover Design Tutorial

 Learn how to create a nice grungy cover design with grungy textures.

 


10 Great Grunge Vector Packs

The grunge style and (Vector Grunge Packs) have been around for a long time and continues to play a large role in many design projects. Its often very time consuming to create your won vector grunge elements for designs, but thankfully many vector artists have come to the rescue!

 

Below are 10 of the best free vector grunge packs around. Some of the type of vectors included in our list are grunge borders, grunge skulls, grunge floral designs and much more. Enjoy! From Your the Designer

Free Grunge Vector Art

1. 50 Free Vector Grunge Corners

This incredible vector grunge borders download is way better then any grunge brushes out there. Since its vectorized they can be scaled as large or as small as you want!

2. Go Media’s Sample Vector Pack #2

Go Media is well known for its incredible vector packs and also their generous free sample packs such as this great sample grunge vector pack that has skulls, a crown, a spider, weapons and all other kinds of cool grunge looking vectors.

3. Ben Blogged Skulls

This is one of the best grunge skull downloads around, where the grunge skulls come with wings, paint splatters, arrows and other cool grunge design elements.

4. Wicked vector skull illustration

This is a great sick skull vector that also includes many other reusable vector art elements.

5. City of Angels vector illustration

This cool grunge looking city of angels would make a great background for a piece of artwork and has a lot of pieces in it that can be mixed and matched.

6. Floral Grunge II

A cool floral grunge design that can be used for borders or as part of a bigger design.

7. Grunge Banner

A high quality grunge banner that you can add any text into.

8. Grunge Set 2

A cool grunge set that has splatters and other grunge looking marks.

9. Fear Grunge Vector Illustration

Sick grunge skull vector illustration with other swirls and lines in it that makes for an awesome background.

10. Free Vector Grunge Splats

A pack of quality vector grunge splats and brush marks that can be scaled to any size.

Ultimate Website Navigations

posted on 15 Sep 2008 16:10 by sonicneo  in Design

Navigation scheme is the road map of your site. Navigation of links on your site plays a big role in determining the stickiness of your site. Ask yourself this, what do visitors do as soon as they open your site? They would probably read the content of the present page and then look around to find any other page that interests them. Here are some examples of very very creative horizontal and vertical website navigations.

Horizontal Navigation

 

 


Vertical Navigation

 

Unique Single Page Website

posted on 15 Sep 2008 16:06 by sonicneo  in Design

Here are some very unique websites, most of them we can browse without refreshing the page, we can navigate them using very nice Ajax and JavaScript effects.

CJS

Lovely design with excellent color scheme, it has all page in single page, nice use of mootool JavaScript to navigate pages.

 

NOFRKS

Another great use of JavaScript to Navigate site pages with very nice design

NOVAURORA

Excellent Use of JavaScript Mootool to display portfolio and to navigate site with clean look.

Foxie

Very unique design with unique navigation style.

Dean Oakley

Browse all website pages in single page with horizontal scroll.

Kanada Portfolio

Excellent and very unique pixel based design with good use of prototype JavaScript Framework.

ethem budak

Very nice single design with all dragable object, good use of prototype JS.

lonnroth.info

Another website with all pages in single page. with web 2.0 style design.

Emrah Duzer

Single page design with JavaScript enabled Portfolio

Mitxel

Very Unique Design

jameslaicreative.com

Grunge Single page design with JavaScript enabled Portfolio

Logo Design Inspirations

posted on 15 Sep 2008 11:39 by sonicneo  in Design
สำหรับใครที่กำลังมองหาโลโก้เชิญทางนี้ครับ
 

logopond.com

LogoPond is logo design gallery with huge collection of logo designs uploaded by users, anyone can upload their design by free registration.

Faveup.com

Faveup is a simple gallery of inspirational design. Everybody gets designer’s block sometimes so it’s nice to have somewhere to go to get your creative juices flowing again. Faveup also gives credit where credit is due, rewarding great design with the respect and linkage it deserves.

Logolounge.com - Current Logo Trends

This year, however, it seems as though there has been a change in the nature of trends themselves. Instead of a hub-to-spoke relationship in which trends fan out from a central source, prevailing tendencies in logo design now seem to send out long underground runners that poke through the dirt in unrelated, unexpected places, anywhere in the world.

elogodesign.com

The design team at E Logo Design knows what it takes to deliver a brand identity just right for your business.

Lo8os.com

Lo8os is a logo gallery and graphic design community. Our goal is to share design ideas, and inspire. you can promote your work by posting it in the Gallery, Comment on other people’s work, and get feedback on yours.


Online Logo Design Tools:

Creatr

The Web 2.0 Logo Creator

ImageTool:

nline Logo Creator

edit @ 15 Sep 2008 11:40:33 by sonicneo

edit @ 15 Sep 2008 11:41:06 by sonicneo