SpeckyBoy

JANUARY 7, 2022

Wrapping text inside an SVG using CSS – Written by Jay Freestone. The Many Methods for Using SVG Icons – Chen Hui Jing delves into the myriad of options for using SVG icons. metaSEO – A free web-based tool for quickly generating meta tags for your website or content.

Web Design 126

Web Design Web Design Layout Animation 126

FlowingData

APRIL 10, 2025

It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Tags: animation , JavaScript , Julian Garnier is a fast, multipurpose and lightweight JavaScript animation library with a simple, yet powerful API. version was just released.

Animation 113

Animation Coding 113

SpeckyBoy

FEBRUARY 5, 2023

It consists of two HTML <div> tags, each containing the same word. See the Pen Stroke Logo Animation by Jon Kantner CSS Animated SVG Mum with Cub by Mikael Ainalem The clever use of SVG makes this mama and baby animation a fun one. And because it’s built with SVG, it will look sharp at any size.

Animation 128

Animation Color Schemes Color Patterns 128

FlowingData

AUGUST 30, 2023

It’s straightforward to share a static SVG online, but maybe you want tooltips or for elements to highlight when you hover over them. Tags: Flourish , illustration , SVG Flourish has a new template to provide the interactions easier. Seems promising.

Templates 106

Templates Illustration Illustrator 106

Under Consideration / Brand

JULY 9, 2020

Even on their website, the logo is live text (as opposed to an SVG or PNG file). Your browser does not support the video tag. Your browser does not support the video tag. Your browser does not support the video tag. Your browser does not support the video tag. Your browser does not support the video tag.

Animation 116

Animation Brand Branding Color 116

Just Creative

MARCH 30, 2023

It comes at an affordable price tag and allows you to design vectors on a computer and iPad easily. In particular, GIMP is popular among the Cricut community because you can convert files into the SVG format before importing them to Design Space. It exports in the formats JPG, SVG, PDF, PNG, and TIFF. Learn More 5.

Vectors 206

Vectors Adobe Arts and Crafts Programming 206

Under Consideration / Brand

FEBRUARY 4, 2020

Your browser does not support the video tag. And the “O”, at first I thought it was an SVG issue that distorted it but, nope, its hump on the right upper area seems to be on purpose. Design by. Related links. Sonic Twitter announcement. Images (opinion after). Before to after logo animation. Against color background.

Color 133

Color Animation Magazine Brand 133

Canva

JANUARY 15, 2020

Icon sets come in a variety of different formats, including SVG, PSD, and PNG. Beautiful, free, and vector-based, the icons of Captain Icon are available in EPS, PSD, PNG, SVG, and Web Font. Not everyone tags their icons properly on Dribbble, so you’ll want to take your time to find the perfect asset. Smashing Magazine.

Vectors 166

Vectors Fonts Graphic Magazine 166

Tuts Plus

JUNE 8, 2020

SVG color fonts are poised to take over the graphic design world in 2020, but what exactly are they, and how can you use them? Each color font is made up of a ‘fallback’ core, which is the standard OpenType vector font, plus additional data tagged on which is rendered in SVG (Scalable Vector Graphics) format.

Fonts 98

Fonts Color Adobe Internet and Software Development 98

SpeckyBoy

APRIL 7, 2023

Flectofy – Create unique SVG shapes with this tool. Jumping HTML Tags – Another Reason to Validate your Markup – Some tools can produce problematic HTML output. Tech Icons – A free set of PNG/SVG icons representing a multitude of tech brands and tools. Slim Icons – Check out this free and open-source library of 100+ icons.

Web Design 128

Web Design Web Design Coding Templates 128

Speckyboy Design Magazine

APRIL 3, 2021

SVG or Scalable Vector Graphics have one serious advantage over the regular image formats: they are infinitely scalable which means there is no degradation of quality no matter how big or how small you make the image. However, SVG is not only used for images. You can use SVG filters to manipulate images and text and apply cool effects.

Templates 75

Templates Vectors Coding Illustration 75

Design Shack

JUNE 27, 2025

The price tag doesn’t always match the design quality, and that’s a hard lesson many designers learn the expensive way. SVG files deserve special attention too. If a graphic feels chaotic or you can’t figure out where to look first, it’s not truly premium no matter what the price tag says.

Graphic 64

Graphic Color Vectors Color Schemes 64

HONGKIAT

FEBRUARY 11, 2022

Search by the 15 tags available, or go with what’s popular or the newest additions. Vector4Free.com offers free vector graphics in the follow formats: Illustrator AI, EPS, PDF, SVG and Corel Draw CDR files. Use tags or search box to simplify your search. On Qvectors you can search vector designs by categories or tags.

Vectors 143

