
It’s easy for beginner designers to get overwhelmed and lose confidence when creating presentations, landing pages, app and web design mockups, and even cards. Laurent Baumann shares a few simple guidelines and practical tips to help you in such situations. https://smashingmagazine.com/2023/05/practical-design-tips-guidelines-beginner-designers/

The process of upgrading large third-party packages in equally large organizations is rarely, if ever, as easy as running an npm update and calling it a day in this context. Joran Quinten shares valuable lessons from his team’s experiences in upgrading third-party code that affects codebases across the entire organization. https://smashingmagazine.com/2023/05/big-tooling-upgrades-large-organizations/

Every company and team has to have deep collaboration between engineering and design to get the value out of a design system (and not go nuts). Building design patterns first unblock people to work in parallel, keeps people synced up, and results in reusable modules that speed up your next project. https://smashingmagazine.com/2023/05/design-patterns-collaborate-design-system/

This article covers common problems using CSS floats and how to solve them using a block formatting context (BFC). Whether you are a beginner or an experienced web developer, you will learn valuable insights and practical solutions for dealing with CSS float issues. https://smashingmagazine.com/2023/05/media-object-float-issues-css-block-formatting-contexts/

Are sticky headers always a good idea? Best practices for designing sticky headers, with examples, UX guidelines and usability considerations. https://smashingmagazine.com/2023/05/sticky-menus-ux-guidelines/

In this guide, we’ll explore efficient tools to save time and speed up your workflow. Focus on what you do best — designing high-quality work, and let these tools handle the rest! https://smashingmagazine.com/2023/05/boost-design-workflow-setapp/

The Redux Toolkit documentation calls the library a better way to write Redux logic for React apps and a simple and efficient toolkit for Redux development. In this article, you will learn about the Redux toolkit by building an app that tracks project issues. https://smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/

The rise of Artificial Intelligence (AI) in recent times has incited fear in many over losing their jobs. However, that shouldn’t be the case. On the contrary, AI is an opportunity to take your programming to the next level when used tactfully with the right knowledge, as we’ll cover today. https://smashingmagazine.com/2023/05/ai-tools-skyrocket-programming-productivity/

Want to make sure your API keys are safe and sound when working with React? Jessica Joseph’s got you covered! She will show you the best ways to hide your API keys, from using environment variables to building your own back-end proxy server. https://smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/

This is the story of how one little octopus, explaining one beginner’s concept, carried such weight and power for Kylo that it drove his work and led him to research something that is really quite silly. And yet, it transformed how he learned to write — and finally understand — JavaScript. https://smashingmagazine.com/2023/05/learning-javascript-with-imagination/