Tag Archive | "design"

Tags: ,

Modern switch systems

Posted on 27 September 2009 by designstar

Tobias Grau, a german designer, first started in 1984 as a freelance designer in Hamburg with interior design for offices, agencies, small companies and fashion firms.

In 2008, he got a positive response for his XT PLUG&DIM collection of switches. Even if they seem less important, switches are the heart of a modern home, isn’t it? Tobias Grau’s switches collection is made of 5 main design styles: architectural, individual, elegant, decorative, classical.

Modern switchesModern electric switchesModern electric switchesModern electric switchesModern electric switchesModern electric switchesModern electric switchesModern electric switchesModern electric switchesModern electric switchesElegant electric switchesElegant electric switchesElegant electric switchesDecorative electric switchesDecorative electric switchesDecorative electric switchesClassical eletric switchesClassical eletric switchesClassical eletric switches

Source – http://www.daringideas.com

Popularity: 15% [?]

Comments (1)

Tags: , ,

25 of the Best Websites of Bands and Musicians

Posted on 26 September 2009 by designstar

Websites from various types of entertainment-related industries can often be a source of design inspiration. Bands and musicians need to have a website that is attractive to visitors and provides all of the necessary information that fans will want to find. In this post we’ll feature 25 websites for your design inspiration.

Chris Cornell
Chris Cornell

Alan Jackson
Alan Jackson

Darryl Worley
Darryl Worley

Justin Timberlake
Justin Timberlake

Anthony Hamilton
Anthony Hamilton

Francesca Battistelli
Francesca Battistelli

Rocket Club
Rocket Club

U2
U2

Daughtry
Daughtry

Death Cab for Cutie
Death Cab for Cutie

Jake Owen
Jake Owen

Zac Brown Band
Zac Brown Band

Brad Paisely
Brad Paisely

Darius Rucker
Darius Rucker

Madonna
Madonna

The Specials
The Specials

Jason Aldean
Jason Aldean

Maxwell
Maxwell

Jason Mraz
Jason Mraz

Rascal Flatts
Rascal Flatts

Tim McGraw
Tim McGraw

David Cook
David Cook

Mat Kearney
Mat Kearney

Jennifer Hudson
Jennifer Hudson

Kellie Pickler
Kellie Pickler

From http://www.vandelaydesign.com

Popularity: 13% [?]

Comments (0)

Tags: , ,

15 Must See Interviews For The Creative Community

Posted on 01 June 2009 by designstar

A selection of inspiring interviews with outstanding personalities, must reads for every freelancer, designer, webpreneur, & co. There are at least 100 things we could learn from this guys, so sit back, relax and open your creative ears :]

Evan Williams

evan 15 Essential Interviews For The Creative Community

Todd Garland

todd 15 Essential Interviews For The Creative Community

Adelle Charles

adelle 15 Essential Interviews For The Creative Community

Adriaan Pienaar

adii1 15 Essential Interviews For The Creative Community

Mike Mills

mikemills 15 Essential Interviews For The Creative Community

Collis Ta’eed

collis 15 Essential Interviews For The Creative Community

Frank Chimero

frankchimero 15 Essential Interviews For The Creative Community

Parra

parra 15 Essential Interviews For The Creative Community

Fabio Sasso

abduzeedo 15 Essential Interviews For The Creative Community

Jon Burgerman

jonburgerman 15 Essential Interviews For The Creative Community

Chris Hughes

chrishughes 15 Essential Interviews For The Creative Community

David Leggett

davidlegget 15 Essential Interviews For The Creative Community

Rob Ford

robford 15 Essential Interviews For The Creative Community

Popularity: 27% [?]

Comments (0)

Tags: ,

35 Free Dark Backgrounds

Posted on 31 May 2009 by designstar

You can use these Free backgrounds in your own website and your own projects. Download links of the full background package can be found here

Drop us a comment or suggestions about this post and be sure to subsribe to our blog for more blog post.

Clean soil

Clean soil

Radioactive honeycomb
Radioactive honeycomb

My creeper
My creeper

Metallic fine mesh
Metallic fine mesh

Scratchy wood floor
Scratchy wood floor

Chimera
Chimera

Something wicked
Something wicked

Electric noise
Electric noise

Metallic dust
Metallic dust

Clean wood alike plastic floor
Clean wood alike plastic floor

Dirty metallic floor
Dirty metallic floor

Sea of coal
Sea of coal

Old wood floor
Old wood floor

First snow soil
First snow soil

Sharpened chrome chains
Sharpened chrome chains

Ornamental jean
Ornamental jean

Armoured vehicle track
Armoured vehicle track

Frostbitten stone plato
Frostbitten stone plato

Porous metallic floor
Porous metallic floor

Crumple jean
Crumple jean

Alien ship
Alien ship

Clean jean
Clean jean

Stone lake
Stone lake

Scratchy metal
Scratchy metal

Simple wood floor
Simple wood floor

Metallic floor
Metallic floor

Electric nova
Electric nova

Soggy asphalt
Soggy asphalt

Old soaken wood
Old soaken wood

