web_dev_resources.md

Full Stack Development + DevOps / Tools and 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/