Latest Additions to Web Design Guides & Development Tools

• Yellow Lab Tools ...Online test to help speeding up heavy web pages
• Mejorar Imagen ...Image Upscaling Tool
• Interactive Guide to CSS Grid ...CSS Grid is one of the most amazing parts of the CSS language
• Mobile Accessibility Target Sizes Cheatsheet
• IMGonline.com.ua ...Processing of JPEG photos online
• Optimize Time to First Byte ...Learn how to optimize for the Time to First Byte metric
• Colorize Pictures ...Automatically colorizes black-and-white photos using AI
• Compress Images Online ...Use this tool to compress size of JPEG and PNG images
• Compress Images Online ...Bulk compress images online
• Image Upscaler ...Upscale, denoise and enhance your images in seconds

    Advertising Programs

• Ad Designer
• Associate Programs
• Global Affiliate Programs
• Google Adsense
• Google Adsense Blog

    Alerts

• Site24x7 ...Monitor the uptime and performance of your web sites, online services and servers

    Ajax

• Google GWT
• Why AJAX Isn’t Enough
• 25 Excellent Ajax Techniques and Examples ...Various methods and concepts involved in the development of Ajax-based applications

    Android

• Android Developers ...References, Guides and more for Android

    Animated Images

• Animations
• GIF Construction Set
• The Animation Factory

    Apache

• Apache Week

    CGI

• CGI Authoring
• CGI Made Really Easy
• CGI Programming FAQ
• cgihtml Documentation
• HTML & CGI Unleashed
• Matt's Script Archive
• The CGI Directory

    Cheat Sheets

• All Cheatsheets ...Grouped, structured and packed with ready-to-use examples
• Cheat Sheets ...cheat sheets, round-ups, quick reference cards, guides and sheets on one page
• Cheat Sheets for Front-end Web Developers ...Print-ready cheat sheets for HTML/HTML, CSS, and JavaScript
• Devhints ...Modest collection of web developer cheatsheets
• Mobile Accessibility Target Sizes Cheatsheet ...Practical guidelines to prevent rage taps and rage clicks
• Refcardz ...Free Cheat Sheets for Developers
• Useful Cheat Sheets for Web Designers ...Useful cheat sheets in various file formats for Photoshop, Dreamweaver, colors, typography, and other web-design related topics

    Code

• Code Ranch ...A friendly place for programming greenhorns
• freeCodeCamp ...Learn to code for free
• Google Code
• Google APIs Explorer ...Access to Google APIs
• Google Code Search
• Google Code Search ...interesting finds
• search[code] ...An attempt to put all programming documentation in one searchable place
• SoloLearn ...Learn to code for free!
• Vi Improved Text Editor ...An interactive tutorial for learning the basics of Vim
• View Source ...Code for any site

    Colors

• Canonical List of Online Color Resources for Designers ...Online Color Tools
• Causes of Colour
• Colllor ...Turn one color into an array of alternative ones
• Color Blender ...Tool for selecting and blending colors
• Color Box ...System which is easy to learn for designers and developers
• Color CC ...Color theme creation and sharing tool
• Color Combos ...Find the perfect color combination for your project
• Color Hexa ...Free color tool providing information about any color
• Color Hunt ...A place to discover and share beautiful color palettes
• Color Supply ...Color combinations from designers & illustrators
• Color Theory
• Color Theory
• Coolors ...The super fast color palettes generator!
• Crayon Names and Color Codes ...120 color names and hex codes, fun facts and photos
• EasyRGB ...all things colour
• Easy RGB...calculator
• HexColorTool ...Access the tool from any browser
• HSV Color Space
• List of Crayola crayon colors ...Hex Codes of the 133 standard Crayola crayon colors
• Multicolr Search Lab ...Find images based on a color or color combination
• Picular ...Google, but for colors
• Thalia's Big Color Database...text version
• Ultimate HTML Color HEX Code List ...all of the codes on one page
• Visibone Colour Reference

    Counters

• Internet Clocks, Counters, and Countdowns
• Jon's

    Design

• A List Apart...website developers
• Ask Tog...web design
• Developing Non-English Web Sites
• Digital Web Magazine ...for web designers
• Echo Echo Web Design
• Industrial Strength Usability
• Jakob Nielsen's Alertbox Articles ...Interface usability and website design
• PrintWhatYouLike ...Lets you print the good parts of any web page while skipping ads and other junk
• Scanning Tips
• Section 508 Checklist
• Top Ten Web Design Mistakes of 2003
• Top Ten Web Design Mistakes of 2005
• Usability
• Web Design Principles
• Web Design References ...Plain text email digest dedicated to disseminating news and information about web design and development
• Web Desginer Wall ...A wall of design ideas, web trends, and tutorials
• Web Usability
• Web 2.0 for Designers
• Wordtracker
• 2 Create a Web Site
• 35 Designers - 5 Questions

    DOM

