#todayilearned
by @jm3 · aka
John Manoogian
3
Frequent, bite-size mini-milestone updates as I fast-forward merge
*
my front-end web development skills up to 2019 levels.
Learn more
Learnings
Projects
Tags
Entries tagged - "code"
Jul 17, 2019
Smashing the Sacred Tenets of CSS
—
It’s time for a new religion around CSS
CSS3
Code
Jul 12, 2019
A little-known way to style Table Columns in CSS
—
besides classes and td:nth-child(N)
CSS3
HTML5
Lore
code
Jul 12, 2019
CSS Combinators
—
for when you need to COMBINATE
CSS3
Code
Jul 12, 2019
A catalog of CSS Attribute / Value Selectors
—
*
CSS3
Code
Jul 11, 2019
Debugging responsive breakpoints in browser
—
using media queries and some clever but simple CSS
Code
CSS3
HTML5
Debugging
Responsive
Jun 27, 2019
Syntax Highlighting
—
Drastically improved
code
CSS3
Color
Debugging
Hugo
Jun 19, 2019
Commenting within Hugo templates
—
without being stripped out by the processor
code
Hugo
Debugging
Jun 17, 2019
Name your CSS classes with emoji
—
Why not? Embrace chaos. π
code
CSS3
Jun 16, 2019
Inline-ing SVG
—
Save a network call and gain styling benefits
Code
HTML
SVG
Jun 14, 2019
Save time with CSS grid area start/end shortcuts
—
Because who has time to type all this stuff out?
code
CSS3
Grid
Jun 11, 2019
Auto-focus an input element
—
pretty much exactly what it sounds like, no JS necessary
HTML5
Code
Jun 8, 2019
AWS Amplify Console for CI/CD pipelines
—
glue to unify the AWS service zoo for front-end devs
code
command line
tools
Jun 8, 2019
Create + reference a native CSS variable
—
CSS now has variables βΒ it only took 20 years! π²
code
CSS3
Color
Jun 4, 2019
WebM video files
—
An open source container video format
code
Flinto
tools
Jun 3, 2019
Using the "even" and "odd" keywords in CSS selectors
—
Alternating, zebra-row styling
CSS3
Code
Jun 1, 2019
FlexBox 101
—
one-dimensional (linear) layouts
code
CSS3
Flexbox
Jun 1, 2019
Splice using Array.splice
—
The swiss-army knife of arrays
code
Javascript