Slack has done a lot to bring teams and partners together online. It’s also done a lot to empower developers to build their own custom apps for it. Until recently, however, developers were limited by how much they could do to customize the design of those apps. That’s changing today with Block Kit. Today, Suzanne Scacca is going to talk about Block Kit, Slack’s contribution to building a better collaboration UI.
Read more…
If you’ve ever wondered how games with keyboard-less support for VR headsets are built, then this tutorial explains just what you’re looking for. Here’s how you too can bring a basic, functioning VR game to life. In this part, Alvin Wan will implement the game’s core logic and utilize more advanced A-Frame environment manipulations to build the “game” part of this application. By the end, you will have a functioning virtual reality game with a real challenge.
Read more…
What are some of the most effective ways to grab a user’s attention? What engages them most? People are visual creatures, and visual design has a significant impact on the way we understand products. In this article, Nick Babich will focus on the most crucial web design trends and illustrate each trend using Be Theme, a responsive multipurpose WordPress theme. Trends come and go, but it’s still important to know which trend best fits your project. Let’s get started!
Read more…
With Spotify, machine learning and social media has gone musical. With their app, your friends can check out what you’re jamming to. What if the rest of the Internet could experience your algo-rhythm, too? In this article, Cher Scarlett will show you how to compose your own application to share what you’re listening to on Spotify using Vue.js and Nuxt. This tutorial is moderately complex, and it requires knowledge of HTML, CSS, Javascript (ES6), but is broken down into very consumable sections.
Read more…
The CSS Working Group have designed an aspect ratio unit for CSS. While this isn’t in browsers yet, in this article Rachel Andrew takes a look at the process of designing a new sizing method and explains how it will work. This is a new resolution, so we have no browser implementations yet, but Rachel thought it would be worth writing up the proposal in case anyone in the wider web community could see a showstopping issue with it. It also gives something of an insight into the work of the CSSWG and how issues like this are discussed, and new features designed.
Read more…
Take a gander at the revenues of the top mobile apps and it’s easy to get lost in dreams of what could be if only you built a mobile app today. Then again, have you ever considered how much it actually costs to build and maintain a mobile app? When you look at the big picture, you’ll soon realize that mobile apps aren’t a smart investment for most. That’s why you need to give serious consideration to building a PWA this year. In this article, Suzanne Scacca is going to talk about why app monetization needs to be one of the first things you think about before making a choice between designing a mobile app or PWA for your clients.
Read more…
If you haven’t already researched biometrics for your user testing projects, perhaps it’s something you’d like to check out as an addition to your current testing. Today, Susan Weinschenk brings you some new tools that are easy and inexpensive to use. Others may take more investment of your time and budget. Or you may want to bring in an outside firm that specializes in these tools. (Some suggestions for outside vendors are at the end of the article.)
Read more…
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…