When designing interfaces for IoT web page, one always has many options. In the previous part of this article, Richard Leddy shed light on the meaning of IoT and how Vue.js can be used to hosts groups of IoT human-machine interfaces. Today, Richard Leddy will take a closer look at lazy-loading panels and how to keep the Vue state in sync with devices. More about the editing process may be considered in some other discussion. There is a lot to it. But, for now, we have the tools we need in order to load hierarchal components and make them come alive.
Read more…
Developers are known to usually be the last ones who leave their fingerprints before a website or any sort of web product gets shipped. Obviously, a lot of responsibility is involved and the quality of their work can either make a project excel or go down the drain. In this article, Stefan Kaltenegger gives suggestions about what frontend developers can do on their end to better bridge the gap between designers and developers.
Read more…
In this new series of interviews, we try to highlight interesting people doing interesting work and sharing some of the challenges and lessons they’ve learned along the way.
Read more…
Do you have a sketch lying around and want to bring it to life? If you’re inspired by mid-century art as much as Manuela Langella, you’ll love the process and end result of this tutorial. Today, Manuela will show you how to create a beautiful cover design inspired by the 1950s. Specifically, the cover will be for a children’s book, so you’re going to create a well-known character: Little Red Riding Hood. Dig out your sketch and fire up Illustrator to get started!
Read more…
Does the word “influencer” make you cringe? If you’re paying attention to the right ones (i.e. digital influencers), you’ll find that their websites actually have some very valuable lessons for web designers. In this article, Suzanne Scacca will show you some of the tricks they use to establish authority through design. This post is about giving your website the same kind of clout as a digital influencer — and using that perceived expert status to consistently maintain high levels of traffic, engagement and referrals.
Read more…
IoT is growing to include many devices with many owners. Web developers will be faced with the problem of finding ways to enable owners to interact with their devices. But, this problem gives rise to a great deal of business. In this article, Richard Leddy will explore some aspects of web page development for the Internet of Things (IoT) that are already in demand. This discussion delves into the interface requirements using Vue.js as a catalyst and illustrates one method of webpage to device communication out of many subsitutions.
Read more…
Software development and maintenance has, generally speaking, been a time-consuming and arduous process for developers and engineers who carry the brunt of the work. However, with the introduction of front-end-as-a-service, and a company like Mason pioneering the way, that could all change. In this article, Suzanne Scacca is going to give you a closer look at FEaaS, who it’s for and why empowering product and marketing teams with it is a big deal.
Read more…
In this article, you’ll learn how you can progressively replace your JavaScript-driven lazy loading with its native alternative — thanks to hybrid lazy loading.
Read more…
To make the best of SVG, it’s useful not only to learn its syntax but also to understand how SVG is generated by graphic design software. Let’s take a closer look at the process of generating SVG with popular design apps and how we can use them to our own advantage. In this post, Mikolaj Dobrucki will shed light on three of the most popular design tools: Adobe Illustrator, Sketch, and Figma. There are also other tools available supporting SVG that may have other functionalities and implement other solutions. This article should be enough to deal with the most common use cases.
Read more…
It’s essential to be ready to design for both visual and voice. Since prototyping for voice is new for many designers, it may be unclear as to where to start and what process to follow.
Read more…