Smashing Magazine·3yTop Front-End Tools Of 2022 — Smashing Magazine
Top Front-End Tools Of 2022 are the most popular tools in the developer community. Almost all of these tools are practical tools you can use in your projects today. Piling.js is a JavaScript library that allows you to build interfaces where large amounts of items can be dragged and dropped into “piles” It’s built on top of PixiJS.
Smashing Magazine·3yState of Usability In 2023 🎊 — Smashing Magazine
People are very, very good at finding loopholes and shortcuts to make things work best for them. This article is part of our ongoing series on design patterns. It’s also a part of the 4-weeks live UX training and will be available in our 9h-video course on UX as well.
Smashing Magazine·2yA Few Ways CSS Is Easier To Write In 2023 — Smashing Magazine
CSS in 2023 has become easier to write due to the introduction of new features that work together to make styles more succinct and resilient. Some of these features include the use of logical properties, efficient style groups, and trimming superfluous spacing. CSS also offers solutions for centering elements, maintaining proportions, creating hover effects, managing color palettes, and managing line lengths.
Smashing Magazine·3yHow To Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit — Smashing Magazine
How To Build Server-Side Rendered (SSR) Svelte Apps With SveltKit is a server-side rendering and client-side app. SvelterKit streamlines things by handling of complexity of the server and client on its own, allowing you to focus squarely on developing the app.
Smashing Magazine·3yFree Fonts For Interface Designers — Smashing Magazine
Discover a collection of free fonts for interface designers that are suitable for both personal and commercial projects. These fonts offer versatility, readability, and the ability to make a bold statement. Check out these fonts and elevate your design without breaking the budget.
Smashing Magazine·3yRevealing Images With CSS Mask Animations — Smashing Magazine
Revealing Images With CSS Mask Animations - Smashing Magazine Revealing images with CSS mask Animations. We harness the power of CSS to accomplish complex hover transitions. Through different demos, you will see how CSS masks combined with gradients allow us to create fancy effects with efficient, reusable code.
Smashing Magazine·3yWrite Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine
Write Better CSS By Borrowing Ideas from JavaScript Functions - Smashing Magazine write Better CSS. Write CSS that is easy to use, free from unwanted side effects, and resilient to change. The goal is toggling between an state and an state of the function.
Smashing Magazine·3yThe Safest Way To Hide Your API Keys When Using React — Smashing Magazine
The Safest Way To Hide your API Keys When Using React is the Safest way to hide your API keys when using React. Use a back-end proxy server to access the API from the front-end server. Back-end Proxy Server can be an excellent way to protect your API key.
Smashing Magazine·3yLearning JavaScript With Imagination — Smashing Magazine
Learning JavaScript With Imagination - Smashing Magazine Learning JavaScript with Imagination. The book was written in Marijn Habernecker’s classic book, Eloquent JavaScript. It says: “You should imagine bindings as tentacles rather than boxes. They do not contain values; they grasp them — two bindings can refer to the same value.
Smashing Magazine·3yDesigning Web Design Documentation — Smashing Magazine
This article emphasizes the importance and benefits of design documentation in the field of web design. It highlights the need for clear and accessible documentation that reflects the hybrid nature of digital design. The article provides key considerations and resources for creating design documentation and emphasizes the importance of collaboration, use cases, language, and aesthetics. It also advocates for publishing and maintaining design documentation to facilitate knowledge sharing and continuous improvement.