Archive for Fonts

The Most Awesome Resource List – 4 Webmasters

// March 3rd, 2009 // No Comments » // Admin Tools, Blogging, Cool Links, Cool Websites, Design, Design Resources, Featured, Fonts, For Geeks, Free Logo Templates, Geeks, Graphic Design, Graphics, I recommend, Icons, Rss Feed Icons, The Best of.., Tutorial, Useful, Wordpress, free, icon sets, web tools, webdesign, webmaster


BADGES

Web 2.0 Badges – A set of free badges to download and use in your own designs.

Fresh Badge – Quickly generate your own badge.

adClustr – Starburst badges.

Deziner Folio – A collection of different badges.

BittBox – Free vector badges.

Official Seal Generator – An alternative to the typical badge.

Photoshop Tutorial – A quick lesson on making your own badge.

Glossy Photoshop Tutorial – Create a glossy badge with this tutorial.

BUTTONS

mycoolbutton.com

My Cool Button – A nice online tool that will help you to quickly create the button that you want.

Adam Kalsey’s Button Maker – Simple tool to make your own buttons.

Button Maker from Blog Flux – Create your own custom button.

Brilliant Button Maker – A similar button maker to the previous 2.

CSS Buttons – Choose the text, border, and background.

Buttonator – A paid option for creating buttons.

RSS Button Maker – The name pretty much says it all.  

Button Boost – A little bit different than some of the other button generators.

ButtonGenerator.com – Create buttons for navigation menus.

Crystal Button – Slick web buttons made easy.

Chicklet Creator – Create buttons that allow visitors to subscribe in their feed reader of choice.

elegantthemes.com

ROUNDED CORNERS

Rounded corners are a staple in web 2.0 design. Here are some tools and scripts that will help you to quickly create your own rounded corners.

2009-03-03_142329

RoundedCornr

Corner Shop

Spiffy Box

Canvas Corner

Spanky Corners

Sliding Doors Text Box

Smart Rounded Corners

Rounded Corners in CSS

News List

LOGOS

Each of these tools will create a simple web 2.0 style logo.

Logo Creatr

Web 2.0 Logo Creator

Web 2.0 Logo Creatr

Web 2.0 Logo Creator

Web 2.0 Stylr

ICONS

A web 2.0 site can’t ignore icons. Here are some free collections of icons to use in your own projects.

Web 2.0 icons

UtomBox – A great collection of web 2.0 icons.

Feed Icons – The standard RSS icon.

Map Icon Factory – Create your own map icon.

Perishable Press – A nice collection of RSS icons.

Glass Style RSS Icons

Snap2Objects – Vector RSS icons.

31 Sources of Quality, Free Icons

GRADIENT IMAGES

Another common element of web 2.0 is gradient images. Here are a few tools to help you.

Gradient Image Maker

grsites.com

GRSites Gradient Generator – use this generator to create a gradient background, the possibilities are endless and it’s super easy to use.

Online Gradient Image Maker (OGIM)

SPEECH BUBBLES

Speech bubbles are commonly used for styling comments or blockquotes.

Speech Bubbles from Will Mayo

Will Mayo

Bubblesnaps

CSS Play

XHTML Speech Bubbles

WigFlip

Fluid CSS Speech Bubbles

MySpace Speech Bubble Generator

Photoshop Tutorial

BACKGROUND IMAGES

Background Image Maker – Create background images with choices like transparency and gradients.

Stripe Generator 2.0 – If you’re looking to add a striped background to an element on your page, you can use this tool to customize the look you want.

Stripe Designer – Easily create striped images.

Tartan Maker – Create a tartan background image.

Texture Generator – Creates textured images that you can use as a background.

All Free Backgrounds – Choose the background you want.

COLORS

The Colors of Web 2.0 – Are you looking to match the color of a popular web 2.0 site?

Web 2.0 Color Pallete – Popular web 2.o colors.

Color Schemer Gallery – Having problems choosing a color scheme? Find one you like in this gallery.

COLOURlovers – More samples of color combinations.

Website Color Picker – Test color combinations quickly.

I Like Your Colors – Get the colors used by a particular site.

NAVIGATION

CSS Menu Generator – Easily create attractive CSS menus.

Listamatic – Collection of CSS menus.

List-O-Matic – Create your own CSS menus.

List-U-Like – Another tool to create your own navigation bars.

Tabs Generator – Create tabbed images for navigation.

Flash Buttons – Create navigation menus with flash buttons

CSS Play – An extensive collection of CSS menus.

Exploding Boy – Tabbed CSS navigation menus.

CSS Navigation Menu Generator – A tool to help you create your own menu.

FAVICONS

Favicon Generator – Create your own favicon from an image on your computer.

Favicon from Pics – Create a favicon from a photo.

Favicon Editor – Upload a photo, create a favicon.

Favicon.cc – Another option for favicons.

Photoshop Tutorial – Creating a favicon with Photoshop.

CHARTS

PHP/SWF Charts – Create attractive charts.

amCharts – Flash charts.

