- Accidental Creative
- Adapting to Web Standards: CSS and Ajax for Big Sites
- Art of Non-Conformity
- Art of Readable Code
- Back to the User: Creating User-Focused Web Sites
- Beginning PHP6, Apache, MySQL Web Development
- Books to Read
- Bored and Brilliant
- Born For This
- Complete E-Commerce Book
- Content Inc
- Core PHP Programming
- CSS3: Pushing the Limits
- Dealing with Difficult People
- Defensive Design for the Web
- Deliver First Class Web sites
- Design for Hackers: Reverse-Engineering Beauty
- Designing Web Interfaces
- Designing Web sites that Work: Usability for the Web
- Designing with Progressive Enhancement
- Developing Large Web Applications
- Eat That Frog
- Economics of Software Quality
- Elements of User Experience
- Epic Content Marketing
- Extending Bootstrap
- Flexible Web Design
- Flexible Web Layouts
- Happiness At Work
- Inmates Are Running the Asylum
- jQuery Pocket Reference
- Letting Go of the Words
- Making Every Meeting Matter
- Manage Your Day to Day
- Marketing to Millenials
- Monster Loyalty
- More Eric Meye on CSS
- Official Ubuntu Book
- Organized Home
- Perennial Seller
- PHP In a NutShell
- PHP Refactoring
- PHP5 CMS Framework Development
- PHP6 and MySQL Bible
- Privacy Policy
- Responsive Web Design
- Responsive Web Design with HTML and CSS3
- Rules of Thumb
- Saleable Software
- Securing PHP Web Applications
- Simple and Usable Web, Mobile and Interaction Design
- Smart Organizing
- Submit Now: Designing Persuasive Web sites
- The Life-changing Magic of Tidying up
- This Is Marketing
- UI and UX and Design
- Web site Usability
- Web Site Usability: A Designer's Guide
- Web Word Wizardy
- Well Designed
- Work for Money, Design for Love
- Blogs
- Checklists I Have Collected or Created
- Color in Web Design
- Crafts To Do
- Database and Data Relations Checklist
- Ecommerce Website Checklist
- My Front End UI Checklist
- New Client Needs Analysis
- Newsletters I Read
- Puzzles
- Style Guides
- User Review Questions
- Web Designer's SEO Checklist
- Web site Review
- Website Code Checklist
- Website Final Approval Form
- Writing Content For Your Website
- Writing Styleguide
- Writing Tips
- Complete Book of Potatoes
- Creating Custom Soil Mixes for Healthy, Happy Plants
- Edible Forest Garden
- Garden Design
- Gardening Tips and Tricks
- Gardens and History
- Herbs
- Houseplants
- Light Candle Levels
- My Garden
- My Garden To Plant
- Organic Fertilizers
- Organic Gardening in Alberta
- Plant Nurseries
- Plant Suggestions
- Planting Tips and Ideas
- Root Cellaring
- Things I Planted in My Yard
- Way We Garden Now
- 101 Organic Gardening Hacks
- Beautiful No-Mow Lawns
- Beginner's Guide to Heirloom Vegetables
- Best of Lois Hole
- Eradicate Invasive Plants
- Gardening Books to Read
- Gardens West
- Grow Organic
- Grow Your own Herbs
- Guerilla Gardening
- Heirloom Life Gardener
- Indoor Gardening: The Organic Way
- Real Gardens Grow Natives
- Seed Underground
- Small plot, high yield gardening
- Thrifty Gardening from the Ground Up
- Vegetables
- Veggie Garden Remix
- Weeds
- What Grows Here
- Activities for Kids
- Baking & Cooking Tips
- Bertrand Russell
- Can I Get that on Sale?
- Cleaning Tips and Tricks
- Colour Palettes I Like
- Compound Time
- Cooking Tips
- Crafts
- Crafts for Kids
- Household Tips
- Inspiration
- Interesting
- Interior Design
- Latin Phrases
- Laundry Tips
- Learn Something New
- Links, Information, and Cool Videos - Stuff for My Kids
- My Miscellany
- Organizing
- Quotes
- Reading List
- Renovations
- Silly Sites
- Things that Make Me Laugh
- Videos to Watch
- YouTube Hacks
- Accessibility
- CSS Frameworks
- CSS Reading List
- CSS Sticky Footer
- htaccess files
- HTML Tips and Tricks
- Javascript (and jQuery)
- Landing Page Tips
- Making Better Websites
- More Information on CSS
- MySQL and Databases
- Navigation
- Responsive Design
- Robots.txt File
- Security and Secure Websites
- SVG Images
- Web Design and Development
- Web Design Tools
- Web Error Codes
- Website Testing Checklist
- Writing for the Web
- Writing Ideas for your website
- Animations and Interactions
- Being a Better Designer
- Bootstrap Resources
- Colour
- CSS Preprocessors: Sass and Less
- CSS Tips Tricks
- Design Systems
- Designing User Interfaces
- Font & Typographical Inspiration
- Fonts, Typography, Letters & Symbols
- Icons
- Logo Designs
- Photoshop Tips and Tricks
- Sketch
- UX and UI and Design Reading List
- Web Forms
Compression Tools
Jpeg.io - Convert any major image format into a highly optimized JPEG
compressor.io - Compress and optimize images.
TinyPNG - Compress PNG images while preserving alpha transparency
Website Planet provides a good compression tool.
Tables
DataTables - I have used this plugin a few times.
TABLEIZER! | Spreadsheets to HTML Tables Tool
CSV To HTML Converter Create a table out of a CSV file
Tools
Any API - a full list of 275 Public APIs.
Rapid API has a huge marketplace of APIs.
Better Error Pages - a tool for making error pages.
OverAPI - collection of cheat sheets
Online Javascript Console - write/test some JavaScript quickly with this online tool
mir.aculo.us JavaScript with Thomas Fuchs » DOM Monster Bookmarklet
Free script: Export your layers from photoshop to SVG in a single click! | Hacking UI Magazine
BreakpointTester | Test Your Responsive Design By Breakpoints, Not By Device Width
Useful extensions for Front-End Developers and Designers
Rranks - quickly check website rankings of multiple sites.
10 Great Text Editors for Web Designers
MQtest.io — A simple tool to help identify which media queries your device responds to
Media Query Bookmarklet | Sparkbox
Resources for Front End Developers
13 Ways to Browser Test and Validate Your Work | Nettuts+
The international ideal measure slider
tota11y – an accessibility visualization toolkit
Learning Regular Expressions: The Practical Way
SubtlePatterns Bookmarklet - Preview background patterns on your website
BuiltWith Technology Lookup Find out what a site is built with and runs on
Wireframing — generatedpaper.com: free printable papers for the daily use
Google Libraries API - Developer's Guide - Google Libraries API - Google Code
Cupcake Ipsum - Sugar-coated Lorem Ipsum Generator
Front End Web Development Quiz By David Shariff
A great list of Web Development Tools on the David Walsh blog.
100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers
Tools for the Modern Front End Developer's Workflow
Embed stuff on your website responsively
font dragr | Drag and drop font testing
Listify | turn a group of lines into an HTML list
Frame Box - Lightweight online tool for creating mockups
Gridpak - The Responsive grid generator
Keycodes - Javascript Keyboard Codes, Character Codes, Unicode, HTML Entities
PXtoEM.com: PX to EM conversion made simple.
Screenfly / Test Your Website at Different Screen Resolutions
Stylify Me - Online Style Guide Generator
List of useful resources for front end developers
Support Details | Tech Support Management
10 Apps for Web Developers on an iPad
test everything - 100+ tools in one!
What Does Your Site Cost to Load
Maps
QR Codes
Graphic Design and Photo Tools
Polarr create a great Online Photo Editor
Free Graphics Editor :: Web & Desktop
Figma: the collaborative interface design tool.
Drawing Tools
This page contains information I gathered and thought were very useful. See more notes on the web.
Just to let you know, this page was last updated Saturday, Feb 27 21