> For the complete documentation index, see [llms.txt](https://zurassic.gitbook.io/10x-developer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://zurassic.gitbook.io/10x-developer/full-stack-development/web_dev_resources.md).

# 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](http://www.your-site.com)
* Using openssl: openssl s\_client -connect [www.your-site.com:443](http://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](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/>
* gem: <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/>
* <http://www.hemingwayapp.com/>
* <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/>
* favicon: <http://realfavicongenerator.net/>
* App icon generator (iOS and Android): <https://appicon.co/>

## Diagram

* [LucidChart](https://www.lucidchart.com/pages/)
* 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/>