===== Online tools for Web =====
{{:playground:boo_the_bunny_29.png?nolink&250|}}
----
==== Analysis tools ====
=== Page analysis ===
* {{mdi>web?24&color=#0c3866}} [[https://tools.pingdom.com/|Website Speed Test & Analysis]] by ''**Pingdom**''
* {{mdi>cellphone-link?24&color=#146eb4}} [[https://search.google.com/test/mobile-friendly|Mobile-Friendly Test]] by ''**{{fa>google}}oogle**''
=== Web service checkup ===
* {{mdi>security-network?24&color=#be0027}} [[https://www.ssllabs.com/ssltest/analyze.html|SSL Server Test]] by ''**Qualys SSL Labs**''
* {{mdi>security-network?24&color=#136ad5}} [[https://securityheaders.com/|Analyse HTTP response headers]] by ''**ReportURI**''
* {{mdi>email-check?24&color=#cf8d2e}} [[https://mxtoolbox.com/spf.aspx|SPF Online Check]] by ''**MXToolbox**''
* {{mdi>email-outline?24&color=#e4e932}} [[https://mxtoolbox.com/MXLookup.aspx|MX Lookup Tool]] by ''**MX Toolbox(r)**''
* {{mdi>dns?24&color=#2c9f45}} [[https://intodns.com/|DNS test and reports]] by ''**intoDNS**''
* {{mdi>security?24&color=#371777}} [[https://tenta.com/test/|DNS & Privacy Test]] by ''**Tenta**''
* {{mdi>speedometer?24&color=#52325d}} [[https://www.ultratools.com/tools/dnsHostingSpeed|DNS Speed Test]] by ''**UltraTools**''
=== Query information ===
* {{mdi>information-outline?24color=#832561}} [[http://www.kloth.net/services/nslookup.php|NSLOOKUP]] by ''**KLOTH.NET**''
* {{mdi>dns-outline?24&color=#11862f}} [[https://www.whois.com/whois/|Look up WHOIS]] by ''**Whois.com**''
* {{mdi>dns-outline?24&color=#bfca02}} [[https://www.ultratools.com/tools/ipWhoisLookup|WHOIS IP Lookup]] by NEUSTAR / **''Ultratools''**
* {{mdi>database-search?24&color=#848a8c}} [[https://macvendors.com/|MAC Address lookup]] by ''**MA:CV:en:do:rs**''
----
==== Web based applets ====
=== IFTTT ===
{{fa>magic?2x&color=#070707}} [[https://ifttt.com|IFTTT]] --- Automation Web applets to enable seamless integration between web services.
* {{fa>youtube?2x&color=#bb0000}} [[https://ifttt.com/services/youtube/settings| Settings]] | [[https://ifttt.com/activity/service/youtube| Activities]]
* {{fa>dropbox?2x&color=#007ee5}} [[https://ifttt.com/services/dropbox/settings| Settings]] | [[https://ifttt.com/activity/service/dropbox| Activities]]
{{fa>magic?2x&color=#070707}} [[https://ifttt.com/my_applets|My Applets]] {{fa>lock}}
=== CloudConvert ===
{{fa>skyatlas?2x&color=#28231C}} [[https://cloudconvert.com/|CloudConvert]] --- Convert file formats
=== TinyPNG ===
{{fa>picture-o?2x&color=#513B3C}} [[https://tinypng.com/|TinyPNG]] --- Compress PNG or JPG files
=== QR Code Tools ===
{{fa>qrcode?2x&color=#4C2E05}} [[https://www.qrcode-monkey.com|QRCode Monkey]] --- Generating QR Code
{{fa>qrcode?2x&color=#7A8450}} [[https://www.qrstuff.com/|QR Code Generator]] --- QRCode Stuff
{{fa>qrcode?2x&color=#AEBD93}} [[http://zxing.appspot.com/generator/|QR Code Generator]] --- from the ZXing Project
=== Bulk Resize Photos ===
{{fa>braille?2x&color=#C1EEFF}} [[https://bulkresizephotos.com/|Bulk Resize Photos]] --- Resize multiple images
=== Generate EAN13 code online ===
{{fa>barcode?2x&color=#FF69B4}} [[https://bwipjs-api.metafloor.com|EAN13 code]] --- Online API for EAN13 Code
https://bwipjs-api.metafloor.com/?bcid=ean13&text=5901234123457
=== URL character Encode/Decode ===
{{fa>code?2x&color=#89ba16}} [[https://www.url-encode-decode.com/|URL Encode-Decode]] --- ''%EC%9C%A0%EC%95%8C%EC%97%98''
=== Symbols & Fancy Text ===
{{fa>fonticons?2x&color=#89ba16}} [[https://coolsymbol.com/|Symbols & Fancy Text]] --- 𝓐 𝓑 𝓒 𝓓 𝓔 𝔸 𝔹
----
==== Page code tools ====
=== JSFiddle ===
* {{fa>html5?color=#e34f26}} [[https://jsfiddle.net/|JSFiddle Online Editor]] --- supports HTML, JavaScript and CSS in one page.
=== Stack Overflow ===
* {{fa>stack-overflow?color=#f48024}} [[https://stackoverflow.com/|Stack Overflow]] --- Where Developers Learn, Share, & Build Careers.
=== JavaScript Subreddit ===
* {{fa>reddit-alien?color=#ff4500}} [[https://www.reddit.com/r/javascript/|JavaScript Subreddit]] --- All about the JavaScript programming language. {{rss>https://www.reddit.com/r/javascript/.rss 5 author date}}
=== ES6 Compatibility ===
* {{fa>list?color=#002561}} [[https://kangax.github.io/compat-table/es6/|ES6 compatibility table]] --- Compatibility matrix for JavaScript
=== Beautifier ===
* {{fa>indent?color=#002561}} [[https://www.cleancss.com/html-beautify/|Don's Tools]] -- HTML, CSS, JavaScript and PHP
* {{fa>indent?color=#f7df1e}} [[http://jsbeautifier.org/|JS BEAUTIFIER]] -- JavaScript files
* {{fa>indent?color=#008374}} [[https://nginxbeautifier.com/home.html|NGINX BEAUTIFIER]] -- Nginx Configuration file
----
==== Web design tools ====
=== Color palette generator ===
* {{fa>paint-brush?2x&color=#C1AE7C}} [[https://coolors.co/| Coolors.co]] --- Generate color palettes
* {{fa>paint-brush?2x&color=#AC1BAC}} [[http://www.colourlovers.com/| ColourLOVERS]] --- Color Trends + Palettes
* {{fa>picture-o?2x&color=#E16F7C}} [[https://html-color-codes.info/colors-from-image|HTML Color codes]] --- Color code picker from image
* {{fa>cc-amex?2x&color=#002663}} [[https://brandcolors.net/|BrandColors]] --- Find brands' color code
* {{fa>codepen?2x&color=#DD5E98}} [[https://brandcolors.net/|Official brand color code]]
----
=== Favicon ===
* {{fa>star?2x?color=#CC4BC2}} [[https://realfavicongenerator.net|favicon generator]]
General favicon code for {{fa>html5}}
* {{fa>star?2x&color=#CC4BC2}} [[https://realfavicongenerator.net/favicon_checker|favicon checker]]
----
=== Open Graph ===
* {{fa>share-square-o?2x&color=#6C3A5C}} [[https://webcode.tools/open-graph-generator|Open Graph generator]]
----
=== Sharing button for Social ===
* {{fa>share-square?2x&color=#030AB1}} [[https://codepen.io/asheabbott/pen/GoMrzW|Generate sharing button]] with {{fa>font-awesome}} Font Awesome
----
=== Text generator with fonts ===
* {{fa>font?2x&color=#FF3300}} [[https://fontmeme.com/|Font Meme]] -- Signature maker and so on
----
==== Design template ====
=== Responsive One Page ===
* {{fa>html5?2x&color=#DD5E98}} [[https://html5up.net/|HTML5 UP]]
----