• The DOM in Version 5 Browsers

    Dynamic HTML

• Dynamic HTML Index

    E Commerce

• eCommerce Guide
• Roger Clarke's Electronic Commerce Pages
• Practical ECommerce

    Fonts

• ALEO ...Free Font Family
• Alphabettes ...Lettering, typography, and type design
• Font Bundles ...Thousands of various fonts
• Font Craft...fonts
• Font Empire
• Font List
• Font Management Tool
• Font Management
• Font Paradise
• Font Reach ...Shows top font usage across the web
• Font Scape
• Font Shop
• Font Space ...Collection of over 33,000 free fonts
• Fonts Geek ...Download thousands of high quality fonts for free
• Free Core Fonts for the Web...Microsoft Typography
• Free Fonts ...From the ByPeople community
• Frequently Asked Questions About Fonts
• Holy Grail of Font Management
• Identifont
• International Typeface Fonts
• List of Unicode Characters ...All the fancy characters you'll ever need
• Monotype Imaging...fonts
• My Fonts
• Online Font Converter ...Free online font converter
• Optician Sans ...A free font based on the historical eye charts and optotypes used by opticians world wide
• P22 Type Foundry
• Portable Web Fonts
• Relay Fonts
• Rostype ...Free Fonts to download for both personal and commercial use
• Shape Catcher ...Unicode character recognition
• The Font Guy
• The Font Site
• The 7 Worst Fonts
• The Type Foundry
• Typefoundries on the Web...fonts
• TypeTester ...compare fonts
• Typographic
• Typographic Scale Calculator ...Help you choose the right font size from a harmonious type scale inspired by the way music works
• Typography Documentation
• Unicode Fonts for Windows Computers
• WhatTheFont? ...Upload a scanned image of the font and instantly find the closest matches
• 40 Free Cartoon and Comic Fonts ...Funkier, stylish and fun to look at
• 1001 Free Fonts

    Forms

• Forms Design ...Best practice, research insights and examples
• Processing Form Data in CGI scripts

    Frames

• Frameproof Your Pages
• Frames FAQ
• Frames Tutor
• Inline Frames
• Sharky's Netscape Frames Tutorial...by Charlton Douglas Rose

    General Resources

• BodyTag
• Cheat Sheet Roundup ...for developers
• Convert Case ...Simply enter your text and choose the case you want to convert it to
• Copyscape...who is copying you ?
• DevX - The Development Exchange
• Google Developer Tools
• Start Developing iOS Apps Today ...If you're a new developer you might be wondering where to begin
• krugle...developers search engine
• Rex Swain's HTTP Viewer ...See exactly what an HTTP request returns to your browser
• SitePoint Webmaster Resources
• The Site Wizard...free stuff
• Tiny Helpers ...A collection of free single-purpose online tools for web developers
• Urban Fonts ...free fonts
• W3Schools Online Web Tutorials
• Web Developer's Handbook
• Web Pagetest ...Page load performance
• Web Standards
• WebKnowHow
• PubCon
• Webmasters Den
• Whats Next Blog
• 10 Ways to Improve Your Web Page Performance ...There are a million and one ways to boost your website’s performance

    Hosting

• Host Index...looking for web hosting ?
• Web Hosting 101
• Website Setup Guide ...If you want to set up a website, but have no idea how, then this guide is for you
• 6 Tools to Help You Analyze a Web Host ...A few excellent tools that will help you monitor how web hosts are performing

    HTML & Web Page Development

