Search

Nalezeno "SVG": 523

Insert Cursor at Any Position at Command Line

11.3.2021
As much as I enjoy writing lengthy pieces of JavaScript APIs, techniques, and other tech brilliance, I very much enjoy providing people quick tips to make their daily dev lives better. This is one such post. Oftentimes I’m working with long command line directives, and as you can imagine,...

Too Many SVGs Clogging Up Your Markup? Try `use`.

10.3.2021
Recently, I had to make a web page displaying a bunch of SVG graphs for an analytics dashboard. I used a bunch of <rect>, <line> and <text> elements on each graph to visualize certain metrics. This works and renders … The post Too Many SVGs Clogging Up Your Markup?...

React authentication, simplified

4.3.2021
Authentication is one of those things that just always seems to take a lot more effort than we want it to. To set up auth, you have to re-research topics you haven’t thought about since the last time you did authentication, and the fast-paced nature of the space means things have often changed...

Circular SVG Text Animation

3.3.2021
Exploring some experimental circular SVG text effects for an intro animation. The post Circular SVG Text Animation appeared first on Codrops

Use Touch ID for sudo on Mac

1.3.2021
The landscape of security is changing quite a bit. We’ve gone from basic username and password to 2FA, facial recognition, fingerprint recognition, and so on. Hell, my Mac unlocks simply when I have my Apple Watch near by. In the end, I probably use the Mac fingerprint key the most....

Collective #650

25.2.2021
Annual Awards 2020 * What the heck, z-index?? * Streams * Symphosizer * SVG Repo * Blobmixer The post Collective #650 appeared first on Codrops

Three Ways to Blob with CSS and SVG

19.2.2021
Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web. So, how are they made? Just crack open an illustration … The post Three Ways to Blob with CSS and SVG appeared...

How to Install a NPM Module from GitHub Branch

12.2.2021
In my journey to work more quickly with a project containing loads of dependencies, I’ve come across a few techniques I’ve not needed to use before. I previously wrote about How to Push to a Git Remote Branch of a Different Name — this time we’ll talk about installing...

How to Push to a Git Remote Branch of a Different Name

9.2.2021
Git is one of those tools that I’ve always known just enough about to be dangerous, and usually tend to learn new skills when I’m in a position to truly need them. Shockingly enough it has taken me roughly 15 years of using git for me to encounter the need to push to a remote...

SVG within CSS

8.2.2021
Stefan Judis has a “Today I Learned” (TIL) post explaining how SVGs filters can be inlined in CSS. The idea is that CSS has the filter property which supports some built-in functions, like grayscale(100%) and stuff like that. But … The post SVG within CSS appeared first...

Fix “no such file or directory, scandir”

8.2.2021
After 15+ years in the web development industry, and seeing the landscape of tooling change, I’ve really lost patience with tooling errors. Like…Old Man Walsh™ just wants yarn install to work so he can get on with his work day. One recent error I ran into was from a dependency...

Confessions of a Web Developer XVIII

2.2.2021
It’s been quite a while since I’ve gotten a few things off of my chest and since I’m always full of peeves and annoyances I thought it was time to unleash: Sometimes you need to get out of the cult and stop drinking the Kool-Aid to see an organization for what it is. My childhood...

JavaScript Wake Lock API

25.1.2021
An enjoyable web apps rely on engineers implementing the APIs that cover all of the small things. Those small things sometimes improve performance, usability, accessibility, and the app’s relationship with its host system. The Wake Lock API is the latter — an API that allows developers...

navigator.clipboard API

11.1.2021
Interacting with a user’s host clipboard is something web developers have wanted for both good and evil purposes. On the good side, it’s nice to allow users to easily copy text like wallet addresses or branch names; for evil, copying malicious text that the user may mistakenly paste...

Goals For 2021

29.12.2020
Every year I write a blog post about my goals for the year but I won’t pretend this year’s post is the same. I mean how the hell do I create realistic goals knowing what 2020 was and what 2021 inherits?! Pandemic, drastic political churn, social unrest…and none of that is related...

Accessible SVG Icons

28.12.2020
The answer to “What is the most accessible HTML for an SVG icon?” isn’t one-size-fits all, because what an icon needs to do on a website varies. I’m partial to Heather Migliorisi’s research on all this, but I can summarize.… The post Accessible SVG Icons...

Open a Browser Tab with DevTools Open by Default

28.12.2020
Using command line flags is a great way to subtly improve productivity. Whether saving yourself keystrokes or enabling specific features, it’s very much worth knowing the application flags available to you. To launch a new tab with DevTools in Chrome, you can use...

clipPath vs. mask

27.12.2020
These things are so similar, I find it hard to keep them straight. This is a nice little explanation from viewBox (what a cool name and URL, I hope they keep it up). The big thing is that clipPath (the element in SVG, as well as clip-path in CSS) is vector and when it is applied, whatever you...

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