Dusty slate
Dusty slate

Chrome chains
Chrome chains

Vivid metallic floor
Vivid metallic floor

Scratchy wavy plastic
Scratchy wavy plastic

Popularity: 85% [?]

Comments (1)

Tags: , ,

100 Great Resources for Design Inspiration

Posted on 31 May 2009 by designstar

Finding inspiration is not always as simple as it sounds, whether you’ve been designing for years or only weeks. Below is a collection of 100 great web resources to find inspiration and direction on your next project, whether it be online or in print.

These range from galleries of graphic and web design to online magazines and a few unconventional sources of inspiration. Keep reading to see our recommendations and then share your favorite sources of inspiration in the comments.

Veer: Ideas - A huge idea gallery from stock photography company Veer formatted as a blog and including news and updates from the company itself.

Delicious CSS - A CSS web design gallery that was founded because of the lack of features for tracking design ideas on traditional social bookmarking sites. Categorizes sites in useful ways (such as by color) in ways that traditional social bookmarking sites don’t.

Raster - A regularly-updated gallery of photography and art with collections broken into “chapters.” Founded in 2001, its only goal is to provide inspirational images from a collective of creative minds.

CSS Galaxy - A very simple French gallery of CSS website designs that selects sites based on their standards-compliance, technique, coherent graphic design, and aesthetic.

CSS Uber Clean - A gallery of exceptional CSS-based designs. The sites featured all contain simple, minimalist, super-clean designs.

deviantART - A gallery for all types of artwork, both traditional and digital, that serves as an excellent source of inspiration for all kinds of projects. Just be careful not to get sucked in and spend three days looking through it when you have deadlines to meet!

muse - A collection of some of the best commercial artwork out there. Includes interviews with the artists who create the designs that reveal what their inspiration was.

Behance Network - Features a gallery of all kinds of creative projects including illustration, music, web design, typography, photography and more.

Depthcore - An international collective of modern art and digital media that releases chapters every three or four months featuring work contributed by members.

Designflavr - A gallery featuring all kinds of artwork and design including Flash websites, CSS websites, vector art, advertising, abstract design, photo manipulation, and more.

Web Creme - A web design gallery with more than 330 pages of great designs. Search the archives by the month a design was featured or by color.

CSS Remix - A gallery of beautiful CSS designs where you can sort designs by what’s popular or up-and-coming.

Typechart - A gallery of typography for the web with CSS styles included. You can search available styles by font, emphasis (whether something is bold, italic, etc.), type size (heading, body, etc.) and more. Also lets you compare Windows ClearType rendering and Apple font rendering.

CreativeDepart - A gallery of design, art, photography, and more with its own inspiring design. Their goal is to increase awareness of the designs they love to open up more avenues to the creators they admire. You can also submit designs you’d like to see become a part of the site.

CSS Mania - Another CSS gallery with more than 13,000 sites and a blog. View galleries by month or by topic (associations, media, web developers, blogging, etc.)

Screenalicio.us - A gallery featuring more than 10,000 website screenshots. Offers an RSS feed for keeping up with the best new website designs online.

One Page Love - An awesome collection of single-page websites. Covers portfolios, applications, and even temporary landing pages with enough information to help a visitor make an appropriate decision. Also includes searchable tags for finding inspiration from similar sites.

Design Snack - Features two different galleries, one for XHTML/CSS designs and one for Flash. You can browse designs by color or category.

Design Shack - A searchable CSS gallery with more than 1700 designs that lets you browse by category (such as blog, magazine, photography, design, etc.), layout, or color.

eduStyle - Designing websites for educational institutions is sometimes more challenging due to the volume of information and the intended audiences (after all, it has to appeal to current students, prospective students, parents, professors, alumni, etc.). This site has a huge gallery of college and university websites sorted by categories and tags, and also features articles on design and other resources.

COLOURlovers - A community-based color gallery that includes colors, palettes, news, and real-world design examples. Members get points for being active participants in the community.

Faveup - A gallery of logos, business cards, flash and CSS websites where you can vote for your favorites. One of Faveup’s main purposes is to provide inspiration to designers and to showcase and provide links to great designs.

CSSclip - Sort websites by color or look at the Best of 2009 websites. The site also includes news and other resources for designers.

InspirationKing - Another gallery that started as a personal resource before going public. Offers an RSS feed and features a number of well-known websites in its design gallery.

Ads of the World - Check out print, TV, radio, online, outdoor and other types of advertisements from all over the world to get inspiration for both online and offline design projects.

Design Flood - Vote on a scale of 1-9 on the sites featured in this gallery or just browse for new ideas. All the sites featured are handpicked for being unique and well-designed.

Darkeye - Web design gallery where you can search by color or keyword. You can also browse recent submissions, most viewed, and highest rated sites, and you can vote and leave comments on featured designs.

TextureKing - More than 300 textures divided up by category—grunge, plaster, rust, wood, glass, and more. You can then download the textures as free stock photos.

