Arunaditya DasguptaforGDSC NIT Silchar Bloggdscnits.hashnode.dev·Nov 11, 2023Lottie: Revolutionising Animation Integration for Web and MobileIntroduction to Lottie Lottie is an open-source animation library developed by Airbnb that allows developers to seamlessly integrate high-quality animations into web and mobile applications. It was designed to bridge the gap between designers and dev...Discuss·2 likes·29 readsgdsc
Erioifpuderio.hashnode.dev·Nov 4, 2023path 的填充与镂空 - 关于 fill-rule参考前文： https://hashnode.com/post/clojx8gwy000509l2gw6v53oy 前文提到过 path 实现镂空效果的办法，我遗漏了一种情况，就以这种情况作为问题来开头： M 0 0 h 100 v 50 h -48 L 50 55 L 48 50 h -48 v -50 Z M 10 10 h 10 v 10 h -10 v -10 z 这是一份 path 参数，画着一大一小两个矩形，但画出来的效果并不是镂空的，小矩形被大矩形遮盖，变成了“填充”的效果： ...DiscussSVG
Sandip BhandariforJoBins Engineeringblog.jobins.jp·Oct 18, 2023The Significance of SVG Images in Web and App DevelopmentIn the dynamic world of web and app development, the choice of image format can significantly impact performance, scalability, and overall user experience. Scalable Vector Graphics (SVG) has emerged as a powerful and versatile image format that has r...Discuss·1 like·35 readsDeveloper
Ivan Garciawhil.hashnode.dev·Oct 10, 2023Crea un SVG dinámico con Node.js y TypeScriptHoy quiero enseñarte a crear dinamicamente tus SVG's. Utilizando Nodejs y Typescript de manera muy sencilla. En esta ocasion creare un SVG el cual posee todas mis skills o habilidades que poseo.Y este sera el resultado final: Es necesario que primer...Discuss·1 like·157 readsNode.js
caveracavera.hashnode.dev·Oct 9, 2023How I see SVG (Part 1)If there's a format that can exist between the development and design worlds, it's named SVG. SVG (Scalable Vector Graphics) is an XML-based format to describe vector graphics. That means: For developers: Markup language, like HTML. Can be edited...Discuss·52 readsSVG
Samrat Sahasamratsaha.hashnode.dev·Oct 3, 2023MathJax: Rendering Mathematical Notation on the WebMathematics is a universal language that plays a crucial role in various fields, from science and engineering to finance and data analysis. When it comes to presenting mathematical notation on the web, MathJax is a powerful tool that allows you to di...Discuss·38 readsMathJax
Allison Truhlarallison-truhlar.hashnode.dev·Oct 2, 2023How to add waves between sections of your websiteFor my portfolio, I want to give an overall feeling of movement and use water-related imagery. One style idea I had was to use a waveshape between sections of the website. How to implement this? I mostly followed the process outlined in this how-to. ...DiscussAllison builds a portfolioCSS
Emre Duzgunterminal3.hashnode.dev·Aug 28, 2023SVG wonders: How to enhance UX with interactive drawersIn the ever-evolving landscape of web design, the integration of Scalable Vector Graphics (SVGs) has introduced a new realm of creative possibilities. In this blog, we will explore the combination of SVGs and interactive drawers in detail, offering a...Discuss·6 likesCSS
Arthur Khokhlovjointjs.hashnode.dev·Aug 23, 2023How to create isometric diagrams using SVGThere are various methods of visualizing three-dimensional objects in two-dimensional space. For example, most 3D graphics engines use perspective projection as the main form of projection. This is because perspective projection is an excellent repre...DiscussSVG
Sharathreddysourcefound.dev·Aug 17, 2023Understanding the Differences: DOM vs SVG vs Canvas vs WebGLThe world of web development has evolved significantly over the years, giving rise to a variety of technologies and tools that enable the creation of rich and interactive web content. Among these, DOM, SVG, Canvas, and WebGL stand out as crucial comp...DiscussDOM
