Wisdom Stacks

Previously, I struggled to resize an SVG image to icon dimensions, as I was only familiar with viewBox attributes. Now, by setting the ⠀width and height attributes to 1em in the SVG inline code, I can seamlessly integrate SVG images within text. Setting the ⠀width and ⠀height to ⠀1em ensures that the SVG scales proportionally with the surrounding text, maintaining consistency in design. This approach leverages the ⠀em unit, which is relative to the font size of the element, allowing the SVG to adapt dynamically to different text sizes. Additionally, defining a ⠀viewBox attribute in the SVG is crucial, as it establishes the coordinate system and aspect ratio, ensuring the SVG scales correctly without distortion. Combining the ⠀viewBox with ⠀width and ⠀height attributes provides precise control over the SVG's display size. By implementing these techniques, I have enhanced the integration of SVG images into textual content, achieving a harmonious and responsive des...

I had an issue with an icon connected to FontAwesome. It solved by changing the CDN link to upto date version. Google Material icons also worked well, without having issues , not like previous failures. I got the reason: in Google Material Icons, it gives nothing when we use span attribute which given default. Here, I tried to add 'i' instead of 'span'. In Google matiral icons, the class name should be "material-icons" intead of other names Stroke issue in inline SVG. In our SVG image, if we try to keep stroks fully transparent(empty🚫), only in Blogger it will take those values as big strokes. In order to prenvent that issue, we have to give some stroke values to our object that have no value. The stroke weight may 0.25 will enough. The reason in perhaps it inherant a value of 'stroke-width' from previously defined. I have idea that if we redefined the value in the 'stroke-width = 0;' 👈 Like this, it wil...

Understanding Parenting in Blender Last selected is the parent. Last selected colour light orange Childrens selected colours dark orange A parent can become a child for another parent, creating a grand parent. Mode: Object Mode Menu: Object ➤ Parent CTRL + P for parenting ALT + P for deparenting Usefull in mechanical objects snap an object to another objects surface using the snapping feature. Deform and project objects with LATTICE MODIFIER This is much better than using Shrink Wrap alone Add lattice ➤ Scale up Select Lattice ➤ Data ➤ Make it 2D Eg: Resolution ➤ U V W {10, 1 ,10} Select Projecting item, then lattice. CTRL + P ➤ Object (Keep Transform). Now the lattice_object is the parent. Select the projecting object ➤ build Go to Add Modifiers ➤ Try to play with lattice. You will understand the behaviour Select Lattice ➤ build Add Shrinkwrap modifier Align an array of objects Add modi...