Search

Nalezeno "out": 6671

Multi-Line Inline Gradient

3.1.2019
Came across this thread: CSS superfriends! Have you seen examples of how to do multi-line padded text like this article on @css (https://t.co/2j8p4jmaT4), but with a gradient that doesn't reset for each line? pic.twitter.com/MVPdAjxt1W — Dan Mall (@danmall) December 3, 2018 My first...

Gradient Borders in CSS

28.12.2018
Let's say you need a gradient border around an element. My mind goes like this: There is no simple obvious CSS API for this. I'll just make a wrapper element with a linear-gradient background, then an inner element will block out most of that background, except a thin line of padding around...

An Initial Implementation of clip-path: path();

24.12.2018
One thing that has long surprised (and saddened) me is that the clip-path property, as awesome as it is, only takes a few values. The circle() and ellipse() functions are nice, but hiding overflows and rounding with border-radius generally helps there already. Perhaps the most useful value...

Reversing an Easing Curve

17.12.2018
Let’s take a look at a carousel I worked on where items slide in and out of view with CSS animations. To get each item to slide in and out of view nicely I used a cubic-bezier for the animation-timing-function property, instead of using a standard easing keyword. See the Pen Carousel with reversed...

Prototypes and production

11.12.2018
There’s an interesting distinction that Jeremy Keith defines between prototype code and production code in this post and I’ve been thinking about it all week: ...every so often, we use the materials of front-end development—HTML, CSS, and JavaScript—to produce something that isn’t intended...

Creating an Animated Login Form for TouchID

11.12.2018
I came across this amazing Dribbble shot by Jakub Reis a while back. It caught my eye and I knew that I just had to try recreating it in code. At that moment, I didn’t know how. I tried out a bunch of different things, and about a year later, I finally managed to make this demo. I learned a couple...

Too Much Accessibility

3.12.2018
I like to blog little veins of thought as I see them. We recently linked to an article by Facundo Corradini calling out a tweet of ours where we used an <em> where we probably should have used an <i>. Bruce Lawson checks if screen readers are the victims of these semantic...

Replace Last Command in Shell

26.11.2018
Whether I fat-finger a command or my MacBook Pro keyboard’s keys don’t want to respond like they should, I’m frequently misspelling commands.  What’s more frustrating is that many of these commands are long, taking making fixing theme time-consuming. Luckily a Twitter...

5 Reasons Static Sites Rock!

16.11.2018
Static Sites are the new hotness in Web Development and rightfully so. Every day on podcasts, blog articles, and tweets I see and hear more and more people converting their sites. Let's check out f

Get Up and Win

5.11.2018
Down on my hands and knees, I crawl around, bleeding out.  I’m resigned to my fate.  A kind stranger, a new friend, rushes over to me and kneels to help, reviving me at a time that didn’t require it.  Just as I’m revived, the kind stranger says “Get up and win”.  I...

Change Mac Brightness from Command Line

24.10.2018
Earlier this week I posted about how you can modify your Mac’s volume from command line.  Little command line scripts make me smile because I spend so much of my day in command line, and automation can be the key to productivity.  I next thought about modifying brightness from command line...

How to Get Green Blood in PUBG

24.9.2018
My current video game obsession is Player Unknown’s Battleground, also referred to as PUBG.  It’s an online multiplayer game which drops yourself and 99 others into a single, large map and you battle it out until the last man is standing.  It’s frustrating, heart-attack inducing...

Stuff you can do with CSS pointer events

27.7.2018
Martijn Cuppens (the same fella with the very weird div!) has some more irresistible CSS trickery. Three of the examples are about making a child element trigger an event on a parent element (almost like the magic that is :focus-within). Here's how I reasoned it out to myself: You know how if...

Teaching Your Clients How to Use The Website You Built Them

27.7.2018
I share my own thoughts on how you might go about educating someone you just built a site for. But it turns out I had a lot of fun putting together a ton of other people's thoughts as well. I tweeted about it and got a flood of responses, so this article is an amalgamation of all that. Direct...

Weird things variable fonts can do

20.7.2018
I tend to think of variable fonts as a font format in which a single font file is capable of displaying type at near-infinite variations of things like boldness, width, and slantyness. In my experience, that's a common use case. Just check out many of the interactive demos over...

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