The Cool Hunter - A gallery of all things awesome, including architecture, design, stores, and more based in Australia. The site serves as a celebration of modern creativity in all its forms and is a global hub for everything cool, innovative, original, and thoughtful.

UniqueCSS.com - A judged site that features six of the best and most unique CSS designs on the web every month. Viewers can then vote and the highest-ranked site each month wins $25.

CSS Import - A CSS gallery with more than 2,000 sites featured. They offer RSS feeds for the full gallery and for just the notable entries. The biggest drawback to the site is that the archives are only organized by date.

csstux - A huge collection of websites with browsable archives. There is no search feature on the site, so while designs are tagged with categories, there’s no effective way to find designs tagged a certain way.

UCreative.com - View graphic design, photography, web design, digital art, and industrial art galleries. Each category has subcategories to further refine your search.

CSSArtillery - Great standards-compliant CSS sites from all over the web. The site is browsable by category and subcategory and also offers RSS and Twitter feeds.

One Pixel Army - A collection of sites perfect for finding inspiration or direction in your own designs. All the sites featured are handpicked by the site owner as excellent sources of inspiration.

Splench - A gallery in a blog format that makes browsing easy. You can view sites by color or search by keyword. An RSS feed is also available.

Website Design Awards - Features some of the best designs on the web with a focus on interactivity, usability, creativity, and originality.

CSS Design Yorkshire - A gallery of more than 2,500 CSS website designs that also has monthly featured websites. All of the designs featured are by designers in the Yorkshire region and all sites are built with good semantic xhtml.

CSSMoon - View web design galleries by category—education, business, portfolios, medical, and more. The coolest part about this site is the header, which allows you to browse sites in a similar way to browsing album covers on the iPhone.

css {imagine} - A huge gallery with a blog that features outstanding designs and other useful posts. They normally showcase ten designs each month, though some months they share additional sites if there are tons of excellent submissions.

Pattern Tap - One of my favorite resources for web design inspiration. View the way other sites handle specific elements such as 404 Pages, Backgrounds, Calendars, Contact Forms, and more.

PageCrush - A place where designers from all over the world can post their best work and where others can go to find inspiration.

The Photography Showcase - View and rate photos of a variety of subjects. The tag cloud makes finding exactly what you’re looking for easy and the site offers a widget you can add to your own site.

Stylegala - Though currently going in a new direction, this site has an amazing gallery of CSS website designs, as well as a forum, resources, and feature articles.

unmatchedstyle.com - A web design gallery site that also includes podcasts, resources, interviews, news, and more. They also offer an RSS feed and you can follow them on Twitter for regular updates. The sites featured are tagged and can be rated on a scale of 1-10.

CSS Scoop - View and rate CSS designs and check out the blog for web design articles covering a variety of topics. RSS feeds are provided for both the gallery and the blog (”The Scoop”).

Beautifully - A regularly-updated gallery of beautiful websites. They also offer weekly web design news roundups and RSS feeds for the gallery, news, and resources.

DiVine CSS - A gallery that features blog designs, CSS, Flash, e-commerce sites and more. Sites are selected by the team of graphic designers, web designers, programmers and developers behind DiVine CSS.

Light on Dark - A gallery of nothing but websites with dark backgrounds and light-colored text. This can be one of the hardest design styles to pull off, so studying successful sites that employ this style is a good place to start.

Wooki.es - A CSS and general web design gallery with browsable categories. Sites featured are excellent examples of innovative and creative uses and are web standards compliant.

CSS Dance - A web design gallery showcasing appealing site design with a rating system. They offer an RSS feed of new additions and you can follow them on Twitter.

CSS Mix - Gallery sortable by color or category and with a rating system and RSS feed. Members can also view sites that are still pending for addition.

CSS Nature - A gallery featuring only green, eco, and organic websites. They also offer open source templates and the ability to comment and rate designs.

 

Blogs

Web Designer Wall - The Trends category on Web Designer Wall has amazing showcases of web design elements and complete sites.

Web Design Ledger - The inspiration category on this blog has tons of places to go for inspiration and showcases beautiful examples of all kinds of design.

Computerlove - A social platform and blog for finding inspiration and sharing your work. They offer design news as well and ways to promote yourself as a designer.

Design is Kinky - A blog featuring new designs and artwork from all over the world. They’ve been around for more than 10 years, making them one of the older design blogs/sites on the net.

DFCKR - Tracks design news and resources and highlights up and coming illustrators and designers. Their archives are browsable by recent entries, date, and category.

You the Designer - Posts featuring examples of excellent design across the web and beyond put together by a freelance graphic designer.

Think Vitamin - A blog for web designers and developers that includes some great design galleries and articles. The site is put together by Carsonified, the same company that produces the Future of Web Design and Future of Web Apps conferences.

Vandelay Design - Features multiple posts showcasing great designs for inspiration. The blog itself is produced by a web design company in an effort to make their site more useful than just the standard portfolio site.

Design Shard - Blog featuring inspiration for print and web design, with a pretty inspiring design itself. It also features other resources for designers, including free photoshop textures and brushes.

