So here it is, a brand new design that I hope inspires me to post more tutorials and freebies And as I said before initially it was a logo I was designing, which I did as well… check it out…

Being that I am a designer I found it only fitting to use some sort of computer “symbol” and so many of them have been over-used in my opinion. So I found an @ symbol that when reversed resembled a “D” and there you have it… My new logo

Let me know what you think and if you encounter any issues!

[signature]

Reminder Fox Firefox Add-on
ReminderFox displays and manages lists of date-based reminders and ToDo’s. ReminderFox does not seek to be a full-fledged calendar. In fact, the target audience is anybody that simply wants to remember important dates (birthdays, anniversaries, bills, etc) without having to run a whole calendar application. ReminderFox makes sure you remember all of your important dates via easy-to-use lists, alerts, and alarm notifications. Download here

Capture Fox Firefox Add-on
You can capture your screen and record your voice to make screencasts (tutorials, e-lessons, etc.). Download here

Pearl Crescent Page Saver Firefox Add-on
An extension for Mozilla Firefox that lets you capture images of web pages, including Flash content. These images can be saved in PNG or JPEG format. Using Page Saver, you can capture an entire page or just the visible portion. You can control the image capture process via a wide variety of settings, including the image file name and scale (e.g., save at 50% of original size). Download here

FireFTP Firefox Add-on
FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers. Download here

Fast Video Download Firefox Add-on
Download video files from popular sites like YouTube, Dailymotion, Break.com and more. 100% Free! Download here

DownThemAll! Firefox Add-on
The first and only download manager/accelerator built inside Firefox! Download here

TorrentBar Firefox Add-on
BitTorrent File Search Toolbar for Firefox. Allows to search numerous sites in a matter of minutes for needed torrent files. Download here

Fast Dial Firefox Add-on
Fast Dial replaces blank tabs with a panel of thumbnails of your favorite sites. Download here

Greasemonkey Firefox Add-on
Allows you to customize the way a webpage displays using small bits of JavaScript. Download here

iMacros for Firefox
Automate Firefox. Record and replay repetitious work. If you love the Firefox web browser, but are tired of repetitive tasks like visiting the same sites every days, filling out forms, and remembering passwords, then iMacros for Firefox is the solution you’ve been dreaming of! ***Whatever you do with Firefox, iMacros can automate it.*** Download here

Blogging Add-ons

WordPress Helper Firefox Add-on
The Firefox extension WordPress Helper helps you working with WordPress by providing useful help and tools. The extension eases the fast and simple access to develop-relevant pages of the WordPress Codex. So you always have all the necessary help at your fingertips. It’s also possible to search after strings of text that is currently marked. Furthermore it’s possible to easily switch to WordPress backend of current site. More than that, a small Icon indicates wether the currently displayed website makes use of WordPress. Download here

Live Writerfox Firefox Add-on
Windows Live Writer is a new desktop application for composing blog posts to your blog service.
It blogs a page or selected text to Windows Live Writer. To use it you need to have Windows Live Writer installed on your machine. To add the “blog it” toolbar button, right click and customise the toolbar. And drag and drop the Live Writerfox button. Download here

Web Design & Development Firefox Add-ons

MeasureIt Firefox Add-on
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels. Download here

Colorzilla Firefox Add-on
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies. Download here

Codetch Firefox Add-on
Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf. Download here

Web Developer Firefox Add-on
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux. Download here

Dust-Me Selectors Firefox Add-on
Dust-Me Selectors is a Firefox extension that finds unused CSS selectors. It extracts all the selectors from all the stylesheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they’re encountered. You can test pages individually, or spider an entire site, and you’ll end up with a profile of which selectors are not used anywhere. Download here

View formatted source Firefox Add-on
Displays formatted and color-coded source and optional CSS information for each element. You can see exactly which CSS rules match for an element. The rules are displayed including file name and line number. The topmost element is that with the highest priority. Download here

JavaScript Debugger Firefox Add-on
Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers. Download here

Firebug Firefox Add-on
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page… Download here

Pixel Perfect Firefox Add-on
Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML. Download here

Link Checker Firefox Add-on
Check the validity of links on any webpage. Download here

YSlow Firefox Add-on
YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites. Download here

Window Resizer Firefox Add-on
Resize your browser to various standard resolution sizes. Download here

IE View Firefox Add-on
Lets you load pages in IE with a single right-click, or mark certain sites to *always* load in IE. Download here

OperaView Firefox Add-on
Open pages in Opera from Firefox and Mozilla context menus. Very usefull for web developers. Download here

Social Media Add-ons

Yoono Firefox Add-on
In a single browser sidebar, Yoono users can interact with the best of the Web more than ever before by discovering, communicating, and sharing with friends across multiple networks and platforms all in one place. Users can stop wasting time checking for updates and visiting multiple networks and instead can start enjoying! Download here

