February 23, 2018 — It’s a well-known fact that it’s not easy for WP websites to implement code-splitting through Webpack. In this article, Leonardo Losoviz takes things into his own hands and implements his own version of code-splitting for an open-source framework named PoP. He will analyze the performance of a website with and without code-splitting, and the benefits and downsides of using a custom implementation over an external bundler. We hope you enjoy the ride! Read more…

February 22, 2018 — Ever wondered how achieve styling of empty grid cells without adding redundant empty elements? Well, CSS Generated Content can help you do just that. In this article, Rachel Andrew is going to take a look at how to use CSS Generated Content to achieve styling of empty cells without adding redundant empty elements and show some use cases where this technique makes sense. Read more…

February 21, 2018 — React and D3.js are great tools to help us deal with the DOM and its challenges. They can surely work together, and we are empowered to choose where to draw the line between them. Both take control of user interface elements, and they do so in different ways. How can we make them work together while optimizing for their distinct advantages according to your current project? In this article, Marcos Iglesias will see how we can approach building React projects that need the powerful charting goodness of D3. Read more…

February 21, 2018 — (This article is kindly sponsored by Adobe.) When designing your user interface, it helps to have a system in place. Spend some time to establish a considered design system. Not only does this ensure that your design is consistent, but it also helps keep your team on the same page and provides any freelancers working on the project with all the guidance they need in one central location. With this guide, Christopher Murphy will help you find a solid UI approach that will stand the test of time by exploring how we design interfaces that are consistent and scalable. Read more…

February 20, 2018 — Planning is essential for most businesses and organizations. Unfortunately, when it comes to websites there is often a failure to plan properly or at all. As a veteran designer, developer and project manager, Ben Seigel has identified a common problem with many web projects: failure to plan. For that reason, Ben has written a guide in order to help other designers, businesses and organizations plan and realize successful websites. Read more…

February 19, 2018 — How would you design a responsive car configurator? How would you deal with accessibility, navigation, real-time previews, interaction and performance? Let’s figure it out. In this article, Vitaly Friedman dives deep into the dos and don’ts of designing a perfect configurator. As designers, we might try to make our configurators advanced and sophisticated, but too often we overwhelm customers with too many non-trivial options. Read more…

February 19, 2018 — The recent Global Diversity CFP Day aimed to help more people submit their ideas to conferences and get into public speaking. To help encourage people to write and submit to CFPs, Global Diversity CFP Day aims to help underrepresented people submit proposals to speak at conferences. In this article, Rachel Andrew rounds up some of the best takeaways along with other useful resources for new speakers. Read more…

February 16, 2018 — Staying on top of the newest techniques, browser updates, and hot topics can be hard. Anselm Hannemann summarized what happened in the web industry in the past few weeks, so you can easily catch up on everything new and important. Read more…

February 16, 2018 — A world without icons — is that even possible? After all, icons have been one of the first elements used in the first UIs. What makes icons particularly special is perhaps the fact that their meaning can be understood without having to add any text or further details. In this article, Manuela Langella will show you how icons have been one of the first elements used in the first user interfaces and the story behind them. Let’s dig deep into why they play an important part in today’s screen design. Read more…

February 15, 2018 — Designing interactive prototypes is the best approach to expressing your ideas and explaining them to clients and stakeholders. Prototyping is an important part of the modern UX design process. Greg Rog has tried many tools, and came to the conclusion that Framer Studio is one of the best when it comes to making user interface prototypes. So, in the following tutorial, he will show you some Framer basics By the end of this article, you should be able to create a mobile app prototype, and you will also learn some CoffeeScript code. Greg will guide you along the way and will provide you with files to help you getting started more easily. Learn how to create a mobile app prototype with Framer while also learning some CoffeeScript code. Read more…