Search

Nalezeno "svg": 525

Creating Patterns With SVG Filters

15.3.2021
For years, my pain has been not being able to create a somewhat natural-looking pattern in CSS. I mean, sometimes all I need is a wood texture. The only production-friendly solution I knew of was to use an external image, … The post Creating Patterns With SVG Filters appeared first...

Awesome Git Aliases

15.3.2021
Git is an amazingly powerful tool. It can keep track of all the code you write, let you organize your work into different branches, help you seamlessly work with other developers, and even let you time travel and make changes. But wouldn’t it be awesome if Git could do more? What if you could...

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...

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