Web Dev Resources

Static Hosting for Free

• https://vercel.com

• https://www.digitalocean.com/products/app-platform/

Free Tier Services

https://github.com/255kb/stack-on-a-budget

DNS Related

• https://mxtoolbox.com/

• https://www.whatsmydns.net/ - check DNS propogation

• https://www.diggui.com/ - online dig command

SSL

Check SSL:

• From web UI: https://www.ssllabs.com/ssltest/analyze.html

• Using nmap: nmap — script ssl-enum-ciphers -p 443 www.your-site.com

• Using openssl: openssl s_client -connect www.your-site.com:443 -tls1 < /dev/null

Performance and Load Testing

• https://gtmetrix.com/ - Performance, TTFB (time to first byte) and First Contentful Paint

• Chrome DevTools LightHouse

HTTP

• view traffic in dev tool like panel by using proxy: https://github.com/kdzwinel/betwixt

JSON

• https://transform.now.sh/json-to-ts-interface

• size estimation

API

• REST APIs for testing

Data

Generate fake data

• site: https://www.mockaroo.com/

• gem: https://github.com/stympy/faker

Trends

• Google trends

• Google ngrams viewer

Readability check

• https://readability-score.com/text/

• http://www.hemingwayapp.com/

• http://www.thewriter.com/what-we-think/readability-checker/

Design

• Figma - awesome Sketch replacement and free

• screen size and view ports for different devices: http://mydevice.io/devices/

• favicon: http://realfavicongenerator.net/

• App icon generator (iOS and Android): https://appicon.co/

Diagram

• LucidChart

• Draw in ASCII: http://asciiflow.com/

• ASCII to hand drawn diagram: http://shakydraw.com/

• Sequence Diagram

  • Swimlane (text driven): https://swimlanes.io/

  • PlantUML (can do more than just sequence diagram): https://plantuml.com/