Vectors Patterns Graphic Theme 143

Just Creative

MARCH 30, 2023

You can add tags, ratings, comments, and annotations directly to your design files and quickly find what you need with its robust search filter. Key features: Instant preview 90+ design formats: images, PSD, ai, pdf, fonts, SVG, gif, 3D. Key features: Instant preview 90+ design formats: images, PSD, ai, pdf, fonts, SVG, gif, 3D.

Graphic Design 278

Graphic Design Graphic Adobe Vectors 278

UX Collective

JANUARY 22, 2022

The empty alt tag should explicitly be present in the <img /> tag as if this is missed the screen-reader might read out the filename for the image which will add to the user’s confusion. When using SVGs in an image tag, it is better to use aria-labelledby attribute to label the SVG. <svg

Presentation 135

Presentation Layout Coding Patterns 135

Smashing Magazine Graphics

DECEMBER 9, 2021

And, psst, they are perfect if you’re in need for some last-minute Christmas cards, gift tags, or wrapping paper, too. 14 illustrations are included in the pack, in SVG, PNG, and EPS formats. The Christmas Illustration Pack by Iconscout includes 14 illustrations in SVG, PNG, and EPS formats. Designed by Iconscout ).

Vectors 87

Vectors Inspiration Color Illustration 87

SpeckyBoy

JUNE 18, 2023

This effect could be a great way to enhance an old-school tag cloud. A variable font is used along with SVG to create this bouncy masterpiece. See the Pen Falling Words by Gayane Gasparyan Jello Stretchy Variable Font by Pete Barr Sometimes a special effect can add context to a word. It jiggles – just like the popular dessert.

Animation 139

Animation Color Schemes Fonts Presentation 139

SpeckyBoy

AUGUST 14, 2022

From there, JavaScript is used to add a data-theme attribute to the page’s HTML tag. This snippet features SVG images and animation to create a unique day-to-night toggle. SASS then looks for the attribute’s value and styles the content accordingly. See the Pen Easy Dark Mode with SASS by Kaio Almeida.

Color Schemes 141

Color Schemes Theme Color Animation 141

Inkbot Design

FEBRUARY 20, 2023

Don't worry; I'll explain everything about SEO-friendly images in this guide, from choosing the correct file format to optimising alt tags and everything in between. 3 – Optimise Alt-Tags An alt tag is a text description assigned to an image to describe what the image is about. But where to start?

Coding 98

Coding Media Layout Gallery 98

HONGKIAT

JANUARY 31, 2023

It allows you to embed icons in plain HTML with SVG, with a front-end framework like Vue.js It covers the basics of web components, such as the use of the template tag, the slot tag, and styling , and includes a variety of useful examples ranging from simple to complex. using a unified API.

Coding 134

Coding Web Design Web Design Color 134

Creative Applications

JUNE 11, 2025

svg, logov6_var2.svg, svg, logov6_var3.svg, svg, logov6_var4.svg D 21/04/2016 A @ Filip C Project P Ralf Baecker T Geiger Tube About --> $images = [ logov6_var1.svg,

Coding 45

Coding Education Media Animation 45

SpeckyBoy

DECEMBER 13, 2022

Heazy SVG Creator Craft custom SVGs with the help of this browser-based tool. metaSEO A free web-based tool for quickly generating meta tags for your website or content. Ethical Design Resources A collection of articles, organizations, tools, and more that promote ethics in design.

Web Design 140

Web Design Web Design Coding Fonts 140

SpeckyBoy

OCTOBER 23, 2022

Especially when you consider that HTML now has the details and summary tags built in. By combining the HTML nav tag, unordered lists, and CSS, we can support the full spectrum of devices. Now, CSS can be combined with the likes of HTML canvas , SVG, and other goodies to create some surprisingly-powerful results.

Media 111

Media Coding Web Design Web Design 111

Inkbot Design

JANUARY 10, 2024

It can also output SVG, HTML and videos. Illustrator: EPS and other vector files essential for graphic design, interactive SVG, design templates, content for apps/websites, and graphics for video. Quickly iterate icons with consistent lines and curves, export SVG vector sources and maintain visual integrity even at small pixel sizes.

Illustration 97

Illustration Illustrator Vectors Adobe 97

Template Monster

NOVEMBER 12, 2021

The pack includes colored and flat-style icons in PNG, PDF, SVG, AI, EPS file formats that are all easy to use. The package includes AI, EPS, SVG, PNG, PDF file formats. The package comprises six file formats: AI, CDR, EPS, JPG, PNG, SVG. Also, it is compatible with Adobe Illustrator and many other popular editing programs.

Templates 98

Templates Vectors Media Color 98

Just Creative

JULY 16, 2023

Animate has a wide range of export formats, like SVG, HTML5, SWF, Adobe Air, and WEBGL, and can also be extended to Android, Windows, macOS, and iOS operating systems. Although it does come with a heavy price tag, Houdini is undoubtedly the best premium animation software on the market now, besides Maya.

Animation 267

Animation Adobe Graphic Templates 267

HONGKIAT

JUNE 30, 2024

It supports dark mode, RTL, and includes a blog with MDX, categories, tags, social sharing, and an automatic RSS feed. Additionally, it offers image optimization, sitemap generation, Open Graph tags, and integrations with Google Analytics, making it easy and quick to launch your website. You can use it to view SVGs or optimize them.

Web Design 118

Web Design Web Design Coding Client 118

Template Monster

DECEMBER 8, 2021

With this Santa's sleigh pack, you can design eye-catching invites, greeting cards, product designs, labels, tags, and more. You can choose from three file formats: PNG, SVG, and EPS, depending on your needs and preferences. It comes with different file formats: EPS, SVG, and PNG, as well as high-resolution. Nativity Scene.

Illustration 98

Illustration Illustrator Vectors Patterns 98

Smashing Magazine Graphics

OCTOBER 14, 2021

When do we use CSS, and when do we use SVG instead? Also, take a look at Ahmad Shadeed’s piece on Thinking About The Cut Out Effect , which goes into all the fine detail of deciding when SVG might make more sense, and how to implement in a real-life scenario. Ahmad’s strategies on achieving the cut-out effect. Large preview ).