• A Comprehensive Website Planning Guide ...Written in relatively non-technical language and provides a broad overview of the process of developing a website
• A List Apart
• Composing Good HTML...by James Tilton
• CopyPasteCharacter ...Application for copying the ‘hidden’ characters that comes with the computer’s typefaces
• Dev Guru
• Developer ...Web Development and Design Tutorials, Tips and Reviews
• HEAD ...A free guide to head elements
• HTML 3.0
• HTML 4
• HTML 4.01 Specification
• HTML 4.0
• HTML 5 Doctor ...Articles relating to HTML5, its semantics, and how to use it right now
• HTML and CSS Tutorials ...the web designer's resource for everything HTML and CSS
• HTML Authoring Services
• HTML Code Tutorial ...The Best Place To Start Learning HTML From Scratch
• HTML Goodies
• HTML Help
• HTML Made Really Easy
• HTML Primer
• HTML Tag List
• HTML Tutorial
• HTML Writers Guild
• HyperText Markup Language Home Page
• IBM Developer
• Index DOT Html...The Advanced HTML/CSS Resource
• Interneting Is Hard ...Friendly web development tutorials for complete beginners
• Learning HTML for Kids
• Lissa Explains HTML
• Moving to HTTPS Guide ...Steps you need to take to implement HTTPS on your site
• mozilla.org...netscape
• Optimize Time to First Byte ...Learn how to optimize for the Time to First Byte metric
• Philip and Alex's Guide to Web Publishing
• Recipe for a Successful Website
• Sheet 2 Site ...Generate a website from Google Sheets
• Tables and Spreadsheets ...Better Ways to Embed Tables and Spreadsheets in Web Pages
• The Bare Bones Guide to HTML
• The HTML Source
• The HTML Station
• The Ultimate Webmaster Guide
• The Web Developer...faqs
• Web Authoring References
• Web Development Resources
• Web Page Resources
• Web Style Manual
• Weblint Home Page
• Website Setup ...Step By Step Tutorials for Wordpress, Joomla, Drupal etc
• Weebly ...Everything you need to start a high-quality site
• Weeny Free HTML to PDF Converter ...Free tool for Windows that can convert any HTML web page, local and online, to PDF
• What The Tag? ...Quickly find out which HTML tag to use
• Wix ...Create your own website
• Jan 12 -Yellow Lab Tools ...Online test to help speeding up heavy web pages

    Icons/Imaging/Cursors

• Animation Factory
• CoolText...graphics generator
• FavIcon from Pics
• Go Graph...web graphics
• Graphics Lessons
• Graphics
• Icon Factory
• Icon Finder ...search engine for icons
• Iconolog
• Image Identification Project ...Function in the Wolfram Language that identifies the content of an image
• Kraken ...Free Online Image Optimizer
• Let's Enhance ...Image upscaling supercharged
• Logomaker
• Picasion ...Create Animated GIF online for free
• QGifer ...A video-based animated GIF creator
• Workspace Illustrations ...as well as references to further free icon libraries

    Java

• CGI Scripts & Java Applets
• Free Java Guide
• Getting Started with Java
• Java Archive
• Java FAQ
• Java Generics FAQs
• JavaWorld
• Java Home Page
• Presenting Java
• The Java Tutorials

    Javascript

• Datejs ...Datejs is an open-source JavaScript Date Library
• Debugging Javascript
• FreeScripts
• HotScripts
• Java-Scripts
• Javascript Array ...Scripts, guides and tutorials
• JavaScript for the Total Non-Programmer
• Javascript Reference
• JavaScript Tutorial ...This tutorial will teach you JavaScript from basic to advanced
• JavaScript Weekly ...A free, once–weekly e-mail round-up of JavaScript news and articles
• Learn Javascript ...Learn & practice modern JavaScript fundamentals
• Moment.js ...A lightweight javascript date library for parsing, manipulating, and formatting dates
• Pocket Hotline ... FREE JavaScript helpline run by volunteers
• The JavaScript Source
• 45 Fresh Useful JavaScript and jQuery Techniques and Tools ...Calendars, forms, buttons, navigation, debugging, optimization and compatibility tables as well as handy resources and tools

    PageRank

• PageRank Guide For Webmasters

    Perl

• @internet - Perls of Wisdom
• CGI.pm - a Perl5 CGI Library
• Comprehensive Perl Archive Network
• Matt's Script Archive
• Perl Monks
• Perl Scripts
• Perl
• The Apache/Perl Integration Project

    PHP

• A Guide To PHP Error Messages For Designers ...Aimed at designers who are not PHP developers but need to install PHP scripts from time to time
• PHP
• PHP Builder
• PHP Error ...Better error messages, full syntax highlighting, code snippets
• PHP The Right Way ...Easy-to-read, quick reference for PHP best practices, accepted coding standards, and links to authoritative tutorials
• PHP: What You Need To Know To Play With The Web ...In this article, learn the fundamentals of PHP
• 10 Advanced PHP Tips To Improve Your Programming ...These tips will speed up proficiency and make the code much more responsive, cleaner and more optimized for performance

    Scripting

