AVgator Inc’s Post

Design nomenclature is no well-kept secret. Structure in any system is important for iteration in development. We've had great experiences with organized designers, and we've trauma bonded over poorly managed projects. At the end of the day, we want too maximize the effectiveness of the communication between design and development. Furthermore, to reduce the overhead of asset imports, design files need to be organized and exported in an optimal manner.

Tokens Studio Annotations vs. EightShapes Specs: Working Together Been geeking out on design systems lately, and comparing Tokens Studio's Annotations with EightShapes Specs. They might seem similar, but they serve distinct purposes! Breaking it Down: 👉 Tokens Studio: Lives within the Tokens Studio plugin, letting you document and manage design tokens (colors, fonts, etc.). It's your central hub for the system's building blocks. 👉 EightShapes Specs: Focuses on creating comprehensive design system specifications. Think component breakdowns, usage guidelines, and the cool part – (Paid) integration with Tokens Studio for incorporating your annotations! 📈 The Teamwork Advantage: EightShapes Specs works hand-in-hand with Tokens Studio. To leverage the full power of Specs (especially adding tokens), you'll want both tools in your belt. There's always more to learn! Currently, I'm focusing on: 📗 Tokens Studio Mastery: Figuring out the best practices for naming and using tokens effectively. 📗 Documentation Powerhouse: Learning how to create clear and concise design system documentation. 📗 ISMS Project Design (Ongoing): Refining and developing the design system for the ISMS project. I'm actively honing these skills while searching for my next full-time design opportunity. If you're looking for someone passionate about building and documenting design systems, let's chat! #designsystems #uix #tokens #designresearch What design system tools are you using? Share your experiences in the comments!

https://lnkd.in/gTYWPTvF Please ping me for special deals. Pixel Free Studio provides the ultimate No-Code software solution, offering complete design flexibility. We do not use libraries, plug-ins, or frameworks. Designers and programmers (I) create precisely what they want using our UI design tool (just as they would using Figma or Adobe), (ii) click our Export icon, and (iii) production-ready code is available in seconds. Design, Export, and Deploy. It's that simple.

Free Icon Libraries Every Designer Should Know Stay ahead in your design game with these must-know free icon libraries. They’ll help you streamline your workflow and elevate your designs effortlessly. 💡 Follow for more tips & tricks: Dtechkrew! #freeicons #designresources #iconlibraries #graphicdesign #uxtools #uitools #webdesign #dtechkrew #designtips #designtools #designerresources

Excited to share my latest project! I just built an interactive 3D website using Three.js and hosted it seamlessly on Vercel! 🌐✨ https://lnkd.in/gbQUuGqE Check out the live demo here: 3D Hummingbird Three.js allows you to create amazing 3D visualizations right in the browser, and Vercel made deployment quick and effortless. If you're into web development, 3D graphics, or just curious about interactive web experiences, give it a look! #ThreeJS #WebDevelopment #3DGraphics #Vercel #FrontendDevelopment #WebDesign

✨ Tip: Accessibility should never be an afterthought! DCM warns when an Image widget is missing a "semanticLabel". By providing a label, accessibility tools can read the image correctly, improving usability for everyone. Even if you’re not fully supporting accessibility, adding a label requires minimal effort during widget creation. ⚙️ This rule comes with several config options, including: - Allow empty labels (allow-empty: true) - Ignore SVGs (ignore-svg: true) Learn more about improving accessibility with DCM: https://lnkd.in/ddpjaxsf #FlutterDev #Dart #Flutter

You ever have it happen where you get careless and it turns out that the bug you are debugging is actually fixed? Happens to the best of us. It also happened to me. I managed to get texture loading, sampling, color blending and rendering completed. All that was left was transformation. I ported my matrix code into the web workers, as it was necessary. Mostly only multiplication. But I noticed after some transforms, rendering failed. I spent all night futzing around only to learn that floats were my problem. Rotation and skewing calculates floats, and I can only render whole pixels, not sub pixels. The code worked as designed. I just had to round up/down the pixel transformation results. Easy. Then it just worked! So now affine transformations work in the web worker engine I constructed. But it is not yet complete. Now I need to implement the per-scanline transformation! The SNES and GBA graphics modes that transform backgrounds weren't just affine transformation engines. They performed a per-scanline modification to background images too. For games like Mario Kart or F-Zero, this transformation was how screen space was translated to world space, and how the track images were rendered in pseudo 3D. Other games use the scanline modifier function to achieve various effects, not just fake 3D. Its actually quite nice that I was able to implement most of this from my memory. Its cleaner this time around too. Transformations are far easier to work with, at least right now. I'll reserve my being impressed with relative ease of use once I have more web workers processing the workload. Not bad so far. Managed to get much further than I expected by powering through the scary bit. Now here's where the fun really begins.

Worked on some data structures for the level editor. Also a basic loader to load a level. (Currently it can only load the tilemaps and generate colliders for them.) Also trying to figure out the design of the UI, as seen in the video. Download Wizard Justice demo: https://lnkd.in/dgMHzZpj (#indiedev #gamedev #pixelart #madewithunity #wizardjustice)

Hi All Day 5 #30daysofcode Challenge Today i have started my new project Responsive Web Design, And built a VR Website Navbar & Banner Section by applying the concepts i learned till now NxtWave Key Concept : 1. Bootstrap Navbar 2. Bootstrap Container 3. CSS Colors #ccbp #NxtWave #code #coding

Introducing Fractal Flame: My New Three.js WebGL Web Application! I'm thrilled to share my latest creation, Fractal Flame! This web app was born out of my passion for unique image manipulation, inspired by one of the best-kept secrets in image filters—Filter Forge. While working with Filter Forge, I discovered its incredible ability to randomize and tile images in ways that other design tools just can't match. This sparked an idea: what if I could prototype symmetrical 2D-3D architectural tile designs with similar flexibility? The result is Fractal Flame, a powerful web app built using Three.js. It lets you apply textures to shaders like never before, simulating a baked effect that allows you to manipulate the textures directly on the surface. This opens up endless possibilities for creating stunning, complex visuals that can transform 2D patterns into immersive 3D experiences. Stay tuned for my next post where I'll showcase some of the magical images and videos created with this web app. #ThreeJS #WebGL #FilterForge #FractalFlame #DesignTools #3DDesign #GenerativeArt #DigitalArt #CreativeTech #SymmetryDesign #Innovation