Hot tips are spicy lil' nuggets related to web development and tooling that I share on my twitter account. I've logged them here to make them easier to find.
Page 25 of 44
🔥 Since :before and :after are first class CSS Grid items, this “lines on either side” design can easily be accomplished in ~10 lines of CSS
🔥 Text Pastry is a super handy plugin for inserting incremental numbers at each cursor. Available for VS Code, Sublime and Atom.
🔥 CSS Grid doesn’t do masonry/pinterest layout, but if you pre-define a few consistent sizes, grid-auto-flow: dense; works really well!
🔥 In Emmet, you can use $@15 to start numbering from any number.
🔥 Multiple caret trick in VS Code/Sublime/Atom. Did this neat trick in my React course that everyone asks about - enjoy!
🔥CSS Variables and CSS grid have the same browser support so you can use vars to define row/col/gap and update with JS
🔥 ResizeObserver is coming to browsers, which means we can have resize events on a per-element basis. (Element queries anyone?!)
🔥 Async functions can chain a .catch() to catch any errors without a try/catch
🔥 The new IntersectionObserver browser API will allow us to easily detect when elements on fully or partially on screen.
🔥 Node 8.6.0 brings support for Object Spread! Goodbye Object.assign()