• Scripting Blog ...A place to learn about PowerShell and share stories of automation

    Sitemaps

• Sitemaps ...Google, Yahoo!, and Microsoft

    Software - Editors / Tools/ CMS

• Dreamweaver
• Drupal ...open source content management
• Find And Replace Tool ...An open source tool to find and replace text in multiple files
• HTML Guard Home Page
• Multi-Edit
• Text Cleaner ...All-in-one text cleaning and text formatting online tool
• Text Editors Review
• TextPad
• TurboNote ...sticky notes
• UltraEdit

    Software - Graphics/Animation/Imaging/Photo Album

• AI Image Enlarger ...Enlarge Images Without Losing Quality Online
• Cleanup Pictures ...Remove objects, people, text and defects from any picture
• Colorize Pictures ...Automatically colorizes black-and-white photos using AI
• Comic Life! ...photo-comic-app, expand what you do with your photos
• Compress Images Online ...Use this tool to compress size of JPEG and PNG images
• Compress Images Online ...Privacy first and fastest way to bulk compress images online
• Compressor.io ...Compress and optimize your images
• Cropp.me ...Easy-to-use online tool for auto-cropping
• Croppola ... Just upload your pictures and watch croppola do its magic!
• CropScore ...An image cropper for content creators
• Dummy Image ...Dynamic Dummy Image Generator
• Edit Photo ...The Free Photo Editor in your Browser
• ezGIF ...Simple and straightforward online toolset for basic animated gif editing
• FastStone ...Image Viewer & Photo Resizer Freeware
• Forensically ...Photo Forensics for the Web
• Foto Forensics ...Is an image is shopped, cropped or otherwise altered?
• Free Photo Blemish Remover ...Quickly removes blemishes and other imperfections in your photos
• Gallery Project ...Web based photo album organizer
• GIF Construction Set Professional
• GIF maker ...Don't know how to make a gif ? It's fast, easy and free
• Graphic Workshop Professional
• fotor ...The heart and soul of Fotor is photo editing
• IconEdit2
• IconXP
• Image Upscaler ...Upscale, denoise and enhance your images in seconds
• IMGonline.com.ua ...Processing of JPEG photos online
• Inpaint ...Inpaint removes objects from your photos online
• JAlbum
• JPEGCrops ...Cropping of a batch of JPEG images without loss of quality
• Jpeg.io ...Convert any major image format into a highly optimized JPEG
• JPEGmini ...Photo optimization technology that reduces the file size of JPEG photos by up to 5X
• Lets Enhance ...Powerful AI to increase image resolution without quality loss
• LunaPic ...Completely Free online photo editing
• Jan 02 -Mejorar Imagen ...Image Upscaling Tool
• O Joy ...Select a low-res photo or Memoji to enlarge it and improve its quality
• Online PNG Tools ...Collection of useful PNG image utilities for working with PNG graphics files
• Optimizilla ...The Ultimate Image Optimization Tool
• pho.to ...Online Photo Enhancement and Presentation Platform
• Photo Raster ...Advanced Online Photo Editor
• Photopea ...Free, Web-Based Image Editing
• Photovisi ...Free online photo editing
• PicMonkey ...Fearless photo betterment
• Pika ...Helps you present your screenshots and mockups in the best light
• Pixlr ...Robust browser based photo editor
• PixTeller ...Engaging images, posters, banners, social media covers, greeting cards,or any design you want in seconds
• pngquant ...Compression of PNG images
• Rasterbator Online ...Enlarges images to multiple pages. Print and combine them into huge posters
• Remove Image Background ...100% automatically – in 5 seconds, free
• Ribbet ...Online Photo Editing Made Fun and Easy
• RIOT ...Optimize images
• Shrink O’Matic ...Application to easily (batch) resize (shrink) images
• Shrink Pictures ...Resize Images Online
• SmartDeblur ...Restoration of defocused and blurred photos/images
• Social Image Resizer Tool ...Crop Images for Twitter, Facebook, and More
• Squoosh ...Online image converter
• StudioLine ...Image editing
• the GIMP
• TinyJPG ...Compress JPEG files with a perfect balance in quality and file size
• Tiny PNG ...Smart PNG and JPEG compression
• Unraveling the JPEG ...Behind the veil of familiarity lie algorithms that remove details that are imperceptible to the human eye
• vintageJS ...Add some awesome retro-look to your images
• VSO Free Image Resizer ...organizes your photos by shrinking their resolution or moving them within your hard drive
• Web Resizer ...Make photos faster
• Xara ...graphics software

    Style Sheets

