What's going on in world
"Easy is boring. That's why I love the web and browsers." - Remy Sharp

Hello, you're reading Infinum Frontend Cookies, bringing you the latest JavaScript and CSS related news straight to your inbox every week.
CSS is Not Broken
Coding in any language is hard before you spend time mastering it. Imagine what your JavaScript would look like if you never took the time to learn about OOP or functional programming principles? Just because you expect CSS to be easy, doesn’t mean the language is broken when you find it is not.

Read More
In the news
Synchronous, app-modal JavaScript dialogs are commonly (and unfortunately) used to harm users. Because of this, the Chromium team highly recommends that you not use JavaScript dialogs.
alert()/confirm()/prompt() dialogs are being changed. Rather than being app-modal, they will be dismissed when their tab is switched from.
A new version of Safari is out and among other things, it has support for CSS Grids, async/await, Fetch API, ES2016, ES2017 and many other great things
Tools & libraries
A vanilla JS customisable select box/text input plugin

We wear a lot of hats as front-end developers. Depending on the client or company you work for, you may be the designer, UX/UI specialist, site-builder, QA tester, and developer all rolled into one. How can we possibly add the accessibility hat on top of all that?
Tutorials & guides
When making expand and collapse effects you can use scale transforms to keep your UI performant.

In every community there’s a coming-of-age process, a rite of passage that every newcomer must experience before he or she can really be considered an insider.
Breaking out of container DIVs with this one weird trick

Async/await is a new way to write asynchronous code. Previous options for asynchronous code are callbacks and promises.
Async/await is actually built on top of promises. It cannot be used with plain callbacks or node callbacks.
Async/await makes asynchronous code look and behave a little more like synchronous code. This is where all its power lies.

This is a demonstration of how the SpeechRecognition and SpeechSynthesis interfaces of the Web Speech API can be used to create a voice assistant for a website.

At this point you’ve undoubtedly heard about imperative programming vs declarative programming.

For beginners
Let's look at some ways we can use the browsers DevTools to do design work. There are a few somewhat hidden tricks you mind find handy!

Blogs
Maria Antonietta Perna shows why SVG images can be great for website performance, provided you follow a few simple steps when you design and export them.

There are a lot of awesome tutorials and learning resources out there, so this post isn't going to be a full on how-to guide, but instead about why CSS grid is so good! Hopefully it'll convince you to give it a try!
React.js and Vue.js are two of the most popular JavaScript libraries on the planet. They are both powerful and are relatively easy to pick up and run with.
There’s one major difference between these two libraries: how they empower you the developer to create your view components, and in turn, your application.
Curated by Infinum's JS team.
Infinum JS Team · 156 2nd St · San Francisco 94105 · United States of America
Unsubscribe from newsletter