I Love Typography - Great inspiration for anyone trying to find just the right font, this site showcases fonts and typography in the world around us, from road signs and shampoo bottles to billboards and posters.

Noupe - Posts offering collections of design elements for inspiration along with tutorials, icons, showcases, and more. Noupe’s goal is to help designers create more engaging websites and functional interfaces.

Six Revisions - Posts covering all kinds of design topics and including a variety of sources of inspiration and useful tools. Includes practical information for modern web designers.

Design Reviver - Offers a variety of articles, including showcases of great design and design elements. They also include tutorials, free downloads, and articles covering anything related to web design.

fadtastic - A multi-author blog covering trends in web design with some great showcase posts. Posts cover trends in web graphics, typography, and more.

Design Melt Down - Covers all sorts of design elements and trends, broken down into chapters. Includes color usage, principles of design, site types and more, all illustrated with real-world examples.

Fuel Your Creativity - A brilliant design blog with some amazing articles in their inspiration section. They tout themselves as the place to go when you’re having one of those “I’m-going-to-implode-if-I-don’t-get-an-idea-soon” moments.

Typographica - A blog featuring typography news, resources and more. They feature mostly print materials that display excellent use of typography, though inspiration could be drawn from here for both print and web applications. Their handpicked font collections showcase the best fonts each year (four years are currently available, 2004-2007).

 

Online Magazines

Phirebrush - Online magazine and art group offering monthly issues that feature user submissions of photography, artwork, writing, and more.

Multilink Magazine - A free PDF magazine that has issues released on an irregular schedule as they’re ready with variable content.

GizMag - A PDF magazine that features photography, illustration, design, sculpture and more, as well as interviews with artists.

Destructed - A PDF magazine featuring art and design with themed issues that can be downloaded for free. Each quarterly issue features a unique art- and design-related topic.

delve - A free, experimental design magazine with archives available online that features photography, design, illustration and other visual arts.

ROOTmagazine - Features graphic design, illustration, photography, video, audio and other content from everybody willing to exhibit.

RevolutionArt Magazine - Magazine focusing on art as well as culture with over 70,000 subscribers. They cover the arts, modeling, music and more and consider themselves a massive worldwide propaganda machine for making people think about global messages.

Artz Mania - A downloadable design magazine featuring international artists and designers that started in January of ‘07. They showcase designs by artists and designers from all over the world distributed on a platform that’s accessible to people from all walks of life.

encore - A flip-book format online art & design magazine with a very slick interface. They focus on art, design, and film and track down innovative products, events, trends, and artists from around the globe each month.

Castle Illustrative Magazine - A free PDF magazine full of work by “creative nerds.” They put out regular issues focused on free illustration and design. Back issues are available on the website.

Anti - A digital magazine showcasing outstanding art and design content. Eight issues are currently available for free download.

Blanket Magazine - A free PDF magazine covering all areas of art, design, and photography. Each issue also features humorous stories and informative interviews.

Proteus Mag - Features photography, painting, sculpture, graphic designs, fashion designs, and more in a free PDF magazine.

bitFUUL magazine - A PDF magazine that covers all aspects of art and design including music, photography, writing, and art.

WAG - Features “works-in-progress” in art, expression, literature, and more. They aim to be available in paper for some editions, though for the most part they are a screen magazine.

ruby mag - An art magazine that aims to promote different artists to the world. More than thirty back issues are available on the website.

Phase Collective - A downloadable digital magazine that’s currently undergoing a changeover to a blog format. Back issues are still available for download.

TXTnein - A free art magazine available in PDF, Flash or executable files for both PC and Mac. Submissions are open to graphic designers, photographers and artists from all over the world.

File - Online photography magazine with a focus on unexpected treatment of subjects. Photographs that treat their subjects with alternate takes, odd angles, and unconventional observations.

Computer Arts - An online magazine that includes a gallery, forums, creative directory, news and more. The creator of the site, Future, publishes more than 100 consumer magazines worldwide.

JPG Magazine - An online magazine devoted to photography with themed issues. Visitors to the site can vote on photos for upcoming issues. They have open themes where photographers can submit work and which may or may not be featured in future issues.

Flickr Pools

CMYK design - A collection of photos of print designs. This is definitely the pool to look at if you’re looking for inspiration for package or marketing materials design.

Web Design - A pool of website screenshots with more than 7,000 items uploaded. There are examples of just about every kind of web design present, some with multiple screenshots available.

Experimental Graphic Design - A collection of more than 17,000 graphic design images that don’t necessarily fit traditional design conventions.

Poster Design - View more than 10,000 poster designs from all over the world. Great for inspiration whether you’re designing an actual poster or any other print or online project.

Design the Logo - A graphic design pool focused specifically on logo design. Features well-known logos as well as ones for lesser known brands and companies.

Graphic Design Magazines - A selection of photos from magazines focused on graphic design. Shows layouts and specific elements from magazines from all over the world.

Photo-Graphic Design - A pool of graphic designs revolving around the use of photos. Some items from the pool are very straight-forward examples of photo-based design while others are truly original and creative designs.

