Latest Tech News

Stay updated with the latest in technology, AI, cybersecurity, and more

Filtered by: svg Clear Filter

VirusTotal finds hidden malware phishing campaign in SVG files

VirusTotal has discovered a phishing campaign hidden in SVG files that create convincing portals impersonating Colombia's judicial system that deliver malware. VirusTotal detected this campaign after it added support for SVGs to its AI Code Insight platform. VirusTotal's AI Code Insight feature analyzes uploaded file samples using machine learning to generate summaries of suspicious or malicious behavior found in the files. After adding support for SVGs, VirusTotal found an SVG file that had

An interactive guide to SVG paths

Introduction The SVG <path> element is notoriously tricky. When I first encountered it, I found it totally inscrutable. Its syntax isn’t quite as bad as Regex, but it has the same sort of “what on earth?” vibes. At the same time, <path> elements are also incredibly useful. They’re the only way to create curved shapes in SVG, beyond full ellipses. And once you get the hang of it, they’re actually quite a lot of fun to use! In this blog post, we’ll cover all of the basic commands, including the

An Interactive Guide to SVG Paths

Introduction The SVG <path> element is notoriously tricky. When I first encountered it, I found it totally inscrutable. Its syntax isn’t quite as bad as Regex, but it has the same sort of “what on earth?” vibes. At the same time, <path> elements are also incredibly useful. They’re the only way to create curved shapes in SVG, beyond full ellipses. And once you get the hang of it, they’re actually quite a lot of fun to use! In this blog post, we’ll cover all of the basic commands, including the

Simulating hand-drawn motion with SVG filters

Published on July 09, 2025 Ever wondered how cartoons create that hand-drawn “jitter” effect? I recently watched an ARTE documentary about Neapolitan pizza and was fascinated by the animated illustrations (drawn in simple shapes and plain colors) that accompanied the segment where the recipe and its ingredients were presented. The illustrations were static, but they had a subtle animation effect that made them look like they were moving slightly. See for example in this short clip, where you c

Simulating Hand-Drawn Motion with SVG Filters

Published on July 09, 2025 Ever wondered how cartoons create that hand-drawn “jitter” effect? I recently watched an ARTE documentary about Neapolitan pizza and was fascinated by the animated illustrations (drawn in simple shapes and plain colors) that accompanied the segment where the recipe and its ingredients were presented. The illustrations were static, but they had a subtle animation effect that made them look like they were moving slightly. See for example in this short clip, where you c

I'm more proud of these 128 kilobytes than anything I've built since

No FOUT About It There were some hard choices to make immediately. The first thing we discarded was webfonts, as these were bytes we simply didn’t have to spend. font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif; Discarding webfonts and instead using the system font on the device had three benefits for us. First, it meant we didn’t have to worry about a flash-of-unstyled-text (FOUT). This happens when the browser renders the

Topics: page path stroke svg time

Making My Own Hacktoberfest T-Shirts

Between 2014 and 2022, DigitalOcean sent free t-shirts to developers who completed the Hacktoberfest challenge. For entirely sensible reasons related to sustainability and spammy entrants, they stopped doing physical merchandise in 2023. I'm the sort of hip fashionista who only wears free conference t-shirts. Sadly, after several years of constant catwalk modelling, my beloved Hacktoberfest shirts are full of holes. I couldn't find any for sale on eBay or Vinted - so I decided to make my own.