Delicious Firefox Add-on
Delicious Bookmarks is the official Firefox add-on for Delicious, the world’s leading social bookmarking service (formerly del.icio.us). It integrates your bookmarks and tags with Firefox and keeps them in sync for easy, convenient access. Download here

Digg Firefox Add-on
The Digg Extension for Firefox allows you to interact with Digg (http://www.digg.com) and see information about the web page you are currently viewing while you use Firefox. Download here

StumbleUpon Firefox Add-on
StumbleUpon discovers web sites based on your interests, learns what you like and brings you more. Download here

Twitbin Firefox Add-on
Creates a sidebar on your firefox browser to allow you to communicate with twitter.com. Send and receive twitter messages from anywhere on the web. Download here

LinkedIn Companion for Firefox
LinkedIn is an online network of more than 25 million experienced professionals. LinkedIn helps you be more effective in your daily work and opens doors to opportunities by helping you develop and manage your network of business. Download here

MySpace Toolbar for Firefox
Easily navigate MySpace from anywhere on the web. Stay connected to MySpace.com with persistent login. Receive notifications with updating messages. Clean up messy profile pages with the “Simplify” button. Download here

Firefox Universal Uploader Firefox Add-on
This extension allows to upload/download files from your favorite websites using a simple interface. Download here

Fire.fm Firefox Add-on
Fire.fm is your direct access to the extensive music library on Last.fm. Listen to music related to your favorite artist, and discover new artists and music in the process. Listen to your friends’ favorite music. Find Last.fm users with musical taste similar to your own. Quickly access your favorite stations by just typing a few letters into the location bar. This is the ultimate add-on for the music junkie. Download here

meebo Firefox Add-on
Instant messaging across all major IM networks built right into Firefox. Download here

Google Add-ons

Gmail Manager Firefox Add-on
Allows you to manage multiple Gmail accounts and receive new mail notifications. Displays your account details including unread messages, saved drafts, spam messages, labels with new mail, space used, and new mail snippets. Download here

Better Gmail 2 Firefox Add-on
Add useful extra features and skins to Gmail, like hierarchical labels, macros, file attachment icons, and more. Download here

Google Toolbar for Firefox
View the Google pagerank of web sites, view backlinks, as well as access to all of Google’s services including, gmail, calendar, etc.Download here

Helpful Articles on Freelancing

Advice and helpful tips from those who’ve been there…

• My Day Job’s Killing Me! First Steps to Freelancing
• 53 Steps to follow if you want to become Freelance Web Designer/Developer – Helpful list of steps to follow to become a freelance designer
• Full-time freelancing: 10 things learned in 180 days – An article by Cameron Moll
• Sell Your Services – Step by step instructions to market and sell your design services
• How to Deal with Upset Clients – Great article on dealing with upset/difficult clients
• Are you Ready to Become a Freelancer?
• Freelancing as a work-at-home web designer
• Go Freelance Articles – Several articles related to freelance work for both freelancers and employers.
• Freelance Web Design – Articles and links at about.com

Protect Yourself and Your Work

Information regarding your rights as a freelance designer including copyrights and contracts…

• Do You Know Your Freelancing Rights? – Important information about your rights as a freelance designer
• Bulletproof Web Design Contracts – Few Web professionals have contracts, and those who do may not be as well-covered as they think. Before you find yourself in the firing line, take John’s advice. Here, he reveals the issues that even the most basic Web work agreement should address, and explains why you need to make sure they’re in every agreement you sign.
• Web Design Contracts: Why Bother
• Web Design and Web Developer Contract Swipe File – Sample web design agreements and contracts for web designers, developers and programmers.
• Web/Graphic Designer Contracts – HUGE list of designers sample contracts, agreements, forms, and information on writing your own contracts.

Freelance Information Websites

Websites dedicated to providing information about freelancing…

• Freelance Folder – Freelance Folder is a multi-authored blog dedicated to helping entrepreneurs and freelancers.
• FreelanceSwitch – Advice, news, and opinions on freelance design
• Wakeuplater.com – Freelance and passive income blog
• Freelance UK – Everything for the creative freelancer

Online Portfolios

Showcase your designs to thousands of potential customers by displaying them in online portfolios for creative professionals…

• creativeHUB – Showcase your Creative Portfolio
• Carbonmade – Design and manage your online portfolio with a variety of tools that allow you to change how you display your work.
• Creativeshake – Create a portfolio and showcase your creative talent
• Coroflot – The fast, easy way to get your creative projects online and in front of the right people.
• FigDig – Free online portfolio

Freelance Tools & Downloads

Links to all sorts of helpful apps and resources…

• 101 Essential Freelancing Resources – Gigantic list of tools, links, & resources for freelancers : Freelance Switch
• 10 Adobe Air Apps for Web Designers – Awesome apps for Web Designers, list by Six Revisions
• Projjex – Free, easy, online project management application.
• dotproject – Open source project management software
• Toodledo – An easy to use, web-based to-do list. Get organized, stay motivated, and be more productive.
• Simple Customer – Manage your contacts and clients online – Developed for anyone who needs a simple and easy way to keep track of their clients, customers and contacts.

Social Networking Sites for Creative Professionals

• ComputerLove – The social platform for creative talents
• designerID – We created this site to help all designers connect, not just those looking for a job. It includes seasoned or mid-level designers who are happy with their job but just want to see what else is going on in their market or abroad and maybe contact designers of interest.
• Behance Network – Creative portfolios, projects, and collaboration
• Deviant Art – The largest art community in the world
• LinkedIn – Over 25 million professionals use LinkedIn to exchange information, ideas and opportunities

List Yourself/Site in these Directories

• Freelance Designers – Directory of freelance designers
• DMOZ Open Directory Project – Just click the letter of your last name and then click submit url in the top right corner and list your site in the largest directory on the web

Find Freelance Work at these Sites

Find tons of design and computer related jobs and projects at these sites…

• creativeHUB – The center for creatives finding work.
• Authentic Jobs – Full-time and freelance opportunities for designers and developers
• FreelanceSwitch – Freelance Classifieds Job Board
• Elance – Find the work you love – web design, programming, writing, virtual assistance, marketing, accounting and other jobs
• 37 signals Job Board – Companies such as The New York Times, CNET, Facebook, Adobe, Trek, and American Express use this Job Board to reach today’s best and brightest web minds.
• Get a Freelancer – Become a freelance programmer, web designer, copywriter or translator and let us help you find customers from all over the world.
• iFreelance – Get access to 1000′s of buyers in need of your professional services.
• Design Quote – Graphic and web design jobs, browse projects and find leads.
• WebProJobs – Freelance & Full-Time Jobs for Web Professionals
• Coroflot – Design Job Board
• Job Pile – Aggregating the best design job boards on the web
• Krop – Design, creative, and Tech Job Board
• Freshwebjobs – Web Professionals Job Board
• Sologig – Find consulting, contract, temp, or freelance opportunities
• Guru – Guru.com offers the opportunity to market to a global audience with minimal costs. Innovative features, such as an online Video Profile give Freelancers a cutting edge platform to highlight their skills and experience to attract new business and retain repeat customers.
• Slashdot – Jobs for Nerds : IT and Design related Job Board
• Creative Shake – Creative Job Board
• GoFreelance – Freelance work exchange – Connecting Freelancers and Employers to Get Jobs Done
• 99designs – Leading Designer Marketplace for Logo Designs, Web Designs and More…
• crowdSPRING – Global marketplace for logo design, business card design, graphic design and website design
• eLogoContest – Logo design contests

[adsense]

View full list –> 101 Ways to Monetize your Website or Blog | Vandelay Design

View full article –>  » 8 fonts you probably don’t use in css, but should

UserVoice adds structure to feedback and reduces the overhead of an honest dialog with our users — It creates a market around good ideas so we get more quality than quantity. – Rich, Lance & Marcus Team UserVoice

• Download the latest browsers – download.com is a great place to download all the latest browsers for testing your web site.
• Anybrowser.com – THE place to find all sorts of tools to deal with browser compatibility issues. There are resources to help you design a compatible site, viewers to help you view your site in different situations, as well as help with search engine optimization… all free!
• BrowserShots.org – this site allows you to test your site in many different browsers including linux, mac OS, and bsd.
• Web Page Backward Compatibility Viewer – View any page as any (previous) browser
  

• DHTML Site – Extensive list of 22 FREE essential icon sets for download includes mini-pixel, rss, and tons more… great list!
• Feed Icons - As the name says… rss feed icons in all colors, sizes, and file types as well as code snippets to help you use them! (Gorgeous site design too!)
• Icon Buffet – I love this site, not only can you get all sorts of cute icons here but you can swap with others because not everyone can download the same icons… cool concept… check it out!
• Exploding Boy – Set of 31 simple mini-pixel icons in 4 different pastel colors
• Stealing these Buttons – OMG I am totally addicted to these cute little rectangle boxes and at this site there are THOUSANDS… have fun!
• Lorelle on WordPress – Free button and badge makers, and tons of badges, buttons, and icons for download!

Hope these help! Happy Designing!

Read the entire article here.

View article here: Grunge in modern web design

Check out this new tool from the Idea Shower that allows you to do just that.

CSS Text Wrapper

“The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.”

CSS Gradient Text Effect

I just had to adjust these settings last night so here are a few decent tutorials I found on the subject…

Change file permissions (chmod) with ftp :: Tutorial explaining how to change your file permissions using common ftp programs.

FTP and Chmod tutorial for beginners :: This tutorial explains in a simple manner how to transfer files to your server and how to CHMOD them.

Chmod Tutorial ::  This tutorial contains step by step instructions to CHMOD a file to the two most common settings, 755 and 777.