Search

Nalezeno "you": 5892

The Mad Magazine Fold-In Effect in CSS


This was always my favorite thing in Mad magazine. One page (the inside of the back cover, I think) was covered in a zany illustration. You folded that page in thirds, covering up the middle-third of that image, and a new image would form because the illustration was designed to perfectly line...

Some Typography Links


I just can’t stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open tabs. Vistaserve is “a grass-roots web hosting initiative hailing from Thornbury, Australia. Inspired by the quirky web of...

How to Disable Code: The Developer’s Production Kill Switch


The following is a guest post written by Carlos Schults. Being able to disable code in production is a power that many developers aren’t aware of. And that’s a shame. The ability to switch off some portions—or even complete features—of the codebase can dramatically improve the software development...

Hide Scrollbars During an Animation


CSS still can’t animate to auto dimensions. .dropdown { transition: 0.2s; height: 0; } .dropdown.open { /* the height will change, but it won't animate. */ height: auto; } There is JavaScript trickery you can try. Brandon Smith outlined several techniques here a little while back....

Leveraged Tokens Soon Available on the Bitcoin.com Exchange


Four new tokens by Amun will be listed on the Bitcoin.com Exchange this Thursday. Amun is a leading crypto technology company that builds tokens to make purchasing crypto more accessible, safe, and efficient. You have the chance to trade these tokens for free on the Bitcoin.com Exchange from...

How to Make localStorage Reactive in Vue


Reactivity is one of Vue’s greatest features. It is also one of the most mysterious if you don’t know what it’s doing behind the scenes. Like, why does it work with objects and arrays and not with other things, like localStorage? Let’s answer that that question, and while we’re at it, make...

Let’s Make a Multi-Thumb Slider That Calculates The Width Between Thumbs


HTML has an <input type="range">, which is, you could argue, the simplest type of proportion slider. Wherever the thumb of that slider ends up could represent a proportion of whatever is before and whatever is after it (using the value and max attributes). Getting fancier, it’s possible...

An Overview of Scroll Technologies


Scroll-related animations have been used on the web for years. In recent years, they’ve started to become more common, perhaps in part due to devices being higher-performing and thus able to handle more animation.  There are a number of scroll related technologies out there, so this article’s...

Rough Notation


This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are 6 design options, all configurable). Super clever. Here’s a little demo: CodePen Embed Fallback Aside from it just being cool,...

Using Custom Property “Stacks” to Tame the Cascade


Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we’ve had very little control over how they interact. Selector specificity and source order provide some minimal “layering” control...

Patternico


I remember searching for tutorials for making seamless patterns in Photoshop¹ all the time back in the day. It’s fun to see this little website for building repeating patterns as its one job. It does everything you’d expect: pick a background, drag some decorations onto it and position...

Advice for Complex CSS Illustrations


If you were to ask me what question I hear most about front-end development, I’d say it’s“How do I get better at CSS?” And that question usually comes up to some CSS illustration I made, which is something I love to do over on CodePen. To many, CSS is this mythical beast that can’t...

Everything You Need to Know About FLIP Animations in React


With a very recent Safari update, Web Animations API (WAAPI) is now supported without a flag in all modern browsers (except IE).  Here’s a handy Pen where you can check which features your browser supports. The WAAPI is a nice way to do animation (that needs to be done in JavaScript) because...

5 Crypto YouTubers to Help You Learn the Ropes of the Industry


The cryptocurrency space is evolving fast. If you’re just getting involved, it can be a headache to try to navigateContinue Reading The post 5 Crypto YouTubers to Help You Learn the Ropes of the Industry appeared first on CoinMarketCap Blog

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