A component library helps to keep a design consistent across multiple projects. It ensures consistency because any changes made will propagate across the projects that make use of it. In this tutorial, Ademola Adegbuyi will show you how to build a component library, using Emotion in React to resolve inconsistencies. At the end of this piece, you should be able to create a component library that fits whatever use case you have in mind!
Read more…
Icons have long held an important place in the design of mobile apps. But beyond using them to create larger and more attractive touch targets, there are other ways mobile app designers can use these tiny elements to make an app more engaging. This post will explore four ways to do this. Today, Suzanna Scacca will look at a number of ways you can creatively add icons or icon-like elements to your apps and bring more life to them in the process.
Read more…
Figma is a design tool that is rapidly gaining popularity and becoming more common in companies around the world. Unlike most design software, Figma is free and browser-based so developers can easily access the full design files making the developer handoff process significantly smoother. With article, Jurn van Wissen teaches developers who have nothing but a basic understanding of design tools everything they need to know to work with Figma.
Read more…
In this article, Abdulazeez Adeshina will show you what storybook is about and how to use it to build and test React components by building a simple application. He’ll start with a basic example that shows how to work with storybook, then will go ahead to create a storybook for a Table component which will hold students’ data. You should have basic knowledge of React and the use of NPM before proceeding with this article, as you’ll be building a handful of React components.
Read more…
Vue Router is the official router for Vue that is mostly used for creating multiple pages living on different routes (/home, /profile) in your application but has some features that some people do not know about. In this tutorial, Timi Omoyeni is going to show you some amazing features the Vue Router has and how we can make use of them in our app. You can find all the code used in this article on GitHub. If you are interested in doing more with the router, you’ll benefit from this tutorial.
Read more…
New month, new wallpapers! In this post, Cosima Mielke brings you wallpaper designs for September 2020, created with love by the design community for the community. All of them are available in versions with and without a calendar and can be downloaded for free. A big thank-you to everyone who shared their artworks with us — we sincerely appreciate it!
Read more…
In this article, Precious Ndubueze will be taking an in-depth look at what Django brings to the table by understanding what the generated files and folder do, this will give us a better understanding of the Django framework. It’s important to know that it will not be possible to take a look at everything happening inside of Django. For cases outside the scope of this tutorial, there will be links to point you to resources that will help with that. Today, Precious will guide you through understanding Django’s pre-built commands, files and basics.
Read more…
The SmashingConf team had such fun at their first SmashingConf Live! event last week. In this post, editor-in-chief Rachel Andrew shares highlights and feedback from the online conference.
Read more…
Nowadays whether you’re consuming or sharing content on the web, it is likely to be via a big website. Twitter, Youtube, or a Facebook-owned service are popular examples. Whilst this gives us the advantage of being able to participate in a larger conversation at almost no monetary cost, there is also the downside of potentially losing all our content if a company closes, as has happened in the past. There is an alternative to corporate bubbles online — it’s called the IndieWeb. Build your own personal websites, control your online presence, and learn on your own terms.
Read more…
MobX is a battle-tested library that makes state management simple and scalable by transparently applying functional reactive programming. It treats your application like a spreadsheet, and it’s one of the many state management tools available to React developers. In this tutorial, Fortune Ikechi is going to show you how to use MobX to manage state in React Native applications by building a React Native application to see how this is done.
Read more…
