# Web Dev Resources

## Static Hosting for Free

* [https://vercel.com](https://vercel.com)
* [https://www.digitalocean.com/products/app-platform/](https://www.digitalocean.com/products/app-platform/)

## Free Tier Services

[https://github.com/255kb/stack-on-a-budget](https://github.com/255kb/stack-on-a-budget)

## DNS Related

* [https://mxtoolbox.com/](https://mxtoolbox.com/)
* [https://www.whatsmydns.net/](https://www.whatsmydns.net/) - check DNS propogation
* [https://www.diggui.com/](https://www.diggui.com/) - online dig command

## SSL

Check SSL:

* From web UI: [https://www.ssllabs.com/ssltest/analyze.html](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/](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](https://github.com/kdzwinel/betwixt)

## JSON

* [https://transform.now.sh/json-to-ts-interface](https://transform.now.sh/json-to-ts-interface)
* [size estimation](https://www.debugbear.com/json-size-analyzer)

## API

* [REST APIs for testing](https://jsonplaceholder.typicode.com/)

## Data

### Generate fake data

* site: [https://www.mockaroo.com/](https://www.mockaroo.com/)
* gem: [https://github.com/stympy/faker](https://github.com/stympy/faker)

### Trends

* [Google trends](https://www.google.com/trends/)
* [Google ngrams viewer](https://books.google.com/ngrams)

### Readability check

* [https://readability-score.com/text/](https://readability-score.com/text/)
* [http://www.hemingwayapp.com/](http://www.hemingwayapp.com/)
* [http://www.thewriter.com/what-we-think/readability-checker/](http://www.thewriter.com/what-we-think/readability-checker/)

## Design

* [Figma - awesome Sketch replacement and free](https://www.figma.com)
* screen size and view ports for different devices: [http://mydevice.io/devices/](http://mydevice.io/devices/)
* favicon: [http://realfavicongenerator.net/](http://realfavicongenerator.net/)
* App icon generator (iOS and Android): [https://appicon.co/](https://appicon.co/)

## Diagram

* [LucidChart](https://www.lucidchart.com/pages/)
* Draw in ASCII: [http://asciiflow.com/](http://asciiflow.com/)
* ASCII to hand drawn diagram: [http://shakydraw.com/](http://shakydraw.com/)
* Sequence Diagram
  * Swimlane (text driven): [https://swimlanes.io/](https://swimlanes.io/)
  * PlantUML (can do more than just sequence diagram): [https://plantuml.com/](https://plantuml.com/)
