CSS is Not Broken

Past issues Subscribe

Mar 28 Apr 11

Apr 4 2017

CSS is Not Broken

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.

In the news

Chromium policy on JavaScript dialogs

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.

Safari 10.1

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

Choices

A vanilla JS customisable select box/text input plugin

A11Y Style Guide

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

Building performant expand & collapse animations

When making expand and collapse effects you can use scale transforms to keep your UI performant.

8 CSS gotchas to start your morning off right

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.

Hassle-free Full Bleed with *:not()

Breaking out of container DIVs with this one weird trick

6 Reasons Why JavaScript’s Async/Await Blows Promises Away

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.

Creating a Voice Assistant with Web Speech API

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.

Imperative vs Declarative Programming

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

For beginners

Using DevTools to Tweak Designs in the Browser

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

Is Using SVG Images Good for Your Website's Performance?

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.

3 CSS Grid Features That Make My Heart Flutter

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’s JSX vs Vue’s templates: a showdown on the front end

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.