はてなブックマーク

Container Queries are one of the most anticipated new features in CSS. I recently got a chance to play with them a bit and take the new syntax for a spin. I came up with this demo of a book store. Each of the books is draggable and can be moved to one of three sections, with varying available space. Depending on where it is placed, different styles will be applied to the book. The full source code

Ah yes, CSS. Hardly a week passes without it being the topic of a heated online discussion. It's too hard. It's too simple. It's unpredictable. It's not a real programming language. Peter Griffin struggles with blinds dot gif. I don’t know why CSS sparks so many different emotions in developers, but I have a hunch as to why it can sometimes seem illogical or frustrating: You need a certain mindset

If you’ve been to any web design talk in the last couple of years, you’ve probably seen this famous tweet by Jon Gold: which one of the two possible websites are you currently designing? pic.twitter.com/ZD0uRGTqqm — Jon Gold (@jongold) 2. Februar 2016 It mocks the fact that a lot of today’s websites look the same, as they all follow the same standard layout practices that we’ve collectively decide

Forms on the web don't usually play nice with bad connections. If you try to submit a form while offline, you'll most likely just lose your input. Here's how we might fix that. TL;DR: Here’s the CodePen Demo of this post. With the introduction of Service Workers, developers are now able to supply experiences on the web that will work even without an internet connection. While it’s relatively easy

A Progressive Web App, or PWA, uses modern web capabilities to deliver an app-like user experience. Any website can be a PWA - here's how to do it. The "add to homescreen" prompt in a PWA Turning a basic website into a PWA is not that hard and has a lot of real benefits, so I want to take a look at the three main steps necessary to achieve just that. But first, let me address some common misconcep