Catchy Colors - A pool of photos focused on eye-catching color with more than 1.3 million items. Pulling colors from photos is a great way to design a unique color palette for any design project.

flickr in full color - Another photo pool focused on brilliant use of color in photography. While there are only around 99,000 photos in this pool (as opposed to the 1.3 million in the previous pool), the quality of the images is outstanding.

Popularity: 100% [?]

Comments (6)

Tags: ,

21 Free Web Tools For Web Designers

Posted on 31 May 2009 by designstar

This is one of the very best list of its kind where you can find the simplest online web designer’s tools that are developed for designers and may be very helpful for you as well when you want to get your work done or just for fun. I hope web designers will like this list, but you can also use them and will love them whether you are an office worker, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 21 Free And Useful Web Tools For Web Designers. Just take a look at them and share your thought’s here.
Pixlr

Pixlr is a free online image editor, jump in and start edit, adjust, filter.

Stripemania
Stripemania is a simple and free web 2.0 tool to create seamless diagonal stripes for your designs. You are able to choose the size of the stripes and the spacing between those. You can even add color gradient effect for all of your stripes.

FreshGenerator
FreshGenerator is a webdesign tool which can create interesting graphic elements used in many web 2.0 sites.

ColorSchemer ColorPix
ColorPix is a useful little color picker that grabs the pixel under your mouse and transforms it into a number of different color formats. You can use the built-in magnifier to zoom in on your screen, click on a color value to copy it directly to the clipboard, and even keep ColorPix on top of all other apps and out of the way.

Photoshop.com
This is your online photo sharing, editing and hosting resource. You can upload, organize, edit, store (up to 2GB free) and share your photos.

Are My Sites Up?
Are My Sites Up is a very simple service to help you keep an eye on your sites and warn you if they go down.

PatternCooler
Add your own colors to contemporary and retro pattern designs, or browse from thousands of pre-colored patterns in the seamless pattern background library. All artworks on this site can be used freely on personal blogs, mobile phone wallpapers, MySpace profiles and non-commercial web projects.

Kuler
Adobe Kuler is the web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.

Browsershots
Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service. A number of distributed computers will open your website in their browser. Then they will make screenshots and upload them to the central server.

RoundedCornr
This online tool generates HTML/CSS code and images to decorate your Web site with rounded corners and gradient.

Picreflect
Picreflect helps you to give the reflection on any image, to resize your image, to make them tranparent or rotate them to any angle.

WhatTheFont
For using WhatTheFont font recognition system, Just upload a scanned image of the font and instantly find the closest matches in their database.

Resize Image
This free service will help you to re-size your images with basic and advanced options.

Wordoff
Wordoff is simple and useful web tool that lets you remove unnecessary tags and styles from HTML code.

SUMO Paint
SUMO Paint is an online image editor. This is an easy to use professional tool for creating and editing images within browser.

CSS Layout Generator
This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.

Wix
With Wix you can create a free website or make free MySpace layouts and Flash MySpace layouts. It’s the simpler, faster, better way to build & design on the web.

net2ftp
net2ftp is a web based FTP client. It is mainly aimed at managing websites using a browser. Edit code, upload/download files, copy/move/delete directories recursively, rename files and directories — without installing any software.

Color Wizard
The color wizard lets you submit your own base color, and it automatically returns matching colors for the one you selected.

splashup
Splashup is a powerful editing tool and photo manager. With all the features professionals use and novices want, it’s easy to use, works in real-time and allows you to edit many images at once.

BgPatterns
This is a web based tiled backgrounds designer, you can create any pattern your site needs just in few minutes. Adjustable size, pictures, colors, texture and transparency is available.

Popularity: 50% [?]

Comments (0)

Tags: ,

130+ Tools to Make You a Faster Designer

Posted on 31 May 2009 by designstar

Whether you’re just starting out and need a drag-and-drop builder or you’ve been coding for years and need tools to help you be more efficient, there’s something on this list for you. Here are over 130 tools to make you a better and faster designer. Feel free to add more in the comments.

Beginner Resources

YAML Builder - Easy to use YAML (Yet Another Multicolumn Layout) XHTML/CSS site layout builder.

Sky CSS Tool - JavaScript CSS authoring app.

The Box Office - CSS formatting tool for wrapping text around images.

CSSTXT - Online CSS text style generator.

izzyMenu.com - Free CSS menu builder.

pForm - HTML form builder.

Roxer - Drag and drop website creator.

Wirenode - Create your own mobile websites.

doodlekit - Online website builder and CMS that includes a form builder, PayPal shopping cart, interchangeable layouts & graphics, and a built in stock photo/image repository. Has both paid and free plans.

dotemplate - Template site that allows you to customize templates before downloading them.

templatr - Online tool for creating website templates.

Agency of Record - A website design and hosting platform for creative professionals.

Typechart - Browse different typefaces and styles and grab the CSS of the ones you want.

CSS Type Set - Create custom CSS type styles with this tool.

CSSType - Experiment with Web safe typography and then get the CSS for it.

CSS Builder - Generate stylesheets on the fly and then copy the code for your site.

