Virtual reality (VR) is an experience based in a computer-generated environment, and following Alvin’s introduction to programming in VR, this article series aims to introduce more VR concepts in the context of building a game. In this article, Alvin Wan will show you how you can synchronize the game state between two devices which will move you one step closer to building a multiplayer game. He’ll specifically introduce more A-Frame VR concepts such as stylized low-poly entities, lights, and animation.
Read more…
When inspecting most other grids in DevTools, you’ll notice that column widths are dependent on their parent element. Container units are a specialized set of CSS variables. They mirror the layout functionality found in UI design software where configuring just three values provides your document with a global set of columns and gutters to measure and calculate from. In this article, Russell Bishop will help you understand how to overcome these limitations using CSS variables and how you can start building with container units.
Read more…
WordPress is modernizing, allowing us to rethink how to make the most out of newer tools and technologies. In this article, Leonardo Losoviz explains how you can integrate WordPress with Composer, Packagist, and WPackagist in order to produce better code. He will review two projects which provide an integration between WordPress and Composer: manually setting our composer.json file depending on John P. Bloch’s mirror of WordPress’ core, and Bedrock by Roots.
Read more…
Brainstorming seems to be just a fancy name for a usual discussion, but when organized right, it becomes a source of innovation. In this article, Slava Shestopalov brings you a step-by-step guide with tips and tricks, examples of slides, and preparation checklists. Brainstorming has a bright side: It’s a civilized process of generating ideas together. At least this is how it appears in the books on creativity. So, can we make it real? After reaching the end of this article, we hope that you’ll be able to organize brainstorming sessions with your colleagues and clients, and co-create something valuable.
Read more…
Get ready for March with a fresh wallpaper. Today, Cosima Mielke brings you some designs for the community and available with and without a calendar. Please note that all images can be clicked on and lead to the preview of the wallpaper, and you can feature your work in our magazine by taking part in our Desktop Wallpaper Calendar series. We are regularly looking for creative designers and artists to be featured on Smashing Magazine. Are you one of them?
Read more…
Rachel Andrew has been digging around in the CSS Fragmentation spec, and finding browser support is somewhat fragmented. In this article, she explains what fragmentation is, why you might want to use it, and what the state of browser support is. She’ll also show you the current state of browser support and some of the things you can do to get it working as well as it can in your multicol and print projects.
Read more…
The popularity of Vue.js shows no signs of slowing down, with a huge amount of credit being due to the framework’s progressive approach. One of the key advantages of Vue.js is that it plays nicely with other code: it is easy to embed progressively into other applications, but it is also easy to wrap up non-Vue code into Vue. In this article, Kevin Ball explores this second advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue.
Read more…
Not everything that’s round and stands out is considered to be a button. In this article, Vadim explains how you can create a proper interactive button for your users — one that shouldn’t be confused for anything else.
Read more…
Due to backwards compatibility, WordPress hasn’t taken advantage of new PHP features released after PHP 5.2.4. Fortunately, WordPress will soon require PHP 5.6+ and even PHP 7.0+ not long after that. The recent release of Gutenberg could be a sign of the good times to come. In this article, Leonardo Losoviz makes a tour of the PHP features newly-available to WordPress, and attempts to suggest how these can be used to produce better software.
Read more…
It’s important to understand how animation can be used (or not used) in your design system. In this article, Val Head explains how you can help ensure that your brand is using animation consistently and effectively while also helping your team work faster. This is all about what to include in a set of motion guidelines for your design system and how to pull it off. Let’s get into it!
Read more…
