#svg

🖼️

Export SVG + CSS Animations: Ship Zero-JS Motion to Production

DEV Community·Hari·6 months ago

#svg #css #performance #production #animation

Learn how to export and ship SVG + CSS animations to production. Zero JavaScript, zero dependencies — just portable markup that works everywhere.

15s

🖼️

0Read More

GitHub is sinking

dbushell.com·David Bushell·6 months ago

#UKNK3bDu

#svg #header #percentage_calculation #github #microsoft

View the full article

Create a free account to read full articles inline — no redirect to the original site.

Create account Log in

CSS Keyframe Animation: Orchestrating Complex SVG Sequences

🖼️

0Read More

CSS Keyframe Animation: Orchestrating Complex SVG Sequences

DEV Community·Hari·6 months ago

#A6gp03m2

#css #svg #keyframes #advanced #animation

Learn advanced CSS keyframe techniques to orchestrate complex SVG animation sequences. Master timing, delays, and multi-element choreography.

15s

Computing with Secret Shares - Introducing Beaver Triples

🖼️

0Read More

Computing with Secret Shares - Introducing Beaver Triples

stoffelmpc.com·Mikerah Quintyne-Collins·6 months ago

#AnllBeRa

#svg1295923608_219 #svg682120624_7293 #svg1181812276_11190 #svg #svg1181812276_11190_clip0_230_34

Ship features that can't leak user data—even in a breach. Stoffel's secure multiparty computation (MPC) platform lets you compute on encrypted inputs. Math-backed privacy, not promises.

15s

Building an Animated SVG Icon System with CSS

🖼️

0Read More

Building an Animated SVG Icon System with CSS

DEV Community·Hari·6 months ago

#sSiloxyy

#svg #css #icons #ui #animation

Build a complete animated SVG icon system using only CSS keyframes. Hamburger menus, notification bells, loading states — all with zero JavaScript.

15s

CSS Animation with SVG clip-path: Creative Masking Effects

🖼️

0Read More

CSS Animation with SVG clip-path: Creative Masking Effects

DEV Community·Hari·6 months ago

#8tapXSCz

#css #svg #clippath #effects #animation

Create stunning masking and reveal animations using CSS and SVG clip-path. Learn animated clips, shape reveals, and creative transitions with zero JS.

15s

Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP | Codrops

🖼️

0Read More

Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP | Codrops

Codrops·Ayotomiwa Wale-Durojaye·6 months ago

#aW0X6GlE

#gsap #svg #casestudies #designers #developers

How I rebuilt Claude AI’s mascot animations from scratch, frame by frame, purely in code using SVG and GSAP.

15s

Responsive SVG Animations That Scale with CSS

🖼️

0Read More

Responsive SVG Animations That Scale with CSS

DEV Community·Hari·6 months ago

#qNjl5S0u

#svg #css #responsive #animation #transform

Learn how to build responsive SVG animations with CSS that scale perfectly from mobile to desktop. No JavaScript, no media query hacks.

15s

Free SVG Recolor Tool — Change SVG Colors in Seconds.

🖼️

0Read More

Free SVG Recolor Tool — Change SVG Colors in Seconds.

DEV Community·freecolortheory·6 months ago

#Fzz5KKPd

#svg #webdev #programming #javascript #color

Recoloring SVG files manually is a pain — hunting hex codes in XML is slow and error-prone. Free...

15s

CSS Animation vs SMIL: Why CSS Always Wins for SVG

🖼️

0Read More

CSS Animation vs SMIL: Why CSS Always Wins for SVG

DEV Community·Hari·6 months ago

#89DJgotx

#css #svg #smil #comparison #animation

Compare CSS animations vs SMIL for SVG. Learn why CSS keyframes are the clear winner for performance, browser support, and developer experience.

15s

Fixing SVG Figure Alignment Issues Between Inkscape and Overleaf

🖼️

0Read More

Fixing SVG Figure Alignment Issues Between Inkscape and Overleaf

DEV Community·Tahzib Mahmud Rifat·6 months ago

#cNzK4Z26

#svg #inkscpae #latex #research #figure

Fixing SVG Figure Alignment Issues Between Inkscape and Overleaf When preparing a research...

15s

SVG Text Animations with CSS: Typewriter, Fade & Reveal

🖼️

0Read More

SVG Text Animations with CSS: Typewriter, Fade & Reveal

DEV Community·Hari·6 months ago

#fW60b5mt

#svg #css #text #animation #transform

Animate SVG text with pure CSS. Learn typewriter effects, fade-in reveals, and letter-by-letter animations with zero JavaScript.

15s

Infinite CSS Animations: Creating Seamless SVG Loops

📰

0Read More

Infinite CSS Animations: Creating Seamless SVG Loops

DEV Community·Hari·6 months ago

