TIL - Today I learned
Accessibility
Bash
- How to use brace expansion ({}) to spread shell command arguments
- How to quickly fail bash scripts using set
- A preceding space prevents dangerous commands from going into history
- How to add interactive questions to bash scripts
- How to automatically respond to confirmations in CLI tools
- [ is an actual bash command
- Write data to files and pipe it into other programs the same time
- The power of cat and stdin
- Process substitution in bash
- Powerful history command shortcuts in bash
CSS
- Safe/unsafe alignment in CSS flexbox
- The CSS "content" property accepts alternative text
- inset is an upcoming shorthand for top, right, bottom and left
- text-transforms affect screen readers, too!
- "Hard CSS gradients" can be shortened to not include redundant values
- CSS Grid can be used to stack elements
- text-justify defines where space is added in justified text
- box-decoration-break helps to define how elements should be rendered across lines
- backdrop-filter lets you apply visual effects to the area behind an element
- caption-side controls the position of a table caption
- overflow hidden only hides elements going over the padding-box
- word-spacing controls the gap between words
- The hover media query can help to remove hover styles on touch devices (but may include false positives)
- background clip is configurable for every background gradient separately
- color-adjust trumps user agent setting about background printing
- Stylesheets do not only block rendering but also JavaScript execution
- The CSS attribute selector has a case-insensitive mode
- SVGs have additional pointer-events properties
- CSS grid will soon be the shortest way to center elements
- Viewport units for font sizes destroy zooming
- Overflow ellipsis after x lines
- Labels trigger states for associated inputs
- Interaction media queries in CSS
- A use case for CSS min-content and max-content
- Useful background-repeat options other than repeat
git
- git branch can show more than only the name of branches
- git has an auto-correct flag
- You can clone repositories without the whole history
- Force pushing git branches with a safety net
- The short version of 'git status' and the close but different '--porcelain' mode
- Finding git tags with describe
- Improved git workflow with fixup and autosquash
- Time based git logging
HTML
- button elements offer attributes to change form behavior
- requestSubmit offers a way to validate a form before submitting it
- Input elements hold references to their labels
- Datalist elements can have values and labels
- divs are valid elements inside of a description list
- The hr element is more than a horizontal line
- The for accessibility required `caption` element in HTML tables
- Labels trigger states for associated inputs
- Implicit form submission doesn't work always
JavaScript
- requestSubmit offers a way to validate a form before submitting it
- Optional chaining helps to avoid "undefined is not a function" exceptions
- Backreferences in JavaScript regular expressions
- Input elements hold references to their labels
- Focus events include a relatedTarget property
- String.prototype.replace supports replacement patterns
- Error catch-bindings are finally optional
- JSON.stringify takes toJSON methods into consideration
- Array.from has a second argument
- A deep-dive into promise resolution with objects including a then property
- You can configure the logged error stack trace length in certain environments
- Stylesheets do not only block rendering but also JavaScript execution
- Property order is predictable in JavaScript objects since ES2015
- Element.prototype.matches can be used to check if an element includes a certain class
- Non-capturing groups in regular expressions
- +-0, NaN and Object.is in JavaScript
- lookaheads (and lookbehinds) in JavaScript regular expressions
- You can't set new properties on JavaScript Symbols
- How the rest operator and default values affect the function length property
- The global `Reflect` object, its use cases and things to watch out for
- Not every JavaScript function is constructable
- Measuring execution time more precisely in the Browser and Node.js
- Await in async functions works for any thenable
- isNaN is not equal Number.isNaN
- includes really is the better indexOf
- localeCompare helps to compare strings in a sane manner
- IntersectionObserver accepts several threshold values
- There is a Unicode mode in JavaScript regular expressions
- Equality of object property names depends on code units
- The dot in RegExp doesn't match all characters in JavaScript
- Proper Tail Calls (PTC) in JavaScript
- Implicit form submission doesn't work always
- String.prototype.normalize for safer string comparison
- Conditional properties with object spread
- Completion values in JavaScript
- var let = 12 is valid JavaScript
- finally in a try/catch statements really goes over everything
- Skipped holes in JavaScript Arrays
- Interfere Constructor calls with ES6 Proxies
macOS
Node.js
- Prevent npm install for not supported Node.js versions
- npm install supports local modules
- The fs module includes promisified methods since Node 11
- How to create your custom Node.js REPL
- Node.js has a built-in debug log method
- isTTY can be used to tailor appropriate Node process output
- Package.json values are accessible in npm/yarn scripts
- The NPM_CONFIG_PRODUCTION flag sets the NOVE_ENV variable to production in npm scripts
- You can pipe into Node.js
- Node.js sends warnings when you add too many listeners to an event emitter
- How to figure out the Node.js entry script with process.mainModule or require.main
- How to quickly perform a syntax check of a JavaScript file
- Measuring execution time more precisely in the Browser and Node.js
- Commands in the Node.js REPL
- console.dir() is short for console.log(util.inspect())
Productivity
- There is an MDN short URL to access the docs
- Quick access to document actions in Google docs
- Select multiple tabs in Firefox and Chrome
- Faster forward deletion on macOS
- cmd/ctrl + shift + click opens a new tabs focuses it
- A quick way to take pretty window screenshots on macOS
- How to quick save links to Google Inbox
Regular Expressions
SVG
Tools
Unicode
Web