SVG

Showing 1-4 of 4 results
EngineeringIcon ChevronWeb Front-end

How to Approach SVG Animations in CSS

By Filip Defar

Animations make websites look more polished and exciting, and help improve user experience. Explore how the combined potential of SVG and CSS can be leveraged to create animations without relying on external libraries.

14 minute readContinue Reading
EngineeringIcon ChevronTechnology

Maintain Control: A Webpack/React Tutorial, Pt. 1

By Michael Pontus

When starting a new React project, you have many templates to choose from. These templates are able to support application development at a very large scale. But they leave the developer experience and bundle output saddled with various defaults, which may not be ideal.

11 minute readContinue Reading
EngineeringIcon ChevronWeb Front-end

A How-to Guide to SVG Animation

By Juan Calou

The advantages of SVG on the web go beyond producing resolution-independent graphics. With a little CSS and JavaScript, you can apply cool animations and effects to your front end without requiring the user to install bulky plugins.

7 minute readContinue Reading
EngineeringIcon ChevronTechnology

SVG Text Tutorial: Text Annotation on the Web

By Anton Shkuratov

Texts are an integral part of user interfaces. In many cases, text annotation plays a vital role in grabbing the user’s attention or allowing the user to decorate and highlight the content they produce. In this article, we walk through the ins and outs of an open-source JavaScript library built for annotating texts on the web.

8 minute readContinue Reading

Join the Toptal® community.