CategoryWorkflow

October 19, 2020 — In this article, Aleem Isiaka explains how you can deploy a basic NodeJS application to Heroku, automate and schedule a deployment to run at certain intervals of the day, and use other actions from the Github Actions community. Read more…

October 13, 2020 — How can you convince your clients to make a faster (and easier) buy-in? Better serving citizens means improving a frustrating website experience — the primary way Californians access necessary services. With the help of a guided design exercise, Kelly Schummer explains how the Design Shopping workflow can help guide you throughout the design phases. Read more…

September 21, 2020 — Building positive relationships with your clients is the secret ingredient to delivering better work, earning more money, and creating lasting partnerships. In this article, Matt Saunders is going to teach some strategies for managing client communication and processes that have helped him to run less stressful projects and achieve better results, as well as draw upon some best practices to help you manage the business side of your work. Read more…

September 2, 2020 — 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…

August 27, 2020 — 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…

August 13, 2020 — In this article, Umar Hansa will demonstrate some useful features in DevTools which can help you improve the accessibility of your website. For many websites, things like performance and accessibility are an afterthought. But as web developers, it’s best to strive to create the best possible experience we can for our users, regardless of their abilities. This article uses Google Chrome since it’s a browser I use and feel comfortable with. That being said, Firefox, Safari, and Edge have all made great strides in their developer tools, and they definitely have some great accessibility-related features of their own. Read more…

August 7, 2020 — This is the third and final part of the tutorial in which we’ll create the wheels (rims and tires), and add all the final touches (including the racing decals on the car’s body). Read more…

August 4, 2020 — Meet our Smart Interface Design Patterns Checklist Cards, a deck of 100 cards with common questions to ask when tackling a common interface challenge — carousel, table, date picker, autocomplete, filtering, sorting, search, configurator, slider, timeline, map, web forms, reviews and testimonials, onboarding, pricing plan, authentication and many others. Get the PDF deck right away. Read more…

July 31, 2020 — This tutorial is for illustrators who also happen to be passionate car enthusiasts. If you follow me along, you will learn how to draw from scratch in Sketch the legendary Porsche 911, all in vectors. Together, we will be pushing Sketch to its limits and you will learn how to create an almost photo realistic car by using basic shapes, layer styles, and various Sketch features. No bitmap images will be used, which means the final vector illustration could be scaled up to any size with no loss of detail. Read more…

July 27, 2020 — With Angular Material and ng2-charts, you can take advantage of schematics to cut down the effort and time you may spend building a dashboard. Schematics in Angular 9 are code generators that can create components and patterns in projects using predetermined templates and layouts. In this article, Zara Cooper explains how to take advantage of schematics in Angular Material and ng2-charts to substantially reduce the time and work that goes into building a dashboard. Read more…