# tools
DESIGN MODE `document.designMode`
- https://www.reddit.com/r/webdev/comments/1i173hd/15_years_as_a_webdev_only_just_found_out_about/
[[JavaScript and TypeScript]], [[React]]
Firebase (so convenient... but multiple times i have regretted not going for relational. document model gets super clunky at scale)
[Hugo](https://gohugo.io/)
[CodePen: Online Code Editor and Front End Web Developer Community](https://codepen.io/)
- check out for inspiration and good [[design|design]]
[Land-book - website design inspiration gallery](https://land-book.com/)
[Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/) -- browser compatibility
[Remix | Remix Stacks](https://remix.run/docs/en/v1/pages/stacks)
[Spline - Design tool for 3D web browser experiences](https://spline.design/)
- See also [[spline]]
[Font Flipper - Find Free Fonts](https://fontflipper.com/upload)
[animus](https://animus-examples.surge.sh/)
[GitHub - gabrielpetersson/fast-grid: World's most performant DOM-based web table. Try it! fast-grid.vercel.app/](https://github.com/gabrielpetersson/fast-grid/)
# website builders
https://mmm.page/
[Webflow: Create a custom website | No-code website builder](https://webflow.com/)
[Figma: the collaborative interface design tool.](https://www.figma.com/)
wordpress
carrd
## more tools
[Marker.io: Visual Website Feedback & Bug Reporting tool](https://marker.io/)
- feedback and bug reports for website; maybe check out for HPAIR?
[Powerful form backend | Getform.io - Easy form endpoint](https://getform.io/)
- form automation stuff
airtable
typeform
[Very well animated Pokemon cards](https://github.com/simeydotme/pokemon-cards-css)
[automattic](https://automattic.com/about/)
- cool, group of people behind a lot of big websites like wordpress etc
https://www.vivid.lol/
[Mockuuups Studio: Mockup Generator](https://mockuuups.studio/)
[NoCodeAPI – The easiest way to connect APIs without code](https://nocodeapi.com/)
[LinkChecker — LinkChecker 10.5.0.post4+g243d892f documentation](https://linkchecker.github.io/linkchecker/)
[Blockchain-Based Timestamping | OriginStamp](https://originstamp.com/)
- [[blockchain]] tool for authentication
https://dev.to/cilvako/name-an-essential-front-end-learning-resource-ogg
![[cascading style sheets]]
# [[machine learning]]
[GitHub - xenova/transformers.js: Run 🤗 Transformers in your browser!](https://github.com/xenova/transformers.js)
![[accessibility]]
# sources
![[Jeff Delaney]]
![[Julia Evans]]
https://www.reddit.com/r/webdev/comments/g4nk65/never_run_out_of_inspiration_for_your_projects/