Lazy Web Dev
===
## drop-in minimal CSS
* [New.css](https://newcss.net/demo/)
* [MVP.css](https://andybrewer.github.io/mvp/)
* [Animate.css](https://web.archive.org/web/20200307110155/https://daneden.github.io/animate.css/) ([Document](animate.style))
* [C💚SS.css](https://rbitr.github.io/ChartS.css/)
* [Water.css](https://watercss.netlify.app/)
* [Sakura.css](https://github.com/oxalorg/sakura)
* Something [more...](https://css-tricks.com/css-animation-libraries/)
* [win98](https://jdan.github.io/98.css/)
* [win7](https://khang-nd.github.io/7.css/)
* [W3.css](https://www.w3schools.com/w3css/default.asp)
* [Marx](https://mblode.github.io/marx/)
* [concrete.css](https://concrete.style/)
* [Simple.css](https://simplecss.org/)
* [CS1.6 css](https://cs16.samke.me/)

- 舊時代 CSS - [CSS Zen Guardian](https://www.csszengarden.com/)

### 各種 drop-in minimal CSS 切換展示器
都包含了以上幾種
https://dohliam.github.io/dropin-minimal-css/
https://www.cssbed.com/

### Not so drop-in or minimal....
* [system.css](https://sakofchit.github.io/system.css/)
* [Tailwind CSS](https://tailwindcss.com/)
* [Simple.css](https://news.ycombinator.com/item?id=29929438)

## CSS generator
* [Texture Filling](https://riccardoscalco.it/textures/)
* [Generative Art](https://generativeartistry.com/)

## 智障級教學
https://www.youtube.com/c/WebDevSimplified

## 各裝置顯示測試
https://seleniumbase.io/devices/

## 單一用途小工具合集
讓你不用所有東西都從頭 code，包含許多生成器等
https://tiny-helpers.dev/
ToDo: 加這些
https://roughnotation.com/
https://bansal.io/pattern-css
https://editorjs.io/

## No Google Analyze plz :angry:
https://usefathom.com/
https://counter.dev/
https://plausible.io/self-hosted-web-analytics
https://umami.is/
([discussion](https://news.ycombinator.com/item?id=26379569))

---

## Some shit
* one line css that saves you life: https://web.dev/one-line-layouts/
* Landing pages for quick projects: https://dev.to/davidepacilio/40-free-html-landing-page-templates-3gfp
* Optimize your web plz you fucking idiot: https://www.debugbear.com/blog/performant-front-end-architecture
* static site made easy: GitHub page, GitLab pages, [cloudflare page](https://pages.cloudflare.com/), Netlify, [Vercel](https://vercel.com/), Digital Ocean's Apps platform, [render](https://render.com/), [peergos](https://peergos.org/posts/p2p-web-hosting), [surge](https://surge.sh/), [neocities](https://neocities.org/), [nearlyfreespeech](https://www.nearlyfreespeech.net/)

---

## My understanding of web

## Static web
No server side logic.

## others
Server will query databases for you, do some processing for you, take out the trash for you....