Animation 142

Animation Coding Textures Layout 142

Speckyboy Design Magazine

DECEMBER 7, 2019

GooFonts – Use this resource to find Google Fonts based on tags. Wireframer – Create “flawless” SVG text for your wireframes with this brower-based tool. 50 Free Christmas Templates & Resources for Designers – Celebrate the season and use these free items for your holiday projects. The post Weekly News for Designers ?

Freelance 61

Freelance Freelance Layout Fonts 61

Inkbot Design

FEBRUARY 29, 2024

However, the full suite has a steeper price tag, which can limit adoption by hobbyists. And because SVG is the native format, content scales excellently from the web to high-resolution print—plenty for prosumers and budget-conscious creatives. Broad support for PNG, JPG, GIF, SVG, PSD, and native formats.

Programming 96

Programming Graphic Design Graphic Vectors 96

Inkbot Design

MAY 3, 2022

This CSS targets the h2 title tag. To centre align the text, we use flexbox on the body tag. This will convert the colour of the Hz tag to black from red when an individual hovers over it. clip-path: circle(radius at x, y); clip-path: URL(#clipping); /*referencing to SVG element*/. entry h2:hover{ color:#f00; }.

Layout 97

Layout Animation Coding Color 97

Speckyboy Design Magazine

JANUARY 4, 2020

GooFonts – Use this resource to find Google Fonts based on tags. 10 Incredible Examples of CSS, JS & SVG Logo Design. Font style matcher – A tool that helps minimize the discrepancy between a web font and its fallback. Fontanello – A browser extension that displays typographic styles via right-click. CSS Tools & Generators.

Layout 110

Layout Animation Templates Coding 110

A List Apart

NOVEMBER 1, 2018

In this segment, we focus primarily on HTML resources, and how the tags of HTML are transformed into the building blocks for what will eventually be presented on screen. Sometimes the only definitive answer comes from the (encoded) content itself in the form of a <meta> html tag. The HTML spec (see “12.2.5

Networking 111

Networking Coding Layout Client 111

A List Apart

NOVEMBER 1, 2018

In this segment, we focus primarily on HTML resources, and how the tags of HTML are transformed into the building blocks for what will eventually be presented on screen. Sometimes the only definitive answer comes from the (encoded) content itself in the form of a <meta> html tag. The HTML spec (see “12.2.5

Networking 111

Networking Coding Layout Client 111

Graphic Mama

JUNE 30, 2022

But it supports only one vector format – SVG. Boxy SVG, as the name indicates, is focused on creating scalable vector graphics only. It’s very niche software that utilizes the biggest benefit of SVG – tags. This makes you understand the SVG file format even better. That’s not enough.

Adobe 72

Adobe Illustration Illustrator Vectors 72

Creative Applications

JUNE 24, 2025

svg, logov6_var2.svg, svg, logov6_var3.svg, svg, logov6_var4.svg S Text Copy to Clipboard (Text) Title + (Year) + People + URL Agoston Nagy n-finit-tree → Permalink [CAN] / Marketplace Description a freestyle DOM derivation of ASCII-Tree (infinite scroll version) → metadata / animation_url / image can.nft$.v2.2.2025.03

Education 40

Education Media Networking Programming 40