A collection of small things that I once learned and decided to write down.
- Estimating
- The power of plain text
- The power of command line
- Debugging
- Fortune telling
- Tell, don't ask
- Actors and processes
- Refactoring: when, why, how
- Continuous testing
- Delight users, solve problems, don't just deliver code
- Styling list bullets with emoji
- Image, gradient, and clip-path
- Align logo to top left
- Put a title in the center of the div
- b vs strong
- i vs em
- How to put an HTML boilerplate in VSCode
- How selector priority conflicts are resolved
- What pseudo elements are available in CSS?
- What is box-sizing property used for?
- Flexbox align-items
- Flexbox justify-content
- Flexbox cheatsheet
- Grid cheatsheet
- Grid examples
- Grid multiple columns and cells
- How to use transform to perfectly align items
- Viewport height and width
- How rem works
- CSS shorthands
- How to add a nice scaling effect on image hover?
- How to make an HTTP request
- How to use npm packages
- How to invoke AWS Lambda at a sub-minute frequency
- How to parse a price string
- How to play an audio file
- Named groups in regular expressions
- How to toggle a class name of a DOM element
- How to add a class name to a DOM element
- How to toggle password visibility
- Promise vs Observable
- How to decode a GZip response
- How to parse an HTML page
- How to use WebSocket connections
- How to increase WebSocket performance
- How to execute a Powershell script
- How to extract a folder path from a file path with Node.js
- How to combine a path from parts with Node.js
- How to use optional route parameters in Express
- How to parse an HTML page
- How to run the code once
- How to use setInterval
- How to apply class names conditionally
- How to use font-awesome icons
- Implement a layout
- Render components without a root wraper
- Import classes and use them in a component
- Run typechecking on the props
- How to pass CSS styles to a child component
- How to add meta tags
- How to specify inline styles
- How to use jQuery
- How to access a /public image
- How to access a /public css
- How to run code after render
- Property 'X' does not exist on type
- How to handle checkbox change
- Debouncing and throttling
- How to use aliasses
- Why a component is rendered twice
- How to clean up when a component is destroyed
- How to fix 'Refused to execute inline script' (Chrome extension)
- How to fix 'chrome' is not defined (Chrome extension)
- How to display a notification (Chrome extension)
- How to set up apollo client
- How to call an external API (e.g. GraphQL server)
- How to use useQuery during server-side rendering
- How to cache and share data at build time
- How to unit test with Jest