elegantthemes.com

OTHER

Avatar Maker – Create and edit an avatar.

Shrink Pictures – Create an avatar from your photo.

ScaleNine – Collection of skins and themes created for Flex and Adobe AIR.

VectorMagic – Converts bitmap images to vector art.

Templatr – Create a layout.

PsycHo – Blog template generator.

Web 2.0 Generator – Creates layouts.

Typetester – Compare fonts on-screen.

BlogPoll – Create a free poll for your blog.

RSSxl – Convert an HTML page to RSS.

Meta Tag Generator – Easily create meta tags for your pages.

URL Rewrite – Create search engine-friendly URLs for dynamic pages.

.htacces generator – Quickly create an .htaccess file.

Thumbnail Generator – Create thumbnails for a large amount of images.

Reflection.js – Adds reflections to your photos.

Drop Shadow – Improve your images with a drop shadow.

CSS Sprite Generator – From Website Performance.

Vecteezy – Stupid name. Cool vectors.

Brusheezy – Photoshop brushes.

PSBrushes.net – More Photoshop brushes.

deviantART – Photoshop brushes at deviantART

WooThemes - Finally a themes club that is here to stay

Free PSD Resources- Site List

photoshopfiles.com

officialpsds.com

psgalaxy.com

freepsd.com

designbum.net

deviantart.com

psdfreebee.com

toptut.com

downloadpsd.com

photoshopcandy.com


Sketchbook Scribble Brushes by ~InvisibleSnow on deviantART


cool brushes by ~XxMortanixX on deviantART


Urban Scrawl Photoshop Brushes by ~InvisibleSnow on deviantART




Designer Love – Cool WebSites for Designers

// January 4th, 2009 // 3 Comments » // Blogging, Code, Cool Links, Cool Websites, Design, Design Resources, Featured, Flash, Fonts, For Geeks, Geeks, Graphic Design, Graphics, I recommend, Icons, Photoshop, Rss Feed Icons, The Best of.., Useful, Wordpress, web tools, webdesign, webmaster


Here you’ll find a huge list of useful websites for web designers and bloggers..Enjoy! Add your own useful links in the comment section! Links and screenshots of some of coolest resource sites for designers and bloggers including Free fonts, Icons, Templates, CSS inspiration, Graphics, Hex color schemes, Vector graphics, Design blogs and Mags.

colourlovers

Find design inspiration with thousands of palettes and color schemes to fall in love with. Influence color trends by rating, commenting and sharing.

(more…)




YES! The best Webdesign Tools Online

// November 14th, 2008 // 6 Comments » // Admin Tools, Blogging, Cool Links, Cool Websites, Design, Design Resources, Fonts, Graphic Design, Graphics, Headline, I recommend, The Best of.., Useful, web tools, webdesign, webmaster


Cool Design Tools to make you a better and faster designer.

Feel free to add more in the comments.

  • CSS Type Set – Create custom CSS type styles with this tool.
  • 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.
  • 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.

  • [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.

  • Favicon Generator Tool – Free favicon creator from Dagon Design
  • 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.
  • 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.


[RAW]

[/RAW]

My Personal Favorite Design Blogs & Sites

Blogs about Design and Blogging

Top 25 Blogs About Blogging..

  1. Problogger
  2. Copyblogger
  3. John Chow
  4. Quick Online TipsDaily Blog Tips
  5. Lorelle on Wordpress
  6. Dosh DoshPerformancing
  7. Weblog Tools Collection
  8. Blog Herald
  9. Blogging Pro
  10. Successful-Blog
  11. JohnTP
  12. Engtech
  13. Bloggers Blog
  14. Andy Beard
  15. ChrisG
  16. Converstations
  17. The Wrong Advices
  18. Business Blog Wire
  19. Alister Cameron
  20. Blog About Your Blog
  21. Blogtrepreneur
  22. I Help You Blog
  23. Build A Better Blog




7 Geek Approved Design Resource Sites..

// September 22nd, 2008 // No Comments » // Blogging, Design, Design Resources, Desktop Icons, Featured, Fonts, For Geeks, Free Logo Templates, Free Website Templates, Geeks, Graphic Design, Graphics, I recommend, Icons, Photoshop, Tutorial, Useful, Website Templates, Wordpress, Wordpress Plugins, Wordpress Themes, web tools, webdesign, webmaster


Here is a list of websites that offer resources for webdesigners and developers that have been Geek approved. :)
Free Photoshop tutorials, wordpress themes, css templates, tips and tricks..

Here’s a website for all you Wordpress Theme designers! JungleTango Wordpress Theme Marketplace! You can sell your themesbuy themes people are selling. Pretty Cool. Now I just need to get my butt in gear and design MY own theme…
Website: http://wpthememarket.com/

Learning Resources for Adobe Photoshop
Website:
http://psdlearning.com


I love this website. They offer some really cool tutorials, Wordpress themes, tips and plugins. A must see website.
Website: http://wpcandy.com

