random-notes

notes that can be used in future.

• Slider
• Animation
• HTML
• CSS/SASS
• JS
• Automation
• React
• React Native
• Misc

Slider

• Keen slider - https://github.com/rcbyr/keen-slider

Animation

• Scroll animation - https://css-tricks.com/books/greatest-css-tricks/scroll-animation/
• SVG Animation - https://maxwellito.github.io/vivus-instant/

HTML

• Lodash HTML escape - https://lodash.com/docs/4.17.15#escape
• HTML Escape online - https://www.freeformatter.com/html-escape.html
• HighlightJS - https://highlightjs.org/
• Details element - https://equinusocio.dev/blog/details-element-the-native-html-trigger/
• DataList element - https://www.w3schools.com/tags/tag_datalist.asp

CSS / SASS

• VSCode live sass compiler - https://github.com/ritwickdey/vscode-live-sass-compiler
• font display swap - https://web.dev/font-display/?utm_source=lighthouse&utm_medium=unknown

JS

• Passive listeners - https://web.dev/uses-passive-event-listeners/?utm_source=lighthouse&utm_medium=unknown

Automation

• Google sheets as DB - https://medium.com/@fayazara/google-sheets-as-a-free-database-in-3-easy-steps-4d8999913714
• Integromat - https://www.integromat.com/
• files templates generator - https://www.youtube.com/watch?v=8siGinbhrUA
• Fake data - https://github.com/marak/Faker.js/

React

• Custom hooks for API Calls - https://twitter.com/housecor/status/1283368741875703810
• Dark mode with hooks - https://dev.to/amanhimself/how-to-add-dark-mode-functionality-with-react-hooks-4jnf
• Hot Toast - https://react-hot-toast.com/

React Native

• React navigation shared elements Transition - https://github.com/IjzerenHein/react-navigation-shared-element/tree/navigation-v5
• ^^ https://www.youtube.com/watch?v=iejTIn9zi0U

Misc

• Big Heads - https://github.com/RobertBroersma/bigheads