CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid. Rachel Andrew is going to describe a method of working that she’s adopted over the past two years that helps her to manage CSS across her projects.
Read more…
Most web professionals like to see their influence felt in web design projects as early as possible, in order to make sure what they have to say gets heard. Let’s go through each aspect of the design process, talking about SEO questions along the way.
Read more…
Do you know Redux’s real power is beyond managing the state? Do you want to design with an understanding of how Redux works in mind? With the help of this article, Linton Ye would like to show you a full picture of Redux: what it can do, why it does its things, what the downsides are, when to use it, and how it relates to design. Even if you haven’t written a single line of code before, it’s still possible and beneficial to understand Redux. Expect plain English and doodles — no code or abstract talks.
Read more…
Many of us are taught to make sure our sites can be used via keyboard. Why is that, and what is it like in practice? Chris Ashton did an experiment to find out. He hopes to raise the profile of difficulties faced by real people, which are avoidable if we design and develop in a way that is sympathetic to their needs. Chris used the web for a day without JavaScript. Today, he forces himself to navigate the web using just his keyboard.
Read more…
CSS Grid Level 2 is already in the process of being specified, and the main feature of this level of the spec is to bring us subgrid. In this article, Rachel Andrew is going to explain what is currently part of the Working and Editor’s Draft of that spec. Note that everything here is subject to change, and none of it currently works in browsers. Take this as a peek into the process!
Read more…
In this tutorial, you’ll learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile applications for Android and iOS.
Read more…
Following our monthly tradition, designers and artists from across the globe have created desktop wallpapers that are bound to get you in the summer mood.
Read more…
How do you arrange all the sections in your résumé when applying for a job position? What’s the order that you are supposed to follow? Are all of the sections necessary? This is where understanding résumé layouts and formats becomes important so that you can stand out from the crowd. Aditya Sharma dedicates this guide to all the web developers out there and it will demonstrate how you can create a successful résumé that will get you more shortlists than you can fathom. If it’s a piece of paper that is standing between you and your dream job, it’s time to show who’s the boss.
Read more…
With mobile traffic increasing on local business websites, web developers and designers are now tasked with a new responsibility. It’s no longer enough for websites to rank well — they need to rank well in local search results, too. As mobile users demand more information about local businesses, your websites need to be creative in how that data is served to them in search and through design. You can use these seven mobile design strategies to do so. In this article, Suzanne Scacca is going to show you how to use mobile web design to improve local search ranking.
Read more…
With modern email service providers, it’s easier than ever to create a first-class transactional email experience for your users, but, for most of us, the challenge lies in the fact that you don’t know what you don’t know. If you’re sending transactional email for your application, you’ve probably got the basics down, but you may be missing out on some of the more advanced best practices without even knowing it. With this guide, Garrett Dimon will help you make sure that you haven’t overlooked anything and aren’t unwittingly doing something wrong that could be hurting your delivery or user experience for your recipients.
Read more…
