Tools

All tools listed here are free and ready to use.  Last updated January 18, 2017.

CSS Gradient Generator

Great for creating gradients, even in IE:

http://www.colorzilla.com/gradient-editor/

DraGGradients is an insane radial generator:

http://elrumordelaluz.github.io/draGGradients/#

Image Editor

Great for an alternative to Photoshop or even Gimp if you don’t have anything installed:

http://pixlr.com/editor/

Test Your Code

Great for trying out some code without the setup or the mess.  For PHP or Javascript.

http://writecodeonline.com/php/

http://3v4l.org/

Spinning Ajax Loader

http://ajaxload.info/

http://preloaders.net/

http://cssload.net/en/spinners – Pure CSS

CSS Semi-Transparent Background Generator

Need a semi transparent background and don’t want to use an  image as a background?  what?   And you want it to work in IE?

http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/

Placeholder Images

Waiting on your designer or client to send you images?  Use these sites to put images of exact sizes or color into your site.  No need to create or download any images.

http://dummyimage.com/

http://placehold.it

Convert Images to Base64

Fast way to convert an image to base64.   Convenient way to include 1px images where you don’t want to include a image file.  Like a 1px transparent image:  <img
alt=”One pixel transparent GIF”
src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ />

http://base64.wutils.com/encoding-online/image-to-base64/

Built With

Need to know if a website is built with WordPress?  or if it’s on a Apache vs IIS server?  hosting too?

http://builtwith.com/

Compile and minimize your javascript

Google’s Closure Compiler is the safest and most effective.

http://closure-compiler.appspot.com/home

Favicon generator

http://tools.dynamicdrive.com/favicon/

Gzip Tester

Test if your server is compressing your web pages.

http://www.gidnetwork.com/tools/gzip-test.php

WordPress Code Generator

Generate some common custom code and quickly get started with your new development.

http://generatewp.com/

Web Monitoring

Monitor your website up time and response times.  Get alerts when your website goes down.  All FREE at Pingdom.

https://www.pingdom.com/free/

Generate CSS3 Animations

Download a whole bunch of CSS3 animations or make a custom build for just what you need.

https://daneden.me/animate/

Database Search and Replace

Useful for migrating a database but you need to change some text which may/may not be in serialized arrays.

http://interconnectit.com/products/search-and-replace-for-wordpress-databases/

Check your SPF

SPF is one of the ways your servers validate where your email came from.

http://www.kitterman.com/spf/validate.html
http://emailstuff.org/spf/check/

Free Conference Calling

Not exactly a dev tool, but free and it’s something to help with your workday.

https://freeconferencecall.com

Lossless Image Compression Tool

There are TONS of image compression tools, but the one I’m currently using is fairly good at reducing PNG and GIF sizes, flexible and not shady at all (it’s Yahoo!):

http://www.smushit.com/ysmush.it/ – (Smushit is down and may have been discontinued!)

Another one that might be better than smushit in JPEGs, but more picky in what is accepted is:

http://www.punypng.com/

Another one that does both lossless and lossy with a 10MB limit:

https://compressor.io/compress

For Mac OSX, a local app that seems to use the exact same compression technique as Google’s Page Speed:

https://imageoptim.com/

What’s the closest Google Font?

Whoever uses google fonts always asks the question, “What’s the closest to …?”  This website answers that question as best it can.

http://joelcrawfordsmith.com/closest-font/

.htaccess Rules Checker

This life saving htaccess checker will let you check your htaccess rules before you put them on  your server.  Telling you what conditions are met.

http://htaccess.madewithlove.be/ 

SEO Tools

Don’t trust any SEO tools unless it’s from the creator of a popular search engine.  And there’s no search engine more popular than Google.  This link can help you with page speed.

https://developers.google.com/speed/pagespeed/insights/

Recently (4/21/15) google announced it will put more significantly more weight on mobile-friendly websites.  use this to determine if your site is mobile friendly in Google’s eyes:

https://www.google.com/webmasters/tools/mobile-friendly/

 

Cron Jobs

Need a cron job to hit wp-cron on your WordPress site?  This will do the job.  just sign up, enter your url, and your good to go.

https://www.setcronjob.com

 

Formatter and Other online tools

Escape HTML, format JSON, or format SQL, this website can do it all.  On Free Formatter, click on the links on the left and find the formatter you need.

http://www.freeformatter.com/

 

Leave a Reply