CSS
Intersection Observer Examples
Practical, real world examples of Intersection Observer
Blur Page
A browser extension to hide sensitive information on a web page
display: none vs opacity: 0 vs visibility: hidden
word-break: break-all vs word-wrap: break-word
margin vs padding
border-box vs content-box
style="width: ___" vs width="___"
display: none vs [hidden]
:active vs :focus
Normalize vs Reset CSS
border vs outline
DOM
Check Browsers Support
A browser extension to check browser compatibility without leaving your tab
Form Validation
The best validation library for JavaScript
event bubbling vs capturing
stopImmediatePropagation vs stopPropagation
currentTarget vs target
clientY vs pageY
clientHeight vs offsetHeight vs scrollHeight
event.preventDefault vs return false
mouseenter vs mouseover
addEventListener() function vs on property
nodeName vs tagName
naturalWidth vs width
keydown vs keypress vs keyup
key vs keyCode vs which
DOMContentLoaded vs load
parentElement vs parentNode
HTML
React PDF Viewer
A React component to view a PDF document
1 LOC
Favorite JavaScript utilities in single line of code
<div> vs <section>
script async vs script defer
<button> vs <input type="button" />
<b>, <i> vs <strong>, <em>
alt vs title
class vs id
Element vs Node
JavaScript
CSS Layout
A collection of popular layouts and patterns made with CSS
Front-end Tips
Super tiny, quick tips, tricks and best practices of front-end development
Object vs Map
instanceof vs typeof
hasOwnProperty vs in
encodeURI vs encodeURIComponent
function declaration vs function expression
for ... in vs for ... of
arrow vs regular function
Map vs WeakMap
concat vs push
array = [] vs array.length = 0
argument vs parameter
variable === undefined vs. typeof variable === "undefined"
undefined vs void
slice vs splice
method in class constructor vs prototype
double quotes vs single quote
++value vs value++
substr vs substring
string.charAt(i) vs string[i]
Object.getOwnPropertyNames() vs Object.keys()
null vs undefined
const vs let vs var
delete obj.property vs obj.property = undefined
object.property vs object['property']
Number() vs parseInt()
Object.is() vs ===
== vs ===
apply vs call
React
HTML DOM
How to manage HTML DOM with vanilla JavaScript
Responsive Design Patterns
A collection of patterns to create a responsive web page
<> vs React.Fragment
TypeScript
this VS that
The differences between _ and _ in the front-end development
string vs String
literal union type vs string enums
const enum vs enum
interface vs type
*.d.ts vs *.ts
const vs readonly
function vs property in interface
