πŸ”₯ There are 260 Hot Tips!!

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.

← Prev 10 please

Page 7 of 26

10 More please β†’
Deets Tweet

πŸ”₯ @jensimmons just launched a new YouTube channel called Layout Land - first video is on CSS Grid! Make sure you subscribe!

1503411
Deets Tweet

πŸ”₯ Use curly brackets in the command line to cut down on typing the same thing over and over

1.5K415435
Deets Tweet

πŸ”₯ CSS Variables are perfect for overwriting parts of a definition that can’t be broken up like text-shadows, transforms or gradients

2444140
Deets Tweet

πŸ”₯ VS Code now has a shrinking tabs option - no more scrolling for your tabs!

"workbench.editor.tabSizing": "shrink"
45896130
Deets Tweet

πŸ”₯ With CSS variables, you can overwrite values when authoring HTML with an inline style attribute

52914881
Deets Tweet

πŸ”₯ Use CSS object-fit: contain; and object-fit: cover; to scale 100% width and 100% height images as large as they will go without messing up aspect ratios.

Works with <video> in most browsers except IE+Edge

634149171
Deets Tweet

πŸ”₯ You can set and use variables inside a CSS declaration. Handy for when you need the same value more than once!

809240291
Deets Tweet

πŸ”₯ VS @code just launched Live Share, which means you can do pair programming and code sharing right from your editor!

681286330
Deets Tweet

πŸ”₯ 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

2.4K503359
Deets Tweet

πŸ”₯ Text Pastry is a super handy plugin for inserting incremental numbers at each cursor. Available for VS Code, Sublime and Atom.

2555562
← Prev 10 please

Page 7 of 26

10 More please β†’