The new iPhone X features a beautiful edge-to-edge display. Well, almost. There is the small issue of a notch at the top of the browser which doesn’t cause an issue when viewing websites in portrait but by default does cause some issues in landscape.

Hovering over the image will remove the filter effect. Unfortunately, IE & Edge browsers, as well as Opera Mini do not support filters and blend modes.

Visible vs hidden content in HTML pages and apps.

There’s quite a few ways that you can hide something from the screen, but not all techniques are created equal.

An excellent CSS Reference.

Love it or hate it, parallaxing is here to stay. When used judiciously it can add depth and subtlety to a web app. The problem, however, is that implementing parallaxing in a performant way can be challenging.

The properties in Newly supported ECMAScript 6 properties are now fully supported by Safari, without the -webkit- prefix.

Breakup is a Sass component that allows you to create multiple CSS files from a single Sass partial by wrapping your code within breakpoint blocks. It allows you to abstract what your Sass partials folder looks like from what CSS files you create.

9-bits:

If I didn’t know any better, I’d say standards bodies and browsers (those responsibility for crafting/implementing CSS) are starting to care about designers. Another big win from the Adobe Web Platform team.

 .hide-text {
                text-indent: 100%;
                white-space: nowrap;
                overflow: hidden;
                }