WEEK 12 : Advanced Techniques & Tools – Web Toolkit

Web Toolkit

All web coders / designers fall back on trusted tools to get the job done correctly and FAST!

This list is by no means all of the tools available and take note that new and better techniques / tools are appearing everyday. It is beneficial to get a solid base set of tools that you use on a continual basis while upgrading when needed.

Get to know your tools and speed up your production while decreasing your frustration.

(also by having the right set of tools means “the less you need to know”!)

Text-Editors

HTML EDITORS

• Coda
• Espresso
• Amaya
• BBEdit
• TextMate

CSS EDITORS

• CSSEdit
• Simple CSS
• Jellyfish

Productivity

Code Snippets

• Text Expander
• ZEN Coding
• CSS Reset
• CSS Validator

Code Compressors

• Clean CSS
• CSS Compressor
• CSS Formatting and Compression
• HTML Compressor

CSS/HTML Tag Generator

• Markup Generator
• CSS Tag Generator
• CSS Primer

Code Library

• Github

Email

WebSite Analysis

• Xylescope
• Web Site Grader
• Site Meter
• Browser Statistics
• Screen Resolution Statistics
• X-Ray

Framework

JavaScript

• JQuery
  • ixEdit
  • JQueyUI
• Scriptaculous
• Prototype
• MooTools
• YUI

Grid / CSS

• 960.gs
• Blueprint
• YAML
• responsive-design
• Bootstrapper
• http://markdotto.com/bootstrap/
• http://stitchcss.com/
• 3 x 4 Grid Builder

SEO

WordPress

• JQuery Plug Ins
• Text Plug Ins
• Tips
• Hacks
• Short Codes
• SQL / Database Tips
• Top Hacks
• Custom Fields
• Beginner
• WordPress Recipes
• FREE E-Commerce Theme

Website Builder

• Moonfruit
• Grid Builder
• Drawter
• YAML Builder
• YUI Builder
• Yola

Email

• Mail Chimp
• AWeber
• Direct Mail
• Campaign Mail
• Campaigner
• Article : Stupid HTM Mail Design Mistakes
• Email Newsletter Resources
• Email Templates
• Email Templates

Widgets / Plugins

• Lightbox
• Shadowbox
• Cu3er
• JQuery Plugins
• JQuery Plugins (best of 2009)
• Add This
• AjaxDaddy
• MiniAJAX
• DHTML Goodies

Storage / Data Transfer

• You Send It
• Drop Box
• ADrive
• Backblaze
• Cloud

FTP

• Filezilla
• FireFTp
• Firebug
• CyberDuck

Screen Capture

• Snagit
• Screen Flow
• Screen toaster
• Jing

Content

Photos

• Morguefile
• iStockfile
• Picasa

Flash

• 3000+ Animations & Effects
• WIX – Site Builder
• Flash Kit
• Free Flash Templates (+ CSS Templates)
• Flash Components
• Free Flash templates (portfolio)
• Flash Games
• FlashEEZY
• Flash Banner Creator
• flashTemplatesToday
• Flash banner templates

Templates

• Templates Box
• Templates4net
• myFreeWebTemplates

Privacy Policy

Image Editing

• GIMP
• Krita
• InkScape
• Acorn
• Batch Image Resizing
• Grid Plug-In for Photoshop

Typography

• Type Tester
• Type Tools
• EM Chart

Social Networking / Promotion

Social Networking

• Hoot Suite (Twitter)
• Tweet Manager
• TwitterCal
• Add This

Color Tools

• Kuler
• Color Mixer
• Color Scheme Designer

Forms

• WuFoo
• Form Generator List
• Designing Forms Cheat Sheet

CSS Reference

• CSS Elite
• Eric Meyer CSS Reference
• Conditional CSS
• CSS Sprite Generator

Shopping Cart

Misc Tools + Links

• http://www.go2web20.net/
• Web Developer’s Handbook
• Adobe AIR apps for web deigners / developers
• Stylegala
• 40 Web Tools
• DNScoop – domain name value
• FREE Apps
• FREE WEB DESIGN BOOK
  • Related Books to watch for
• Modernizr
• Online Tools for Web Development

iPhone / iPad Application Development

• XCode

Internet Utilities

• Cloak

Advertising

• http://www.retargeter.com/