Firdamatic - A free tool to create tableless 2- or 3-column blog designs.

PsycHo - A blog template creator.

folionow - Easily and affordably create websites for yourself or others.

CSStxt - Create custom CSS text styles.

Viviti - Easy to use website builder.

ComfyPage - Easy to use, free website builder that lets you customize a template and add as many pages as you want.

LetsEat.at - Free website builder and hosting for restaurants that includes customizable menus, daily specials, printable coupons, and more.

webon - Free, ad-free website builder that lets you have a blog, photo album, video gallery and more.

infogami - Create a website with one-click editing, customizable templates, and more.

edicy - Create a website and publish it on your own domain.

Jimdo - Create your own website with as many pages as you want and integrate images, video and more.

Webnode - Create a personal or business website for free with drag and drop technology, tagging, and free hosting.
iompi - E-commerce website builder.

easysite.com - Website creator that includes photos, videos, blogs, and includes free telephone support.

myfamily.com - Free family website creator with unlimited storage space.

MomentVille - Free wedding website builder.

SeeYouThen! - A wedding website creator that includes a high-res photo exchange, private messaging, guest profiles, and more.

GoHoster - Another free website builder that includes a subdomain.

BlinkWeb - Free website builder with drag and drop functionality and e-commerce options.

Macrocasa - Website builder for the real estate industry that includes an agent messaging system and client management features.

Pixie - A free, open-source website creator that includes an intuitive interface and easy installation.

Squarespace - A powerful website creator that includes XHTML validation, WYSIWYG editing, a blogging platform and more.

NicEdit - Cross-platform content editor that lets you edit the content of your website right in your browser.

WordPress Theme Generator - Create your own completely custom WordPress theme with this online tool.

Resources for More Advanced Users and Professionals

CSS Superdouche - Strip unneeded content and redundant calls from your CSS, reducing its size and complexity.

Code Beautifier - Format and optimize your CSS code.

CSSFly - In-browser editing of (X)HTML and CSS.

CSS Drive CSS Compressor - Decrease your CSS file size and loading speed with this tool.

Clean CSS - Another CSS optimization tool for reducing your CSS file size.

EM Calculator - Converts your pixel-based sizes to em units for more scalable and accessible CSS design.

CSS Redundancy Checker - Eliminate unused CSS selectors automatically as well as check for redundancy in your CSS files.

GrayBit - Accessibility testing tool that displays a full-color Web page in grayscale.

ProtoShare - Create a clickable website prototype and get feedback, ideas and suggestions from your team members.

Most Sliced - A directory of image slicing services that includes reviews and ratings from users.

Inserit - A code-free CMS for Web designers.

LightCMS - A CMS for Web designers that lets you create websites your clients can manage themselves.

clickbooq - A website creation and portfolio management tool.

jumpchart - Website planning app that lets you export clean CSS/XHTML.

inblogit - A blogging tool for Web designers that can be integrated into any website design.

Reflect - A website platform and hosting service for Web designers that lets them and their clients create and manage websites.

Carbonmade - An online portfolio site for designers with free and paid plans.

ThemesPress - Automatically convert your template files into WordPress themes.

Feng GUI - Generates heatmaps for your website by simulating human vision during the first five seconds of viewing your website.

Text Generator - Generates lorem ipsum-like text.

webvanta - Free business website builder and hosting aimed at providing design professionals a quicker way to build websites.

Tuplix - Easy to use website authoring tool that works for new or existing websites.

FolioSnap - Website portfolio builder for creative professionals.

Frontfriend - CMS for designers that lets them build forms and templates and then lets their clients fill in their own information.

Graphics, Page Elements and Design Tools

ScrnShots - Host, share and tag your screenshots.

flickrSLiDR - Create and embed a flickr slideshow on your website or blog.

websnapr 2.0 - Online tool for capturing thumbnail of websites.

StyleIgnite - Design snippets (CSS, HTML, and more) for contact forms, layouts, and more that you can use on your sites.

BgPatterns - Background pattern creation tool with live preview.

The Effect Generator - Create animated slideshows, buttons, and more with this tool.

The Color Wizard - Submit a color and this tool will bring back matching colors.

ColorJack - A color scheme gallery that also explores color theory.

My cool button - Web 2.0 button creator.

[ws] Color Scheme Generator 2 - An easy to use color scheme creator.

Cornershop - Get the CSS and images to put rounded corners on your website.

CSSround - Another tool to create rounded corners on your website.

Color Hunter - A color palette creation tool that lets you pull color palettes from images.

Web Graphics Maker - A free tool to create backgrounds, lines and bullets for your website.

As Button Generator - Free Web button creator.

Picreflect - A free tool to create reflections for your photos.

Bradicon! - Create icons from any image.

TabCreatr - Create CSS tabbed navigation for your site.

List-u-Like CSS Generator - A tool to create list-based navigation bars.

text2PNG.com - Convert text headers and navigation to PNG files.

IconsPedia - Free, huge collection of icons.

Genfavicon - A free favicon generator.

