Web apps and services list for web developers

List of web applications and services that could prove useful for web developers. Among the topics covered are various CSS code generators, file type conversion tools, website reports for performance, security, accessibility, SEO and other metrics. This page will be periodically updated.

History

[show more][hide]

20 Jan 2021: Added Convertico to Conversion tools.
25 Mar 2019: Added Photopea to Design and photo manipulation.
04 Dec 2017: Added SVGOMG to Optimization Tools. Added Online Convert to Conversion tools.

Sprite generators

Retina Sprite Generator - Generate retina and standard sprite images online. Get your retina ready CSS codes instantly.

Design

CSS3 Patterns - Browse and edit gallery of pure CSS patterns.
Patternify - Design patterns and save them as a PNG image or as Base64 encoded image for CSS use.
PIXLR Editor - Web based alternative to PhotoShop. Work in layers, replace colors, transform objects, and more - all from your browser. Requires Adobe Flash.
Photopea - Web based alternative to PhotoShop.
PIXLR Express - Apply a quick fix or add a personal touch with creative effects, overlays, and borders to pictures.

CSS code generators

How to center in CSS - Generates the CSS code for centering items based on a variety of factors.
CSSmatic Gradient Generator
Ultimate CSS Gradient Editor
CSS Text Input Generator

Conversion tools

ICO Convert - Icon maker and favicon generator. Create a multi-size Windows icon from different png images.
Convertico - PNG to multi-size ICO converter.
Base64 Image - Convert images to Base64 encoding so they can be embedded using img tags or CSS, speeding up load times for smaller images by preventing additional HTTP requests.
Vectorizer - Convert raster images like PNGs, BMPs and JPEGs to scalable vector graphics (SVG).
Online Converter - Convert media easy and fast from one format to another.
RealFaviconGenerator - Generate favicons for all devices/platforms.

Optimization Tools

SVGOMG - Service for optimizing SVG vector graphics files.

Media queries

MQtest (archive.org) - A tool to help identify which media queries your device responds to.

Regular expressions tools

Debuggex - Online regex tester with regular expression visualization.
RegexTester - Online regex tester.

Website performance, security, mobile friendly and other checks

Pingdom Website Speed Test - Test the load time of a web page, analyze it and find bottlenecks.
GTMetrix - Analyzes your site’s speed and provides recommendations on how to optimize it.
Google PageSpeed Insights - Identify ways to make your site faster and more mobile-friendly. Automatically generates minified HTML, CSS, JS files and optimized image files.
Sonar - Check websites for security, accessibility, interoperability and performance issues.
Google Mobile Friendly Test - Check if your web page is mobile-friendly.

Website privacy

WebbKoll - This tool helps you check what data-protecting measures a site has taken to help you exercise control over your privacy.

Website SEO

SeoSiteCheckup - SEO checking and advices for domains.

Leave a new commentReply to comment Cancel

The e-mail address is not publically displayed. It's used in the comment approval process, it serves as a unique identifier (which John/Jane are you), and if you subscribe to follow-up comments you can receive e-mail notifications.
You can associate an avatar to your e-mail address using gravatar.com service.
If you want to remove a previously submitted e-mail address from our comment database, send us an e-mail request from that specific e-mail address.

Notify me of follow-up comments by email.

Notify me of new posts by email.

Comment received.

Your comment may be held for moderation. If it does not show up immediately, please be patient. Comments have to comply with these rules: [show] [hide]

English language only
Don't post insults or threats
Try to keep the discussion constructive and informative
Don't post questions without doing a search beforehand
For replies to individuals regarding the SAME discussion, use Reply to write to that individual. For a NEW issue write a new comment.
Make your comment easly readable. Write the product names how they are originally written or at least capitalize their first letter. Write "i" as "I". Add a space after end of a sentence and beginning of another (e.g. ".I" -> ". I").