DailyWP.com offers free Wordpress Themes, Tips and news
Website:
http://www.dailywp.com

HV Designs offers Photoshop Tutorials.
Website:
http://hv-designs.co.uk

2Photoshop.com offers Photoshop tutorials too help advance your Photoshop skills and techniques.
Website:
http://2photoshop.com

Tutorials for Photoshop and Illustrator.
Website:
http://www.tutorial9.net

Thanx to webdesigninforesourcecenter.blogspot.com the great list of respurces..make sure to visit their site for more resources.

Check out their list of Stock Image Providers




Free Flash Photo Gallery Template

// September 22nd, 2008 // 11 Comments » // Design, Design Resources, Fonts, Graphic Design, Graphics, I recommend, Photoshop, Pictures, Useful, webmaster



Free Dynamic Flash Gallery Template Preview

FREE Photo Gallery Website Template

I download this Free Flash Gallery Template and it’s pretty sweet.

You can preview the gallery here

It comes from TemplateMonster.com which is a trusted source. I’m an affiliate with them so I have access to their free content. If you want to become an affiliate and offer amazing templates to your website visitors you can sign up on my other website.. TheWebdesignStudio.com. Plus, That would be sweet for me as well! :) A Win, win situation!

So..anyway..It’s a flash gallery and it includes music but you can remove it if you don’t like music on your websites (like me) but there is the ability to turn it on or off on the gallery page itself.

The download also includes a bunch of free graphics in .psd format including..

20 free company logos, 11 free .psd buttons, 3 .psd window frames.

Gallery Description:

This is a dynamic Flash website template, it is possible to change the appearance of the gallery by selecting from the choice of four included which can be set easily from the admin panel. There are plenty of other useful settings such as width of small and big photos, management of comments to the pictures, etc…

System requirements
=====================================================================
- Hosting with PHP (if an admin part of the gallery is used)
- Flash Player 9 (if an admin part of the gallery is used)
- Adobe Flash 8 (if the .FLA file is used for modifications)
- Adobe Photoshop 7+; (for editing the design)

The gallery itself contains a set of images arranged in the order you prefer (rows of small pictures, previews of a larger image) which also has a Zoom button for a very large close-up view of the image.

Includes an Admin interface for ease of use.

Websites with a Dynamic Flash Gallery of this kind will definitely be a great help for photographers or artists who want to display their works on the Internet and want this to be done in the most elegant and attractive way.

Download – Free Template | View More Templates

System requirements
=====================================================================
- Hosting with PHP (if an admin part of the gallery is used)
- Flash Player 9 (if an admin part of the gallery is used)
- Adobe Flash 8 (if the .FLA file is used for modifications)
- Adobe Photoshop 7+; (for editing the design)




Free Logo & Free Corporate Identity Template

// September 18th, 2008 // No Comments » // Admin Tools, Design, Design Resources, Featured, Fonts, For Geeks, Freeware, Geeks, Graphic Design, Graphics, Useful, web tools, webdesign, webmaster


Corporate Identity is a perfect way to create complete corporate style vitally important for any business.
Free Corporate Identity package contains all necessary printer-ready files: logo, standard letterhead, envelope and business card layout. And of course they are all fully customizable.

Free Corporate Identity Template
Free Corporate Identity Template Preview

Download

Free Logo Template Preview

Free Logo template presents pre-made logo design products with company name in Adobe Illustrator, Corel Draw or TIFF format.
Just fill in your company name and use our Logo templates.




Free Pixel Fonts & Where to find them

// August 30th, 2008 // 1 Comment » // Blogging, Design, Design Resources, Fonts, For Geeks, Graphic Design, I recommend, The Best of.., Useful, web tools, webdesign, webmaster


I don’t use pixel fonts very often but when I do I always have only a few to pick from. I needed to use one recently and I needed to find some new ones to add to my limited collection. This is what I found..enjoy! If you know of some that I didn’t list here feel free to add them in a comment.

Pixel Fonts — Free Font Sites

  • DaFont.com
    DaFont.com has some great free pixel fonts.
    Just do a search (top right of screen) for “pixel” to find them. I like Snoot.org px10 by Divide by Zero.
  • Wanted Fonts
    Lots of free fonts. On left side navigation you’ll see categories.
    Look for “pixilated” and search through the collection.
    “Endless Showroom” looks nice.
  • 04
    On the front page click on “extra” and then
    you’ll see “bitmap font” and “font ps.tt” – which are free downloads.
    This is a very nice collection of pixel fonts.
  • HighFonts.com
    Another nice site with a great collection of
    free fonts you can download.
  • Bestflashanimationsite.com
    One of the better collections of pixel fonts I’ve found.
    Plus they have a ton of other resources for designers.
  • Silkscreen – Free Pixel Font
    Silkscreen is a free four member type family for your Web graphics
    created by Jason Kottke. Available in both Mac and Windows versions.

How To Install & Remove Fonts In Windows
This font installation guide will tell you everything you need to know.

Download Hartland at Tenbytwenty.com Download Akashi by tenbytwenty.com