Tag: CSS

Readings for Lunch — [ 08 Dec 2017 ]

IMAGE OF THE DAY
Flowers in a Silver Vase (detail) – Willem van Aelst (full painting)

DATA VISUALISATION

The Stories Behind a Line

A visual narrative of six asylum seekers' routes, that travelled from their hometown to Italy. This project wants to tell their stories through the data that shaped their personal travelling line.

CSS

Enduring CSS – Video

Ben Frain, creator of Enduring CSS (ECSS), has given a talk about how to use this methodology as architecture of large-scale projects. Un-missable!

Readings for Lunch — [ 07 Dec 2017 ]

IMAGE OF THE DAY
CSS

Take control of your scroll: customizing pull-to-refresh and overflow effects

Google is introducing the overscroll-behavior property that allows developers to override the browser's default overflow scroll behavior when reaching the top/bottom of content. A lot of interesting use cases and applications for it.

MANAGEMENT

Tech Leadership Principles

At BuzzFeed, we believe that every member of the Tech team, regardless of their level or role, can and should strive to become a leader. Laid out below are a series of principles that help us evaluate our decision-making and nudge us in the right direction when we lack clarit

Readings for Lunch — [ 30 Aug 2017 ]

IMAGE OF THE DAY
Lee Valley Park by Stanislav Ignatenkov (source)

THINK

Just Following Orders

Engineers take note: doing your job does not mean that you just follow orders. The courts are going to hold you to a high ethical standard, even if your employer does not.

CSS

Intro to styled-components

A screencast by Jack Franklin with special guest Glen Maddern (co-creator of style components, one of the most used CSS-in-JS library). There's so much to learn seeing two great JS and CSS developers discuss and think loud on how they would write JSX code.

Readings for Lunch — [ 11 Jul 2017 ]

IMAGE OF THE DAY
Praia da Figueira – Mato Grosso do Sul – Brasil (source)

CSS

Emotion: the Next Generation of CSS-in-JS

emotion is a high performance, lightweight css-in-js library.[…]
The basic idea is simple. You shouldn’t have to sacrifice runtime performance for good developer experience when writing CSS.

CRYPTOCURRENCY

Bitcoin, Ethereum, Blockchain, Tokens, ICOs: why should anyone care?

If you want to understand why crypto is getting the spotlight, you have to understand the behind-the-scenes catalysts driving the market. Right now, that catalyst is the “token sale” or “Initial Coin Offering (ICO)” phenomena.

Readings for Lunch — [ 23 May 2017 ]

IMAGE OF THE DAY
"I passatempi di Yuquis " by Richolly Rosazza (via Francesca Resta) (source)

MUSIC

Are Pop lyrics getting more repetitive?

In 1977, tDonald Knuth published a paper called The Complexity of Songs, which is basically one long joke about the repetitive lyrics of newfangled music

Colin Morris is going to try to test this hypothesis with data, analyzing the repetitiveness of a dataset of 15,000 songs that charted on the Billboard Hot 100 between 1958 and 2017.

(via Luciano Mammino)

CSS

A unified styling language

In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community.
This, of course, hasn’t been without its controversies. Many people, particularly those already intimately familiar with CSS, have looked on in disbelief.

Readings for Lunch — [ 08 May 2017 ]

IMAGE OF THE DAY
Walls. We never learn.

CSS

A Unified Styling Language/

Together with Glen Maddern's one, this talk by Mark Dalgleish signed a new phase in the perception of CSS-in-JS in the CSS community. Well done!

WEBPERF

CSS and the First Meaningful Paint

In this talk Patrick Hamann took the audience on a journey exploring the current, past, and future best-practices for loading CSS in the browser and how we can achieve a first meaningful paint within 1000ms.

Readings for Lunch — [ 17 Jan 2017 ]

IMAGE OF THE DAY
When I see people thinking that "it was better 50 years ago" (see Make America Great Again, Brexit, the rise of localisms, etc.), I believe they should first look at this chart and reconsider their privileged point of view in the history of humanity. (source)

CSS

Orthogonality and CSS in JS

An interesting article that explores boundaries and interfaces between CSS and JavaScript, exploring orthogonality, cohesion, and coupling in the “Separation of Concerns” paradigm.

DESIGN

Design for internationalization

Quite often people consider only the best case scenarios when designing an interface. This article highlights what to take in account when designing a multi-language application.

Readings for Lunch — [ 06 Dec 2016 ]

IMAGE OF THE DAY
drawings_for_my_grandchildren (source) – read the amazing, lovely full story here.