QuickRibbon.com - Create custom ribbons with or without links for your site.

Glassy Buttons - Create custom glassy style buttons.

Website Ribbon Generator - Create free ribbons for your site with or without hyperlinks.

4096 Color Wheel - A color scheme generator that shows you Web-safe, Web-smart and unsafe colors.

Web 2.0 Free Logo Generator - Create your own custom Web 2.0 logo.

colordb - Another color palette generator, though this one is much more in depth than most.

colorcombos.com - A huge library of color combinations.

ColorToy 2.0 - A Flash-based color palette generator.

Accessibility Color Wheel - Check the readability of your background and text color combinations. This tool will tell you if there is enough contrast between the two.

Artypapers Buttons - Customize buttons and collect them on your website.

freshbadge - Create Web 2.0 badges for your site.

Favicon Generator Tool - Free favicon creator from Dagon Design.

Favicon Generator - Another free favicon generator.

favicon maker v1 - A free, basic favicon creator that lets you create a favicon from scratch or an existing image.

Stripe Designer - Create background stripes for your website.

Favicon Tool - A free and easy to use favicon generator.

Favicon Generator & Gallery - Create your own favicon or browse those created by others.

Web Script Lab Favicon Generator - Another free favicon generator.

Ajax Loading GIF Generator - Easy to use loading gif generator.

Loader Generator - A tool to create loading spinners.

Gradient Image Maker - A free tool to create image gradients.

Rainmaker - Tag cloud creator.

favicon.cc - Another free favicon creator.

FavIcon from Pics - Create a favicon from an image.

TagCrowd - A free tag cloud creator.

ConvertIcon - Converts ICO to PNG and vice versa.

My Timelines - Create AJAX timelines for your blog or website.

Cymbolism - A color tool that includes information on what emotions and words are associated with different colors.

Color Palette Generator - A tool that creates a color palette based on an image you upload.

Wordle - Create word or tag clouds from any text.

Screedbot - Create animated scrolling text.

Badged.net - Create badges and add them to your website.

Form Style Generator - Create your own CSS-styled Web forms.

reflectionmaker.com - Creates image reflections.

blogsticker - A social sticker directory.

Instant Eyedropper - Grab the color code of any color on the Web with a single mouse click.

Inspiration, Collaboration and Other Resources

FullSingle - A gallery of really awesome single-page websites.

We Love WP - A showcase of WordPress powered websites (not just blogs).

One Page Love - Another showcase of great one-page websites.

Screenalicio.us - A Web design gallery with more than 10,000 screenshots.

CSS Mania - A gallery of almost 12,000 CSS website designs.

The Best Designs - A huge showcase of Web designs and designers.

Pattern Tap - Design gallery of different website elements (headers, 404 pages, and the like).

eduStyle - A Web design gallery specifically featuring academic websites.

finalcrit.com - Free portfolio site for designers.

Should Redesign? - Get feedback on whether or not a redesign is needed for your site.

Designflavr - Design galleries for all sorts of artwork, including Flash and CSS websites.

View - Showcase of website that can be sorted by color or other criteria.

InspirationKing - A searchable gallery of websites for inspiration.

DesignerSource - A website design gallery that is browsable by topic or color.

BestWebGallery - Tagged website design showcase.

StyleVault - Another Web design gallery that lets you rate designs.

Popularity: 54% [?]

Comments (2)

Tags: , , ,

Super Icon Pack – 1,494 Icons

Posted on 31 May 2009 by designstar

“Super Icon Pack” for your downloading and development pleasure.

I have scowered the internets for a while now collecting the best .png icons I could find. I use icons a lot in my site development and I always love having tons of them on hand. The only problem is, most of the packs I have found only have 10-15 icons in them and 2 or 3 that are useable.

I have gone through hundreds of packs and deleted all of the crap, only to be left with the best icons I could find. They are organized by size and are all transparent .png files which makes life very easy. There are 1494 total icons in this super pack.

As a bonus I threw in all of my “Social” icons as well because I know how much we all love to be followed. Below are some examples of the icon styles.

Large Icons (186)
large

Medium Icons (629)
medium

Mini Icons (505)
mini

Bonus Social Icons, All different sizes (174)
social

Popularity: 49% [?]

Comments (0)

Tags: ,

25 Tutorials for Advanced Freelance Web Designers

Posted on 15 May 2009 by designstar

In the world of web design, a good tutorial can literally be a godsend. But it’s often hard to find a suitable tut, and sometimes it seems like we’re just stuck reading the same stuff over and over again.

When it comes to advanced design, finding the right stuff can be even harder. Advanced effects require a much more in-depth tutorial, and often writers aren’t willing to go into the detail needed.

To help the situation, we’ve tracked down some of the best articles written by the web’s top designers. Here are 25 tutorials for advanced web designers:

Advanced Web Design Tutorials

Trendy Geometric Lines

Learn how to create the popular geometric line effects used in web and print design.

Mastering Keyboard Shortcuts

Keyboard shortcuts are a must for anyone in advanced web design, and this tut has enough information for even the most seasoned pro.

