Free Online Utility Tools for Web Developers

My list of free online tools useful for web development

Online practice, test, and share

http://cssdeck.com
http://liveweave.com/
http://jsbin.com/
http://jsfiddle.net/
http://tinkerbin.com/
http://codepen.io/
http://plnkr.co/
http://dabblet.com/

·        https://htmlcodeeditor.com

·        https://www.w3schools.com/tryit/

·        https://htmledit.squarefree.com

·        https://html5-editor.net

·        https://htmleditor.tools

https://htmleditor.io
https://htmleditor.tools/html-editor/ 

Multi-service

http://www.freeformatter.com/

Website review and analysis

http://www.woorank.com/en/www/

http://iwebchk.com/

http://builtwith.com/

https://wappalyzer.com/

Validation and debugging

http://validator.w3.org/
http://html5.validator.nu
http://www.modern.ie/en-us/report
http://www.csstrashman.com
http://jsonlint.com/

Crawling and monitoring

http://web-sniffer.net/
http://gsnedders.html5.org/outliner/

Code generators

http://www.visualcsstools.com/: including CSS and SVG
http://css3generator.com/
http://cssmenumaker.com/
http://www.css3maker.com/
http://www.css3.me/
http://html-color-codes.info/
http://www.colorzilla.com/gradient-editor/
http://gradients.glrzad.com/
http://cubic-bezier.com
http://matthewlein.com/ceaser/
http://www.roblaplaca.com/examples/bezierBuilder/
http://ie.microsoft.com/testdrive/graphics/hands-on-css3/: has a number of good visual generators.
https://code.google.com/p/svg-edit/
http://dataurl.net
http://toolspot.org/data-uri-generator.php
http://stylebootstrap.info/

Mobile and responsive design preview:

http://www.mobilephoneemulator.com/
http://ipadpeek.com/
http://responsivepx.com
https://quirktools.com/screenfly/
http://www.responsinator.com/
http://responsive.is
http://mattkersley.com/responsive/
http://dfcb.github.io/Responsivator/

Reference

http://www.quirksmode.org/compatibility.html
http://ascii.cl/htmlcodes.htm
http://www.w3schools.com/tags/ref_symbols.asp

Mobile Web Overview

Mobile computing has been a major trend for the past a few years. I first did a talk to the ACM student chapter at GSU in 2014 which gave an overview of web site design and application development for mobile devices and discussed key issues of adapting to this change. Topics include choices of mobile application development and delivery, basic principles and best practices of mobile friendly web sites and web applications, and major tools and frameworks. The talk eventually led to a lecture in my several courses including mobile web development, mobile system overview, introduction to mobile development, etc.

The slides are hosted on Edocr

Mobile Web Overview on edocr from Jack Zheng

Developer Tools in Browers

This is short video demo on using developer tools in major web browsers including IE, FireFox, and Chrome. I recorded this for the IT 5302 class in spring 2012.

Who uses ASP.Net?

I am preparing an advanced web development course based on ASP.Net. The first question coming to mind (and probably students want to know) is:

Who uses ASP.Net?

I did a quick research and below is part of the list:
Large company site:

1. http://dell.com/
2. http://www.costco.com/
3. http://www.nestle.com/
4. http://www.jcpenney.com/
5. http://lego.com/
6. http://match.com/
7. http://www.monster.com/
8. http://www.morningstar.com/
9. https://chaseonline.chase.com/
10. http://www.membershiprewards.com/
11. http://www.atlanta-airport.com/
12. http://www.newegg.com/

Governments, institutions, and non-profits

1. https://etax.dor.ga.gov/
2. http://access.wa.gov/
3. http://www.toastmasters.org/

Microsoft affiliate websites

1. http://bing.com/
2. http://asp.net/
3. http://www.codeplex.com/
4. http://www.xbox.com/

Web application frameworks and products built upon ASP.Net

• SharePoint
• DotNetNuke
• ASP.Net MVC
• mojoPortal
• Other smaller ones like: BlogEngine.NET, DasBlog, Gallery Server Pro, nopCommerce

Well, ASP.Net is not just used for websites; it is an enterprise capable technology that is used by many large companies for intranet use and enterprise application development, together with other technologies.
BTW, you can use http://web-sniffer.net/ to see the HTTP header returned from websites. Some of them tell what technology they are based on.