Accessibility, Grid layout and ES6 const: #1.24 the latest News (the Good Parts)


Cross-Site Request Forgery is dead!
[Music playing]
Hi Let’s talk today about Accessibility, Grid
layout and ES6 const.
I’m Anatol and you are watching the Good Parts
of the Frontend development.
[Music playing]
One more time I want to draw your attention
to a new episode of a11y cast. I believe accessibility
to be very important. In new episode Rob Dodson
illustrates the difference between states
and properties in accordance with ARIA specification.
So you can determine which states and properties
your element supports.
There is a proposal for adding a newelement
to the HTML specification. Jake Archibald
put his two cents into the ongoing discussion.
Do we need a new heading element? We still
don’t know.
Rachel Andrew published a Box Alignment Cheatsheet.
Here you can find the details how items are
aligned in the various layout methods. This
cheatsheet compares alignment in CSS Grid
Layout and Flexbox.
[Music playing]
Scott Domes posted another in-depth article
describing the Flexbox’s work, namely “Even
more about how Flexbox works — explained
in big, colorful, animated gifs”. You can
find his article on Medium.
One more good post on this topic is “How to
Use CSS Animations Like a Pro” by Ibrahim
Nergiz. The author sets an example how to
create animation magic with keyframes, and
animation properties like timing, delay, play
state, animation-count, iteration count, and
more.
Erik Kennedy wrote a worth-reading article
“Creating Non-Rectangular Headers” on CSS-Tricks.
In this post Erik employs the different methods
(such as SVG, clip-path or border-radius)
to implement visual effects on the site.
Have you ever considered Responsive CSS without
Media Queries? Andy Kirk shows a new approach
using flex boxes and Calc function. The output
is questionable, however it’s a good moment
to think out of the box and start using unexpected
beneficial side effects.
[Music playing]
If you’re interested in Image Processing using
Javascript in Browser, then take a look at
this feature-based comparison of five image
processing libraries that work within the
browser.
“Cross-Site Request Forgery is dead!” declared
Scott Helme. Scott introduces us to SameSite
cookies, a simple mitigation for CSRF attacks.
Having been gifted with “let” and “const”
from ES6, we must keep in mind that “const”
doesn’t mean a constant type. Using const
only means that the variable will always have
a reference to the same object or primitive
value. You can learn more on Ponyfoo.
Here is one more peak: dwitter dot net.
If you love math or data visualization as
much as I do, here you can try essentially
tiny pieces of JavaScript that render simple
demos into canvas elements. There are already
tons of examples.
[Music playing]
If you like this video give it “thumbs up”,
share it with your friends, subscribe to the
channel and watch other episodes.
[Music playing]
This is all for this week. Thanks for watching
and stay curious.

Leave a Reply

Your email address will not be published. Required fields are marked *