Posts about SVG in web design

Knowing how to create and optimise Scalable Vector Graphics (SVG) is one of the most important skills a website designer or developer working on the web today should have. SVG enables faster, more scalable graphics which are small in size and better for web performance. Andy Clarke uses SVG often in his web design work and regularly shares what he’s learned about making and optimising Scalable Vector Graphics.

SVG is the better option for Apple Black Friday dates

November 26th, 2022

After writing yesterday’s blog entry on Re-coding Apple’s Black Friday dates I realised I had missed the bleedin’ obvious solution. That instead of wrangling CSS and HTML, SVG could’ve been the better option.

A quick note about SVG foreignObject

March 8th, 2021

When I was developing the SVG panel for principles on the Stuff & Nonsense about page, I ran into a problem which could only be fixed using <foreignObject>.

Stuffed with SVG. Combining SVG graphics with text

March 3rd, 2021

Given that SVG makes it possible to create cool compositions of images and text, I’m surprised I rarely see designers and developers using it for more than just icons.

Page 1 of 1

About Andy

I’m Andy Clarke, a well-known website designer and writer on art direction and design for products and websites. I help businesses to deliver engaging customer experiences and unique designs. Read more about my work, browse my blog, or follow me on Instagram and Twitter.

Browse by topics

apes (1)
Art direction for the web (2)
Business of website design (3)
Coding and design tools (4)
CSS (Cascading Style Sheets) (5)
Design and art direction for the web (6)
external-links (7)
html-xhtml-and-microformats (8)
humour (9)
less (10)
Loose talk (11)
Mental help (12)
music (13)
News about website design (14)
personal (15)
Podcasts about web design (16)
Reviews (17)
screencasts (18)
SVG in web design (19)
talks (20)
Typography in web design (21)
Videos about web design (22)
Web accessibility (23)
Web development (24)
Writing about web design (25)

Blog roll

The Britpack

Johnny Foreigners

Occasional newsletter

Occasional news and design updates delivered to your inbox. No spam, ever.

We’ll never share your email address and you can opt out at any time. (Newsletter powered by MailChimp.)

Working with clients for over 25 years

Press to call 01745 851848

chocolate.chimp@stuffandnonsense.co.uk