Home » NewsBlog » CSS

Observable

2018-02-14T03:06:57+00:00 February 14th, 2018|Categories: News, Tutorials|Tags: |

Observable launched a couple of weeks ago. As far as I understand, it’s sort of like a mix between CodePen and Medium where you create "notebooks" for exploring data, making nifty visualizations. Check out this collection of visualizations using map integrations as an example. The entries are not only nice demos of the libraries or [...]

CSS Grid Layout Module Level 2

2018-02-14T03:06:56+00:00 February 14th, 2018|Categories: News, Tutorials|Tags: |

The second iteration of CSS Grid is already in the works and the public editor's draft was released last week! While it is by no means the final W3C recommendation, this draft is the start of discussions around big concepts many of us have been wanting to see since the first level was released, including [...]

CSS Basics: Using Fallback Colors

2018-02-14T03:06:36+00:00 February 14th, 2018|Categories: News, Tutorials|Tags: |

Something you very much want to avoid in web design is unreadable text. That can happen when the background color of an element is too close or exactly the color of the text. For instance: .header { background-color: white; color: white; } Which could lead to text that's there, but invisible. This is ... very [...]

Web Animation Workshops Dates for 2018 Announced

2018-02-13T03:06:06+00:00 February 13th, 2018|Categories: News, Tutorials|Tags: |

"I'm getting a raise!" This was my favorite quote from last year's Web Animation Workshops, as Val and I covered performance, tooling, and creating animations for SVG, CSS, JS and React. Now we're gearing up for another round of Web Animation Workshops in 2018! But we're only offering two workshops this time since both of [...]

Stimulus

2018-02-11T03:05:30+00:00 February 11th, 2018|Categories: News, Tutorials|Tags: |

A modest JavaScript framework for the HTML you already have. This will appeal to anyone who is apprehensive about JavaScript being required to generate HTML, yet wants a modern framework to help with modern problems, like state management. I wonder if this would be a good answer for things like WordPress or CraftCMS themes that [...]

Article Performance Leaderboard

2018-02-11T03:05:26+00:00 February 11th, 2018|Categories: News, Tutorials|Tags: |

A clever idea from Michael Donohoe: pit websites against each other in a performance battle! Donohoe is a long-time newsroom guy, so this is specifically about article pages for major publications. Lets state the obvious, this is an imperfect and evolving measure and the goal is to foster discussion and rivalry in making our pages [...]

Direction Aware Hover Effects

2018-02-10T03:04:47+00:00 February 10th, 2018|Categories: News, Tutorials|Tags: |

This is a particular design trick that never fails to catch people's eye! I don't know the exact history of who-thought-of-what first and all that, but I know I have seen a number of implementations of it over the years. I figured I'd round a few of them up here. Noel Delagado See the Pen [...]