React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps. In this tutorial, Ahmed Bouchefra will use both Ionic and React to build a simple mobile application that fetches and displays news data from a third-party API using the Axios client. You will also see how to use hooks in React — namely, the useState() and useEffect() hooks — to create state and perform side effects inside React function components. With Ionic, we’ll see how easy it is to generate a project based on React and how you can theme the application using the color attributes of components.
Read more…
The support of multiple writing modes is key to the way that our new layout methods of Flexbox and Grid Layout have been designed. An understanding of CSS Writing Modes is useful if you want to work with vertical scripts, or change writing mode for creative reasons. However, they also underpin our new layout methods, and those ideas are increasingly being applied across all of CSS. In this article, find out why Rachel Andrew believes understanding writing modes is so important.
Read more…
Customers’ loyalty does not come for free. While it would be nice if they were satisfied with a high-quality product with some extra bells-and-whistles thrown in, sometimes what’s needed to seal the deal is a rewards system. But when a client asks you to design the mechanism for their loyalty program, how do you decide which format it should take? In this article, Suzanne Scacca shows you what you need to know about designing mobile loyalty programs.
Read more…
The feast or famine merry-go-round of freelancing can certainly be damaging to our bank accounts but more importantly it can deeply affect our self worth and mental health. This happens to everyone at some point or another. Even people who we assume are constantly over booked with work. Speak to people and be open and honest. It’s important to let people know you’re available for work. In this article, Liz Elcoate brings you some strategies she learnt the hard way to combat the quiet times.
Read more…
Text-to-speech can help you create more versatile, accessible content. You could purchase recording equipment and spend hours recording and editing each narration, but if you want most of the benefit for only a couple of minutes and a few pennies per post, consider using AWS instead. In this article, Philip Kiely will demonstrate how to use Amazon Polly to narrate your content. In the next article, he will embark on the return journey, from speech-to-text, and consider the accuracy of these transcriptions by sending various samples through a round-trip translation.
Read more…
Until now, the designer-developer handoff has been fraught with inefficiencies. It’s not that software teams don’t know how to collaborate or communicate well with one another. It’s just that disparate platforms (namely, Sketch and Visual Studio Code) and incompatible workflows created tons of issues in how design was translated into code. In this article, Suzanne Scacca will show you Indigo.Design, which offers a simple solution to fix this costly and time-consuming problem for software teams.
Read more…
Do you need a little inspiration boost? Well, then our new batch of wallpapers is for you. Designed with love by the community for the community, the wallpapers come in versions with and without a calendar for August 2019.
Read more…
In this article, Ben Frain concludes a three-part series about the trials and tribulations of designing and writing a basic web application with vanilla JavaScript. In part one he covered the why, part two dealt mostly with the how and this part concludes by looking at how the project was drawn to a close and what was learned from the experience. Ben will cover turning a basic web application into a Progressive Web Application (PWA) and ‘shipping’ the application before looking at the most valuable lessons learned by making the simple web application In/Out.
Read more…
In this series Chris Ashton attempts to use the web under various constraints, representing a given demographic of user. Data can be prohibitively expensive, especially in developing countries. Reducing the data footprint of your website goes hand in hand with improving frontend performance. It is the single most reliable thing you can do to speed up your site. In this article, Chris puts himself in the shoes of someone on a tight data budget and offers practical tips for reducing our websites’ data footprint.
Read more…
Apps are no small undertaking. Nor are they cheap to build and maintain. So, before you move ahead with creating a new mobile app or SaaS for your client, perhaps you should consider launching a minimum viable product (MVP) instead. With an MVP, you have a low-risk and lower cost way of testing your concept on the market. What’s not to love about that? In this article, Suzanne Scacca will show you what you need to know.
Read more…