The invisible parts of CSS

Past issues Subscribe

Apr 4 Apr 18

Apr 11 2017

The invisible parts of CSS

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.

The invisible parts of CSS

If you use CSS in your daily work, your primary goal is probably focused around making things ‘look right’. You may not have realised it, but the visual results of CSS are often an indirect consequence of manipulating hidden properties.

In the news

Announcing free Microsoft Edge testing in partnership with BrowserStack

Microsoft is announcing partnership with BrowserStack, a leader in mobile and web testing, to provide remote virtual testing on Microsoft Edge for free.

Tools & libraries

Grid Garden

A game for learning CSS grid layout

mobx-jsonapi-store

JSON API Store for MobX

Tutorials & guides

Does CSS Grid Replace Flexbox?

No. Well. Mostly No.

Grid is much newer than Flexbox and has a bit less browser support. That's why it makes perfect sense if people are wondering if CSS grid is here to replace Flexbox.

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

Learn how to create a JavaScript extension that works in all major modern browsers: Edge, Chrome, Firefox, Opera, Brave and Vivaldi.

Garbage collection in V8, an illustrated guide

Irina thought the entire concept of garbage collection and how it gets dealt with in javascript, or more specifically in engines that run javascript, deserves a bit more of an explanation. This guide is meant to be beginner friendly, and does not cover every aspect of memory management within V8, and the rest of V8 internals.

npm and the front end

For the purpose of this article let’s look at the most fundamental issue for the front end: dependency hell.

For beginners

CSS Viewport Units: A Quick Start

Asha Laxmi offers an accessible but thorough introduction to the use of CSS viewport units for truly responsive typography and layout elements on the web.

Blogs

Webpack and Rollup: the same but different

This week, Facebook merged a monster pull request into React that replaced its existing build process with one based on Rollup, prompting several people to ask ‘why did you choose Rollup over webpack’?

Regular Expressions in a post-ES6 world

In this article we’ll take a look at regular expressions improvements in and after ES6. We’ll discuss the /y, /u, and /s flags, named capture groups, unicode property escapes, lookbehind assertions, and String#matchAll.

The full stack design system

UI methodologies like Atomic Design bring logic and structure to individual screens. Now it’s time to extend that thinking to every aspect of your product.

Hello from the server side

Unhandled Promise Rejections in Node.js

Node.js 6.6.0 added a sporadically useful bug/feature: logging unhandled promise rejections to the console by default. There are a lot of nasty gotchas with unhandled rejections. That's why Node.js gives you a mechanism for globally handling unhandled rejections.

Demo

In Pieces - 30 Endangered Species, 30 Pieces.

In Pieces is an interactive exhibition of 30 of the world’s most interesting but unfortunately endangered species — their survivals laying literally, in pieces.