• Cascading Style Sheets
• Cascading Style Sheets
• Comprehensive CSS Cheat Sheet ...Terms and technical tags in CSS
• CSS Button Generator ...Custom buttons and the CSS code used to build them
• CSS Duotone Generator ...Create CSS Duotones quickly for free
• CSS Guide
• CSS/jQuery Techniques ...Five Useful Interactive CSS/jQuery Techniques Deconstructed
• CSS Navigation Techniques
• CSS Reference ...A free visual guide to CSS
• CSS Techniques Roundup
• CSS Tips
• CSS Tricks ...Tutorials, tips, tricks, and news regarding Cascading Style Sheets
• CSS Tricks Almanac ...CSS properties & selectors
• CSS Work
• CSS 3 Cheat Sheet ...Complete listing of all the properties, selectors types and allowed values in the current CSS 3 specification
• CSS Reference
• CSS Zen Garden
• Google HTML/CSS Style Guide ...Hints at best practices so to encourage developers to go beyond indentation
• Oct 24 -Interactive Guide to CSS Grid ...CSS Grid is one of the most amazing parts of the CSS language
• Listutorial CSS based Lists ...the basics of building background image, rollover, nested and horizontal lists
• Mastering CSS Coding: Getting Started ...The most common and practical uses of CSS
• Moving to Standards-Compliant HTML and CSS Authoring
• Nifty Navigation using CSS ...important part of any web design
• Paste HTML ...Use it as a sandbox for playing with CSS and Javascript
• Powerful CSS-Techniques For Effective Coding ...50 new CSS-techniques, ideas and ready-to-use solutions for effective coding
• QuirksMode ...CSS and JavaScript tips and tricks
• Right Layout Mode Using the Doctype Declaration
• Start Using CSS3 Today ...Extensive round-up of CSS3 techniques, tools and resources
• Tableless Forms using CSS
• Terrific Tables with CSS ...Some practical examples of how tables can be made both functional and attractive
• The Mystery Of The CSS Float Property ...Incorporate table-like columns in an HTML layout without the use of tables
• 10 Useful CSS/JS-Coding Solutions ...For Web-Developers
• 15 CSS Properties You Probably Never Use

    Validation of Web Pages/Tracking

• Advanced Google Analytics Tips ...Google Analytics tips that open up plenty of possibilities to track and evaluate
• Advanced use of Google Analytics ...few of the more obscure interactions that GA can tack on your site
• BridgeURL ...Want an easy way to share a bunch of URLs?
• CAPTCHA ...Completely Automated Turing Test To Tell Computers and Humans Apart
• ClearURLs ...Removes tracking elements from URLs
• CSE HTML Validator
• Detectify ...We audit your site’s level of security so you can focus on web development
• HTML_CodeSniffer ...Check that your HTML code conforms to your coding standard
• HTTPS Checker ...Proactively scan your website pages for mixed content issues
• Infominder...website tracking
• Online Web Check ...validate with CSE
• Page2Images ...How to check your website on mobile device
• Built With ...I wonder how that site works?
• Versionista ...Track entire Web sites and receive e-mail alerts when differences that meet your regular expression filters are met
• Visual Ping ...Get notified on visual changes of a website or website area
• W3C CSS Validation Service
• W3C HTML Validation Service
• Watch That Page
• Web Accessibility Evaluation Tool ...Evaluate the accessibility of web pages
• Web Page Analyzer
• Webpage Test ...Test a website's performance
• Zulu URL Risk Analyzer ...How safe is your web destination?

    WAP/Wireless

• The WAP Vision
• Wireless Application Protocol Downloads
• Wireless Developer Network

    Web Services

• LaTeX ...LaTeX is the de facto standard for the communication and publication of scientific documents
• Web Archiving Service ...Web content from sites that have been captured and preserved over the past few years

    Website Recovery

• How Do I Know if My Site is Hacked? ...Basic steps to check for any signs of compromises on your site

    Web 2.0

• Web 2.0 for Designers
• Web 2.0 Guide
• What Is Web 2.0?

    XHTML

• XHTML 1.0

    XML

• Extensible Markup Language (XML)
• Getting Started With XML
• Microsoft's XML
• Taming the XML Beast
• XML Info
• XML News and Resources
• XML Portal
• XML.com

    XSL

• XSL Version 1.1