Collective #581


Magical Rainbow Gradients * Tiny Helpers * Dark Isn't Just a Mode * Is reduce() bad? Collective #581 was written by Pedro Botelho and published on Codrops

Third-Party Components at Their Best


I'm a fan of the componentization of the web. I think it's a very nice way to build a website at just about any scale (except, perhaps, the absolute most basic). There are no shortage of opinions about what makes a good component, but say we scope that to third-party for a moment. That...

NetNewsWire and Feedbin


NetNewsWire is one of the classic RSS apps, debuting in 2002. I was pretty stoked when it went 5.0 and was open-sourced in August 2019! You can snag it right here. (Sorry, Mac only.) It's super nice, is fast, and looks great. It has just the right features. But... I thought, at least at first...

Thinking Through Styling Options for Web Components


Where do you put styles in web components? I'm assuming that we're using the Shadow DOM here as, to me, that's one of the big draws of a web component: a platform thing that is a uniquely powerful thing the platform can do. So this is about defining styles for a web component in a don't-leak-out...

The Design Squiggle


I think we all have an intuitive understanding that, at the beginning of projects that require our creativity (be it design or code), things feel uncertain and messy. Then, as we go, things tend to straighten out. There is still some wiggling and setbacks, but by the end, we find a single solution...

A Trend to Follow – Headline-Centric Hero Areas


Homepage headlines have always been an important focus of attention. While web app builders see them as an essential detail of the entire composition, regular visitors see them as... The post A Trend to Follow – Headline-Centric Hero Areas appeared first on Onextrapixel

How We Tagged Google Fonts and Created goofonts.com


GooFonts is a side project signed by a developer-wife and a designer-husband, both of them big fans of typography. We’ve been tagging Google Fonts and built a website that makes searching through and finding the right font easier. GooFonts uses WordPress in the back end...

A Web Component with Different HTML for Desktop and Mobile


Christian Schaefer has a great big write-up about dealing with web advertisements. The whole thing is interesting, first documenting all the challenges that ads present, and then presenting modern solutions to each of them. One code snippet that caught my eye was a simple way to design a component...

The Deal with the Section Element


Two articles published the exact same day: Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article> Over <section> Adam Laki on Pine: The Difference Between <section> and <div> Element They are comparing slightly different things, but they both...

Debunking the Myth: Accessibility and React


I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain't React... it's you. The tools are there to achieve good...

How many CSS properties are there?


Tomasz Łakomy posted a joke tweet about naming all the CSS attributes and Tejas Kumar replied with a joke answer, going as far as making an npm module. You can even run a terminal command to see them: npx get-all-css-properties You'll get 259 of them. The source code uses the website quackit.com...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace