Search

Nalezeno "idea": 522

Astro


You can’t even look at code or documentation for Astro (publicly) yet — it’s an in-progress idea — but you can watch a video of Fred showing it off to Feross. I gotta admit: it looks awesome. I’m bullish … The post Astro appeared first on CSS-Tricks. You can support...

This Web Site is a Tech Talk


This literal tech talk (YouTube video embedded in there) by Zach Leatherman is a good time. The talk is sprinkled with fun trickery, so I’m just taking notes on some on it here: I have no idea how he pulled … The post This Web Site is a Tech Talk appeared first on CSS-Tricks. You...

Image Fragmentation Effect With CSS Masks and Custom Properties


Geoff shared this idea of a checkerboard where the tiles disappear one-by-one to reveal an image. In it, an element has a background image, then a CSS Grid layout holds the “tiles” that go from a filled background color to … The post Image Fragmentation Effect With CSS Masks and Custom...

Taming Blend Modes: `difference` and `exclusion`


Up until 2020, blend modes were a feature I hadn’t used much because I rarely ever had any idea what result they could produce without giving them a try first. And taking the “try it and see what happens” approach … The post Taming Blend Modes: `difference` and `exclusion`...

The WordPress Evolution Toward Full-Site Editing


The block editor was a game-changer for WordPress. The idea that we can create blocks of content and arrange them in a component-like fashion means we have a lot of flexibility in how we create content, as well a bunch … The post The WordPress Evolution Toward Full-Site Editing appeared...

Mad Money’s Jim Cramer Has a Plan to Save Gamestop With Bitcoin


Mad Money host Jim Cramer thinks he has a solution to save troubled video game retailer Gamestop with the help of bitcoin. He suggests that Gamestop should raise money to buy the cryptocurrency, then convert its 5,000 locations into bitcoin stores. He believes his idea will work. Jim Cramer...

What Are You Playing This Weekend?


The weekend is for realizing how short February is at the last moment. It’s so short. We should fix that. Also, it’s about playing an anime game that should be my jam but is currently confusing the hell out of me. Read more

Hiding Content Responsibly


We’ve covered the idea of hiding things in CSS many times here, the most recent post being Marko Ilic’s “Comparing Various Ways to Hide Things in CSS” which did a nice job of comparing different techniques which you’d use in different … The post Hiding...

Use CSS Clamp to create a more flexible wrapper utility


I like Andy’s idea here: .wrapper { width: clamp(16rem, 90vw, 70rem); margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; } Normally I’d just set a max-width there, but as Andy says: This becomes a slight issue in mid-sized viewports, such...

Using AbortController as an Alternative for Removing Event Listeners


The idea of an “abortable” fetch came to life in 2017 when AbortController was released. That gives us a way to bail on an API request initiated by fetch() — even multiple calls — whenever we want. Here’s a super … The post Using AbortController as an Alternative for Removing Event Listeners...

SVG within CSS


Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that. But … The post SVG within CSS appeared first...

Animating a CSS Gradient Border


This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...

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