Useful Features for Webmasters

Web-Working Tips

I read a lot. I visit a lot of websites. I watch a lot of videos (mostly on YouTube).

I've built a curated list of tools you may find handy. When I update or add to the list, I will publish/re-publish this article on a Tuesday. ("Tuesday Tips" ~ get it?)

Finally, look for a date on the far right side of the article. That's when I updated the page. The updates are posted so that the latest changes are at the top.

Remarks, observations and suggestions are invited in the comments section, below.

All comments are reviewed before they's published.

May 7, 2020

Web Development

This first batch of links are from other sites that have published their own consolidates lists:

40+ Online Tools & Resources For Web Developers & Designers 

• GENERATORS:
• Text Content Generator - https://www.lipsum.com
• Favicon Generator - https://tools.dynamicdrive.com/favicon
• Data Generator - https://mockaroo.com/
• Mobile Mockup Generator - https://mockuphone.com
• Logo Generator - https://www.logaster.com **
• UUID Generator - https://www.uuidgenerator.net/
• Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
• Ultimate Code Generator - https://webcode.tools/
• IMAGE RESOURCES:
• Free Stock Images - https://www.pexels.com
• Free Stock Images With Great API - https://unsplash.com/
• Free- Vectors, mockups - https://www.freepik.com
• Dummy Image Placeholders - https://source.unsplash.com/
• Dummy Image Placeholders - https://placeholder.com
• Free Icons - https://www.iconfinder.com
• CODE OPTIMIZATION:
• Minify JS & CSS - http://minifier.org 
• Optimization Tools - https://codebeautify.org
• Code Diff Checker - https://www.diffchecker.com
• CONVERTERS:
• ES6+ & JSX Compiler - https://babeljs.io/repl
• Sass Converter - https://www.sassmeister.com/
• Less Converter & More - https://www.webtoolkitonline.com
• Markdown Editor - https://stackedit.io
• Jade Converter - https://www.html2jade.org/
• IMAGE COMPRESSION:
• Compress All Images - https://compressor.io/compress
• Compress JPG - https://jpeg-optimizer.com/
• Compress PNG - https://tinypng.com/
• VALIDATION & COMPATIBILITY:
• Validate HTML - https://validator.w3.org
• Validate CSS - https://jigsaw.w3.org/css-validator
• Check Browser Compatibility - https://caniuse.com/
• ES6+ Compatibility Table - https://kangax.github.io/compat-table/es6/
• IN BROWSER CODING:
• Client Side Code - https://codepen.io
• Client Side Code - https://jsfiddle.net
• Client Side Code - http://liveweave.com
• Server Side Code - https://repl.it
• SNIPPET TOOLS:
• Snippet Manager - https://gist.github.com
• Snippet Manager - https://pastebin.com
• COLOR & DESIGN:
• Create Color Schemes - https://color.hailpixel.com
• Get Color Schemes of Websites - http://stylifyme.com
• Create Gradients - https://uigradients.com
• CSS Button Generator - https://css3buttongenerator.com
• HTML Entity Lookup - https://entity-lookup.leftlogic.com/
• RESPONSIVENESS:
• Device Testing - https://www.responsinator.com **
• What's My Browser Size - https://www.webpagefx.com/tools/whats-my-browser-size/
• WIREFRAME:
• In Browser Wireframing - https://app.moqups.com
• Very Basic In Browser Wireframing - https://wireframe.cc 
• SPEED TEST:
• Speed & Performance Testing - https://tools.keycdn.com/speed **
• Pingdom Speed Test - https://tools.pingdom.com/ **
• OTHER:
• Public API Resources - https://github.com/toddmotto/public-apis 
• Organized Docs for all Popular Web Technologies - https://devdocs.io

5 Tools I Use on (Almost) Every Web Design Project 

• Pexels.com ~ Source images **
• Pixler.com ~ Scale, Dim images
• Compressor.io ~ image compression
• CSSGradient.io ~ change gradients
• Keyframes.app ~ Animation

---

* I've visited this site
** I've visited this site and have added it to my favorites!

Bibliography