JAVASCRIPT

Dear JavaScript,

There is not only the JavaScript fatigue of those trying to learn JavaScript or keep the pace with all its innovations.There is also the fatigue of those contributing to open source projects, working at the edges, pushing the boundaries and designing the future of JavaScript, and is not easy for them too.

CSS

Nesting your BEM

Wow, even Harry Roberts (a.k.a. csswizardry) is re-considering his position on CSS nesting…
Not yet a green light, but definitely a big step forward (in my personal opinion).

Readings for Lunch — [ 22 Nov 2016 ]

IMAGE OF THE DAY
Claude Monet: Irises in the Artist's Garden at Giverny – (source)

COMPUTER SCIENCE

The Balanced Ternary Machines of Soviet Russia

It's pretty common knowledge that computers store and operate on data using the binary number system. Such a design is so ubiquitous nowadays that it's hard to imagine that computers could operate in any other way. But, in Soviet Russia during the 1950s, they did.

CSS

CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends

Heydon Pickering revisits inheritance, the cascade and scope with respect to modular interface design, to show how to leverage these features and make your CSS more concise and self-regulating.

Readings for Lunch — [ 27 Sep 2016 ]

IMAGE OF THE DAY
Antonio Canova – Perseo trionfante (detail of the sandal) – Musei Vaticani, Rome.

CSS

The New System Font Stack?

Recently more and more websites have started using the system fonts in the browser (last but not least, Slack). But it's not just a matter of declaring a simple font-family rule in your CSS.

EVENTS

Fronteers Conference

The lineup of this year's Fronteers conference is simply amazing. A two days in Amsterdam full of great talks and speakers. Don't miss it!

Readings for Lunch — [ 07 Sep 2016 ]

IMAGE OF THE DAY
Wildlife Photographer of the Year at London's Natural History Museum. (source)

CSS

Modern CSS and interactive email

Probably one of the most impressive (and crazy) presentations of the year, run entirely in an email client.

PS: and if you want to see it live, it will be at From The Front next week 😉

SCIENCE

Could Dark Energy Be Caused By Frozen Neutrinos?

A new explanation for the “dark energy” in the Universe. This time it could be even possibly testable scientifically.

Readings for Lunch — [ 29 Jul 2016 ]

IMAGE OF THE DAY
Stunning cabin on a lake in Austria (source)

THINK

Don't fail: Succail

Mills from ustwo in a funny talk at CreativeMornings Sydney about “not succeeding or failing but succailing”. The story of the company (sort of, be ready to a lot of detours) told by one of his founders.

CSS

Flexbox adventures

Chris Wright explains the "flexbox" box model in a very simple (but also very clear) way. A very good introduction for a flex primer, but also good to revise what we already know.

Readings for Lunch — [ 12 May 2016 ]

IMAGE OF THE DAY
The Super Families Series by artist Andry Rajoelina. (source)

CSS

To BEM or not to BEM

A series of interviews on BEM methodology. The first one is with Christoph Reinartz from Trivago.

This is a side project I have worked on in the last weeks, I hope you'll like it 🙂

DESIGN

Where we’re at, and where we’re going

A look at past, present and future of the governmental agency that built Gov.UK.
“It’s not about computers: the important thing that's changing here isn't the IT, it's the people. It's us.”

Readings for Lunch — [ 11 May 2016 ]

IMAGE OF THE DAY

TECH

The first full-scale test of the Hyperloop

Not one but two different companies are working on ultra-speed transportation systems (called “hyperloop”). In the next days the first full-scale test will take place (for now only in an open-air environment).

CSS

CSS in JS

The recording of the talk that Michele Bertoli held at Front End London on problems with CSS at scale and some interesting JavaScript-based solutions, from Inline Styles to CSS Modules.

Readings for Lunch — [ 11 Mar 2016 ]

IMAGE OF THE DAY
“Loving Vincent” is a movie about Vincent Van Gogh, 12 oil paintings per second, all done by over 100 painters trained in the same style. Simply amazing! (source)

PROGRAMMING

Maybe we could tone down the JavaScript

“What’s less great [about the web] is a team of highly-paid and highly-skilled people all using Chrome on a recent Mac Pro, developing in an office half a mile from almost every server they hit, then turning around and scoffing at people who don’t have exactly the same setup”.

CSS

Component Style

Is there a “right” way to style components? Danny Bowman tries to respond to this questions. Starting from the modern separation of concerns to end with CSS Modules as a possible ideal solution.