Today is the 200th issue of our precious li’l Smashing Newsletter, and in this issue we’d love to highlight the people behind this little project — the entire team, writing and editing and proofreading and pushing that damn “Send” button. 200 newsletter issues, thoroughly researched, written and edited by the SmashingMag team. We’re celebrating today’s issue by highlighting a part of the team behind this magazine.
Read more…
GDPR requires you to be more thoughtful about the sites and services you build, more transparent about the ways you collect and use data, more considerate of your users, and more thorough in your development and documentation processes. In this article, Heather Burns will explore what you, as a developer, need to know about the new data protection regime. At the end, you’ll understand how the challenges posed by the privacy overhaul will ultimately help to make you a better developer.
Read more…
When it comes to websites there is often a failure to plan properly or at all. In Part 1 of this series, Ben Seigel emphasized on the importance of recognizing the purpose of your website, and why planning for the web is just as important as planning for anything else associated with your business. In this article, he’d like to go into more detail of evaluating a plan, choosing web professionals, and determining your site structure.
Read more…
Adobe is launching a unique design challenge: Take one of three exclusive icon kits and make an app prototype that helps fellow creatives explore your city. Now’s your opportunity to let fellow creatives see your city through your eyes — and to put your design skills to the test at the same time. Show them where you get your creative juices flowing, where you relax after a long day at work, or whatever else might spark your love for the place you live each day anew.
Read more…
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…
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…
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…
(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…
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…
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…