#uOQTR7f2

#css #svg #infinite #animation #transform

Learn how to create perfectly seamless infinite CSS animations for SVG. Master loop techniques, smooth transitions, and continuous motion effects.

15s

SVG Filter Animations with CSS: Glow, Blur & Drop Shadow

📰

0Read More

SVG Filter Animations with CSS: Glow, Blur & Drop Shadow

DEV Community·Hari·6 months ago

#ZHtVKwhu

#svg #css #filters #effects #animation

Create stunning SVG filter animations with CSS. Learn animated glow, blur, and drop shadow effects that run at 60fps with zero JavaScript.

15s

What is B2B Influencer Marketing? Top Marketers Weigh In

🖼️

0Read More

What is B2B Influencer Marketing? Top Marketers Weigh In

TopRank® Marketing·Debbie Friez·6 months ago

#qp1SGBub

#svg #clip0_3678_81067 #clip0_3678_81072 #clip0_4824_164802 #clip0_4824_164726

What is B2B influencer marketing? To get the best definition, we asked marketers and B2B influencers themselves.

15s

How Strong SEO Strategies Will Boost Your Lead conversion How Strong SEO Strategies Boost Lead Conversion

🖼️

0Read More

How Strong SEO Strategies Will Boost Your Lead conversion How Strong SEO Strategies Boost Lead Conversion

TopRank® Marketing·Harry Mackin·6 months ago

#1dkqBH7V

#svg #clip0_3678_81067 #clip0_3678_81072 #clip0_4824_164802 #clip0_4824_164726

It’s past time to abandon the misconception that SEO isn’t a crucial part of lead generation and conversion, and we can prove why.

15s

Should You Develop a Microsite for SEO? Learn Why and How Developing a Microsite SEO Strategy

🖼️

0Read More

Should You Develop a Microsite for SEO? Learn Why and How Developing a Microsite SEO Strategy

TopRank® Marketing·Ryan Leighty·6 months ago

#KN2ZLBbN

#svg #clip0_3678_81067 #clip0_3678_81072 #clip0_4824_164802 #clip0_4824_164726

Organizing your content into microsites is one way to help get it seen. Here’s what you need to know.

15s

The Big Guide to Organic Social Media Marketing

🖼️

0Read More

The Big Guide to Organic Social Media Marketing

TopRank® Marketing·Alex White·6 months ago

#X3afiy4s

#svg #clip0_3678_81067 #clip0_3678_81072 #clip0_4824_164802 #clip0_4824_164726

A primer on organic social media: what it is, how it’s different from paid media, and how to drive results..

15s

TopRank Marketing and Sprinklr Win a Prestigious 2024 Content Marketing Award

🖼️

0Read More

TopRank Marketing and Sprinklr Win a Prestigious 2024 Content Marketing Award

TopRank® Marketing·Debbie Friez·6 months ago

#kkcQkaud

#svg #clip0_3678_81067 #clip0_3678_81072 #clip0_4824_164802 #clip0_4824_164726

The Content Marketing Awards, presented each year by CMI, is the largest and longest-running international content marketing awards program in the world for content creation, distribution, and innovation.

15s

Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine

🖼️

0Read More

Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine

Smashing Magazine·Andy Clarke·7 months ago

#f2DyAu

#svg #css #design #b100e #toon

In this article, pioneering author and web designer [Andy Clarke](https://stuffandnonsense.co.uk) shows his techniques for creating [Toon Text titles](https://stuffandnonsense.co.uk/toon-text/index.html) using modern CSS and SVG.

15s

Menu

Export SVG + CSS Animations: Ship Zero-JS Motion to Production

GitHub is sinking

CSS Keyframe Animation: Orchestrating Complex SVG Sequences

Computing with Secret Shares - Introducing Beaver Triples

Building an Animated SVG Icon System with CSS

CSS Animation with SVG clip-path: Creative Masking Effects

Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP | Codrops

Responsive SVG Animations That Scale with CSS

Free SVG Recolor Tool — Change SVG Colors in Seconds.

CSS Animation vs SMIL: Why CSS Always Wins for SVG

Fixing SVG Figure Alignment Issues Between Inkscape and Overleaf

SVG Text Animations with CSS: Typewriter, Fade & Reveal

Infinite CSS Animations: Creating Seamless SVG Loops

SVG Filter Animations with CSS: Glow, Blur & Drop Shadow

What is B2B Influencer Marketing? Top Marketers Weigh In

How Strong SEO Strategies Will Boost Your Lead conversion How Strong SEO Strategies Boost Lead Conversion

Should You Develop a Microsite for SEO? Learn Why and How Developing a Microsite SEO Strategy

The Big Guide to Organic Social Media Marketing

TopRank Marketing and Sprinklr Win a Prestigious 2024 Content Marketing Award

Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine