Search

Nalezeno "Work": 1838

Libraries for SVG Drawing Animations

11.11.2020
In 2013, Jake Archibald introduced this cool trick of animating an SVG path to look like it’s drawing itself. It’s 2020 now, and the trick is still popular. I’ve seen it on a lot of websites I’ve visited recently. I, too, feature an animated SVG loader on my website using one of the libraries I’ll...

Chapter 5: Publishing

9.11.2020
Not long after HotWired launched on the web in 1994, Josh Quittner wrote an article entitled “Way New Journalism” for the publication. He was enthusiastic about the birth of a new medium. I’m talking about a sea change in journalism itself, in the way we do the work of reporting and presenting...

JavaScript Operator Lookup

9.11.2020
Okay, this is extremely neat: Josh Comeau made this great site called Operator Lookup that explains how JavaScript operators work. There are some code examples to explain what they do as well, which is pretty handy. My favorite bit of UI design here are the tags at the bottom of the search...

Build an app for monday.com and potentially win BIG

5.11.2020
monday.com is an online Work OS platform where teams create custom workflows in minutes to run their projects, processes, and everyday work. Over 100,000 teams use monday.com to work together. They have launched a brand new app marketplace for monday.com, meaning you can add tools built...

This page is a truly naked, brutalist html quine.

4.11.2020
Here’s a fun page coming from secretGeek.net. You don’t normally think “fun” with brutalist minimalism but the CSS trickery that makes it work on this page is certainly that. The HTML is literally displayed on the page as tags. So, in a sense, the HTML is both the page...

Additive Animations in CSS

3.11.2020
Daniel C. Wilson explains how with CSS @keyframe animations, when multiple of them are applied to an element, they do both work. But if any properties are repeated, only the last one works. They override each other. I’ve seen this limitation overcome by applying keyframes to nested elements...

Anima 4.0: Go Straight From Design to React in the Design Handoff

27.10.2020
Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only to find… the components have already been built. Huh? It might sound like a dream...

You Can Now Earn 200% on Your Investments With ETHx2.io

24.10.2020
PRESS RELEASE. With the current market crashing and jobs either disappearing or not paying enough, everyone is forced to lower their expenses or work multiple jobs just to keep up. Those times are now over with ETHx2.io. ETHx2.io helps all the investors earn 200% of what they are investing without...

Creating CSS Shapes with Emoji

24.10.2020
CSS Shapes is a standard that lets us create geometric shapes over floated elements that cause the inline contents — usually text — around those elements to wrap along the specified shapes. Such a shaped flow of text looks good in editorial designs or designs that work with text-heavy contents...

Comparing Styling Methods in 2020

19.10.2020
Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about...

People Problems

16.10.2020
Just the other day, Jeremy Keith wrote that problems with performance work isn’t only a matter of optimization and fixing code, but also tackling people problems: It struck me that there’s a continuum of performance challenges. On one end of the continuum, you’ve got technical issues. These can...

G7 Game: Keep Facebook's Libra at Bay & Work On Own CBDC

13.10.2020
Source: Adobe/bizoo_n The Group of Seven (G7) major developed economies reportedly reiterated that Facebook's Libra stablecoin can't be launched until it is properly regulated, while at the same time the club is exploring central bank digital currencies (CBDCs). “The G7 continues to maintain that...

How to Recreate the Ripple Effect of Material Design Buttons

12.10.2020
When I first discovered Material Design, I was particularly inspired by its button component. It uses a ripple effect to give users feedback in a simple, elegant way. How does this effect work? Material Design’s buttons don’t just sport a neat ripple animation, but the animation also...

Styling Complex Labels

5.10.2020
Danielle Romo covers the HTML pattern you need when you have a wordy <label> with fancy styling for an <input type="radio">. The trick? The ol’ <span class="hidden-visually"> that contains the label that you want to be read, and a <span aria-hidden="true"> with...

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