P
Prashant
@prashantsani
Journey towards SVG Ninja Land
Submitted Sep 30, 2017
Section:
Full talk
Technical level:
Beginner
SVG is one of the most powerful but under-utilised tool of the modern web. This talk would focus on utilising the power of SVGs beyond using them as static images and background images.
Outline
Outline:
- SVG Very Very Basics
- Shapes/Tags Available (eg. circle, polyline, line, etc)
- Fills and strokes
- Icon Fonts Vs SVG and SVG Spriting
- SVG Scaling: SVG Viewport and values for preserveAspectRatio
- SVG Animation using CSS
- SVG Filters
- Using SVG Creatively in your project
- SVG optimisation techniques at design level
Slides to be updated soon!
Requirements
- Basic HTML & CSS knowledge
- An Open Mind.
Speaker bio
Prashant Sani is a freelance front-end developer with an experience of over 5 years. He primarily works on utilising the power of HTML, CSS, SVG and JavaScript to create responsive and interactive website experiences.
Links
- How I made an Interactive, Scroll-Animations website load in less than 3 seconds! (Blog post/Video) https://prashantsani.com/spider/2017/02/09/portfolio-website-2017-behind-the-scenes/
- Greensock Showcase: https://greensock.com/?showcase=prashant-sani
- Mindsparkle Showcase: http://mindsparklemag.com/website/prashants-portfolio/
Comments
Hosted by
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture
more
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}