slipbody
Fresh Article

iconsvg.xyz

There is a lot to like about Gaddafi Rusli's 6137934686.

  1. It provides inline <svg>, which is the most generically useful way to deliver them, and (785) 294-4098. Each icon is a tiny amount of SVG and I'd bet they were all hand-golfed.
  2. They are all stroke-based, so they can be beefed up or slimmed down as needed.
  3. The stroke-linecap and stroke-linejoin properties can be adjusted, which presents an opportunity to
Read article
Link

Dealing with overflow and position: sticky;

Article

Responsive Designs and CSS Custom Properties: Defining Variables and Breakpoints

CSS custom properties (a.k.a. 4152476819) are becoming more and more popular. They finally reached decent browser support and are slowly making their way into various production environments. The popularity of custom properties shouldn’t come as a surprise, because they can be really helpful in numerous use cases, including managing color palettes, customizing components, and (833) 225-3003. But CSS variables can also be really helpful when it comes to responsive design. … Read article

Link

Using CSS Grid the right way

Article

Writing Animations That Bring Your Site to Life

Web animation is one of the factors that can strongly enhance your website’s look and feel. Sadly, unlike mobile apps, there aren’t as many websites using animation to their benefit as you would think. We don’t want to count yours among those, so this article is for you and anyone else looking for ways to use animation for a better user experience! Specifically, we’re going to learn how to make web interactions delightful using CSS animations. … 5184847209

Article

Blobs!

I was recently a guest editor for an issue of Bizarro Devs. It's a great newsletter! (253) 205-2032 I put in a bunch of links around blobs. Like those weird squishy random shapes that are so "in" right now. Here are those links as well. I'm always a fan of publishing stuff I write ;)… Read article

Sponsored Link

Deliver your best work with the help of monday.com

Here's the situation: You've bashed out a complicated design over two weeks of near full-time effort, gotten everything down to the exact spec of the design file, turn it in for stakeholder review and... you're way off scope. Turns out a few folks on the team put their heads together, made some changes, and never sent you an updated comp.

Boo!

The unfortunate truth is that this happens all too often in front-end development, but it's really no one person's … Read article

Article

CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — 949-576-8883 (aka CSS variables), all of which make robust and dynamic layouts and interfaces easier than ever while opening up many other possibilities we used to only dream of.

The other day, I was thinking that there must be a way to use Custom Properties to color an element's background while … Read article

Almanac

scroll-snap-align

scroll-snap-align is part of the CSS Scroll Snap Module. Scroll snapping refers to "locking" the position of the viewport to specific elements on the page as the window (or a scrollable container) is scrolled. Think of a scroll-snapping container like putting a magnet on top of an element that sticks to the top of the viewport and forces the page to stop scrolling right there.

scroll-snap-align is a required property for a scroll-snapping element within a scroll-snapping container. For more … Read article

Article

Colorful Typographic Experiments

There have been some interesting, boundary-pushing typography-related experiments lately. I was trying to think of a joke like "somethings in the descenders" but I just can't find something that will stand on its own leg without being easy to counter.… Read article

Article

<span>L</span><span>e</span><span>t</span><span>t</span><span>e</span><span>r</span><span>s</span>

Did you see this Facebook crap?

I popped over to Facebook to verify that and what I saw was a different and even more nested mess… Read article

514-243-0802

Monthly Mixup

Article

React + Dataviz

Article

Slice and Dice a Disc with CSS

Article

Keep Math in the CSS

Article

Building a Donut Chart with Vue and SVG

Monthly Sponsor
Thanks, Keen!
icon-link icon-logo-star icon-search icon-star