Search

Nalezeno "path": 374

Some New Icon Sets


I’ve bookmarked some icon sets lately, partly because I can never find a nice set when I need to. I figured I’d even go the extra mile here and blog them so I can definitely find them later. Aside from being nice, cohesive, and practical sets of icons, I find it interesting that...

How to Get Handwriting Animation With Irregular SVG Strokes


I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen. Because calligraphy fonts have uneven stroke widths (they actually aren’t even strokes in terms of SVG), it was near impossible to do this sort of thing...

Warp SVG Online


The warping is certainly the cool part here. Some fancy math literally transforms the path data to do the warping. But the UX detail work here is just as nice. Scrolling the page zooms in and out via a transform: scale() on the SVG wrapper (clever!). Likewise, holding the spacebar lets you...

Want to get better at code? Teach someone CSS.


A friend of mine recently asked me to teach her to code. She was an absolute beginner, having no idea what coding really involves. I decided to start where I started: HTML and CSS. Using CodePen, we started forking Pens and altering them. Soon, a learning path started to unravel. The aim of this...

DeFi on 'Tesla's Path' as Tokens Skyrocket On Hopes, Not Results


Decentralized finance (DeFi) earnings took a downturn in the second quarter of 2020, but DeFi tokens are rocketing to new highs thanks largely to yield farming – suggesting DeFi could become the financial industry’s answer to Tesla. American electric card producer Tesla is famously valued at around...

Irregular-shaped Links with Subgrid


Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...

Nordic Crypto Startup Takes (Un)usual Growth Path Due to 'Massive Potential'


Torbjørn Bull Jenssen, CEO of Arcane Crypto. Source: a video screenshot, Youtube/TEDx Talks The Norwegian crypto-focused investment and research firm Arcane Crypto is eyeing a public listing on Sweden’s Nasdaq First stock exchange by the end of the year as they see ‘massive potential’ for...

Line-Animated Hamburger Menu


This kind of SVG + CSS animation trickery is catnip to me. Mikael Ainalem shares how to draw a hamburger icon (the “three lines” thing you’re well familiar with), but then animate it in a way that is surprising and fun by controlling the SVG properties in CSS. CodePen Embed...

Using CSS Masks to Create Jagged Edges


I was working on a project that had this neat jagged edge along the bottom of a banner image. Looking sharp… in more ways than one. It’s something that made me think for a second and I learned something in the process! I thought I’d write up how I approached it so you can use it on your...

Is Liquid Sidechain a Path for Better Bitcoin Privacy?


Although Bitcoin (BTC) first hit the mainstream as a sort of anonymous Internet currency that allowed people to order drugs via darknet markets like Silk Road, the reality is transactions made on the network are completely public. Indeed, the current level of privacy offered by Bitcoin and many...

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