10x Developer
  • Introduction
  • HTML
    • HTML DOM Jquery
    • HTML: Form
    • CSS
    • CSS Layout
    • CSS Flexbox
    • CSS Grid
    • SASS/LESS
    • CSS/LESS/SASS Cookbook
    • Bootstrap
  • JavaScript
    • JavaScript
    • ES6
    • TypeScript
    • JavaScript Testing
    • JavaScript Event Loop
    • DOM
    • Web APIs
    • JSON
    • RegEx
    • Functional Programming
    • JavaScript Lib
    • CoffeeScript
    • CoffeeScript to ES6 cheatsheet
  • Angular.js
    • Angular
    • Angular Cookbook
    • Angular Mistakes I Made
    • Angular 1.x
  • React.js
    • React.js
  • Node
    • Node.js
    • CLI command line tool
    • Electron / Atom
    • NW.js (node-webkit)
  • Serverless
    • AWS Lambda
    • Google Cloud Function
    • Actions on Google / Google Assistant
  • Full Stack Development
    • HTTP
    • Meteor
    • MongoDB
    • Digital Ocean
    • UI
    • Sketch
    • Web Dev Resources
  • Lang
    • Ruby
  • Know Your Tools
    • Chrome DevTools
    • Editor: VS Code
    • Editor: Vim
    • Editor: Sublime
    • Editor: Atom
    • Windows
    • Git
    • Linux / Bash
    • Mac
  • Cheatsheets
Powered by GitBook
On this page
  • Static Hosting for Free
  • Free Tier Services
  • DNS Related
  • SSL
  • Performance and Load Testing
  • HTTP
  • JSON
  • API
  • Data
  • Generate fake data
  • Trends
  • Readability check
  • Design
  • Diagram
  1. Full Stack Development

Web Dev Resources

PreviousSketchNextLang

Last updated 4 years ago

Static Hosting for Free

Free Tier Services

DNS Related

  • - check DNS propogation

  • - online dig command

SSL

Check SSL:

  • From web UI:

  • 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

  • Chrome DevTools LightHouse

HTTP

JSON

API

Data

Generate fake data

Trends

Readability check

Design

Diagram

  • Sequence Diagram

- Performance, TTFB (time to first byte) and First Contentful Paint

view traffic in dev tool like panel by using proxy:

site:

gem:

screen size and view ports for different devices:

favicon:

App icon generator (iOS and Android):

Draw in ASCII:

ASCII to hand drawn diagram:

Swimlane (text driven):

PlantUML (can do more than just sequence diagram):

https://vercel.com
https://www.digitalocean.com/products/app-platform/
https://github.com/255kb/stack-on-a-budget
https://mxtoolbox.com/
https://www.whatsmydns.net/
https://www.diggui.com/
https://www.ssllabs.com/ssltest/analyze.html
https://gtmetrix.com/
https://github.com/kdzwinel/betwixt
https://transform.now.sh/json-to-ts-interface
size estimation
REST APIs for testing
https://www.mockaroo.com/
https://github.com/stympy/faker
Google trends
Google ngrams viewer
https://readability-score.com/text/
http://www.hemingwayapp.com/
http://www.thewriter.com/what-we-think/readability-checker/
Figma - awesome Sketch replacement and free
http://mydevice.io/devices/
http://realfavicongenerator.net/
https://appicon.co/
LucidChart
http://asciiflow.com/
http://shakydraw.com/
https://swimlanes.io/
https://plantuml.com/