Create a Dream Design with 3D Typography

Create 3D organic text and an accompanying design with this excellent tutorial.

9 Information Design Tips to Make You a Better Web Designer

Learn how to base your website’s visual presentation on a solid information architecture.

Grid Masking

This tutorial explains how to create a grid masking effect that can be used in print media or on the web.

Simple jQuery Spy Effect

Create a simple jQuery spy effect like that used in the Digg Spy tool.

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

How to create a single layout and then transform it into multiple different designs using png transparency.

5 Ways to Spice up Your Images with CSS

From captions to stylish borders, this tutorial shows you how to use css to spice up your images.

The Grid System

Almost every grid-related resource imaginable in one place — including tutorials, sample files, and more.

How to Mimic the iGoogle Interface

A very detailed tutorial for creating a design that mimics the interface used in iGoogle.

Create a magical rainbow color flame in Photoshop

Learn how to create a ‘magical’ flame with multiple glowing colors.

CSS Gradient Text Effect

Create a gradient effect using only CSS and text. No need to remake every image for glossy headlines anymore.

Writing an Interface Style Guide

This article by ALA gives good reasoning and good instructions for creating an Interface Style Guide for your websites.

7 Principles of Effective Icon Design

Quickly become an icon design pro by following these principles of effective icon design.

Enhance Your Web Development Using the Firefox Web Developer Extension

The Web Developer Extension for Firefox is probably in any advanced designers toolbox, and this article provides 9 more ways to use it to your advantage.

A Simple Guide on How to Effectively Talk to Clients

A simple set of instructions for dealing with clients — for those unfortunate times you’ve got to pull away from work to deal with them.

Creating a Techno Background with Illustrator and Photoshop

Several background experiments that could come in handy with web design.

Rapid prototyping in Fireworks CS3

A quick guide to using Fireworks CS# for rapid prototyping purposes.

Elements of Great Web Design: The Polish

Learn how to improve any design by focusing on the finishing touches.

Premium Wordpress Theme Design — The Mock Up

The first part in a series on creating a premium Wordpress theme.

Creating a Hand Drawn Website Layout

Learn how to create a trendy hand drawn layout using photoshop and several custom brushes.

Advanced Glow Effects

Learn how to create advanced glow effects on lines or text.

Trendy Circle Brush in Photoshop

Creating a trendy circle brush in Photoshop is easier than you might think.

Build a Sleek Portfolio Site from Scratch

Learn how one of the web’s top designers creates a portfolio site from start to finish.

Popularity: 45% [?]

Comments (0)

Tags: , ,

25 brilliant wine label, bottle & package designs

Posted on 15 May 2009 by designstar

If you’re like me a wine lover, this article will be the tastiest you will have seen on designstar. Unfortunatly I’m not a wine expert, so I often rely on the bottle’s label design when it comes to picking my future drink. Following is a list of wine that I could have picked based on their design at the store.

frank b wine packaging

Frank B, label with a customizabe message, designed by Talia Cohen.

mas romani packaging

Mas Romani label designed by Gabriel Morales, good use of patterns and colors.

condamine wine packaging

Nice concept by Hanna Backman.

killibinbin wine label

Do you like vintage movie posters? Then you’ll like these Killinbinbin labels.

sav wine packaging

White space makes its way on a wine label, thanks to Stockholm Design Lab.

vinaceous wine packaging

Wine labels based on circus characters, great work by Public Creative.

zull wine design

Colourful wine packaging for Zull.

wine case lamp

Wine box that turns into a lamp, by Ciclus.

magpie estate

Another vintage looking design by Mash.

esule wine labels

Mash does it again, comics-like wine labels.

logan wine labels

Logan wine, with embroidered labels. Lovely work by War Design.

elk and wolf wine bottle

Beautiful looking typography, illustration and bottle by Elk & Wolf. Designed by Social UK.

sicani wine packaging

Sicani wine bottles, also by Social UK.

boxhead wine

Boxhead bottle, creative label pattern with cute illustrations and type by Mash.

mc lean

Nice and original box and bottle design by Hatch.

moral compass wine label

Also by Hatch, the cool illustrated labels for the Michael Austin wine.

sohne vineyards

Sohne Vineyards, big typography for a strong branding, designed by Ned Wright.

molly dooker

Molly Dooker, more great illustrative labels by Mash.

five rows

Five Rows, more traditionnal label with handwitten text and abstract design by Insite Design.

root wine

Going to the roots of wine labelling with Turner Ducksworth.

coppola wine

The Francis Ford Coppola’s wine encyclopedia sent some fine looking bottles to the fine people at NotCot.

oriel wine 25 brilliant wine label, bottle & package designs

Oriel Wine, gorgeous bottles by the talented Julia Hoffmann.

magnificent wine

Huge type for magnificient wines, lovely.

shefa wine

Who said awesome? Sheva wine bottles by Nine99 Design.

churchill wine

Beautiful black and white labels for Churchill’s wines.

Popularity: 74% [?]

Comments (0)

Advertise Here
Advertise Here