• Exploring New Worlds In March: The Smashing Creativity Submissions And Winner

    Everybody’s an artist. That was the idea behind the Smashing Creativity Challenge which we announced at the beginning of the month. We asked the community to get their creative ideas flowing, and design a desktop wallpaper for March 2018. The only requirement: The wallpaper had to somehow relate to the theme “Exploring New Worlds”. How? […]

    READ MORE
  • Smashing Newsletter #200: The Things We Learned

    When we share our lessons learned, we can’t predict who is going to read them, but it can make all the difference in the world. I still vividly remember that day when I received an email from a school teacher in Johannesburg, South Africa, five or six years ago. Back then, they didn’t have any […]

    READ MORE
  • How GDPR Will Change The Way You Develop

    Europe’s imminent privacy overhaul means that we all have to become more diligent about what data we collect, how we collect it, and what we do with it. In our turbulent times, these privacy obligations are about ethics as well as law. Web developers have a major role to play here. After all, healthy data […]

    READ MORE
  • A Comprehensive Website Planning Guide (Part 2)

    In Part 1, I 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. Today, I’d like to go into more detail of evaluating a plan, choosing web professionals, and determining your site structure. Writing […]

    READ MORE
  • Adobe XD Contest: Create An App Prototype With Your City’s Best-Kept Secrets

    (This article is kindly sponsored by Adobe.) Every city has its hidden spots: the best place to see the sunset, a cozy coffee shop that makes excellent espresso, or that impressive building you won’t find in any guidebook. As a visitor, you might stumble across little gems like these by chance, but, well, no one […]

    READ MORE
  • Adding Code-Splitting Capabilities To A WordPress Website Through PoP

    Speed is among the top priorities for any website nowadays. One way to make a website load faster is by code-splitting: splitting an application into chunks that can be loaded on demand — loading only the required JavaScript that is needed and nothing else. Websites based on JavaScript frameworks can immediately implement code-splitting through Webpack, […]

    READ MORE
  • Styling Empty Cells With Generated Content And CSS Grid Layout

    A common Grid Layout gotcha is when a newcomer to the layout method wonders how to style a grid cell which doesn’t contain any content. In the current Level 1 specification, this isn’t possible since there is no way to target an empty Grid Cell or Grid Area and apply styling. This means that to […]

    READ MORE
  • Bringing Together React, D3, And Their Ecosystem

    Since its creation in 2011, D3.js has become the de facto standard for building complex data visualizations on the web. React is also quickly maturing as the library of choice for creating component-based user interfaces. Both React and D3 are two excellent tools designed with goals that sometimes collide. Both take control of user interface […]

    READ MORE
  • A Comprehensive Guide To UI Design

    (This is a sponsored article.) With the big picture established — mapping user journeys and defining your design’s look and feel — my fifth article in this series of ten articles dives into the details of designing user interface components. UX, IA, UI: All of these abbreviations can be confusing. In reality, as designers, we’ll […]

    READ MORE
  • A Comprehensive Website Planning Guide (Part 1)

    As a veteran designer, developer and project manager on more sites than I can count, I’ve identified a common problem with many web projects: failure to plan. As the same issues come up repeatedly in my work, I’ve written this guide in order to help our clients, other designers, businesses and organizations plan and realize […]

    READ MORE
  • Designing A Perfect Responsive Configurator

    Here’s a little challenge for you. How would you design a responsive interface for a custom car configurator? The customer should be able to adjust colors, wheels, exterior details, interior details and perhaps accessories — on small and large screens. Doesn’t sound that difficult, does it? We have all seen such interfaces before. Essentially, they […]

    READ MORE
  • Getting Started In Public Speaking: Global Diversity CFP Day

    A CFP, or Call For Proposals (sometimes also known as a Call For Papers), is a request for speakers to send their proposed talk ideas to a conference. The conference will review the proposals and decide who to ask to speak. Popular conferences can receive hundreds of proposals for a handful of speaking slots, therefore […]

    READ MORE
  • Monthly Web Development Update 2/2018: The Grown-Up Web, Branding Details, And Browser Fast Forward

    Every profession is a wide field where many people find their very own, custom niches. So are design and web development today. I started building my first website with framesets and HTML4.0, images and a super limited set of CSS, and — oh so fancy — GIFs and inline JavaScript (remember the onclick=”” attribute?) about […]

    READ MORE
  • Designing For User Interfaces: Icons As Visual Elements For Screen Design

    (This is a sponsored article.) Icons are everywhere. They have been around for a long time, and it’s difficult to imagine a world without icons or symbols today. Only designers will know how much effort and time is needed to not only make them helpful but also simple and expressive. What makes icons particularly special […]

    READ MORE
  • Learning Framer By Creating A Mobile App Prototype

    The time of static user interfaces is long gone. Designing interactive prototypes is the best approach to expressing your ideas and explaining them to clients and stakeholders. Or, as Jerry Cao of UXPin puts it: “Nothing brings you closer to the functionality of the final product than prototyping. It is the prototype that brings to […]

    READ MORE
  • How To Streamline WordPress Multisite Migrations With MU-Migration

    Migrating a standalone WordPress site to a site network (or “multisite”) environment is a tedious and tricky endeavor, the opposite is also true. The WordPress Importer works reasonably well for smaller, simpler sites, but leaves room for improvement. It exports content, but not site configuration data such as Widget and Customizer configurations, plugins, and site […]

    READ MORE
  • Replacing jQuery With Vue.js: No Build Step Necessary

    It’s been impossible to ignore all of the hype surrounding JavaScript frameworks lately, but they might not be the right fit for your projects. Perhaps you don’t want to set up an entire build system for some small abstractions you could feasibly do without. Perhaps moving a project over to a build system and thus, […]

    READ MORE
  • A Comprehensive Guide To Mobile App Design

    (This is a sponsored article.) More than ever, people are engaging with their phones in crucial moments. The average US user spends 5 hours per day on mobile. The vast majority of that time is spent in apps and on websites. The difference between a good app and a bad app is usually the quality […]

    READ MORE
  • Using SSE Instead Of WebSockets For Unidirectional Data Flow Over HTTP/2

    When building a web application, one must consider what kind of delivery mechanism they are going to use. Let’s say we have a cross-platform application that works with real-time data; a stock market application providing ability to buy or sell stock in real time. This application is composed of widgets that bring different value to […]

    READ MORE
  • Free Adobe XD Icon Sets Made By Legendary Designers

    (This is a sponsored article.) Our friends at Adobe unveiled a very special goodie at the Awwwards Conference in Berlin today. A goodie which is too good to miss: They asked three renowned designers to create exclusive free icon sets to use in Adobe XD. And, well, we are very happy to feature them here […]

    READ MORE