Blog

28
Feb

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

Posted by | | Uncategorized

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? Well, only your imagination was the limit. Today, we are happy to present the result of this creative experiment, and the lucky winner, too, of course. Source: Smashing Magazine

Read More
27
Feb

Smashing Newsletter #200: The Things We Learned

Posted by | | Uncategorized

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 teaching materials available at their school, and interaction design was often taught on paper with a few outdated books from the 90s. Source: Smashing Magazine

Read More
27
Feb

How GDPR Will Change The Way You Develop

Posted by | | Uncategorized

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 protection practice is as much about the development side — code, data, and security — as it is about the business side of process, information, and strategy. Source: Smashing Magazine

Read More
26
Feb

A Comprehensive Website Planning Guide (Part 2)

Posted by | | Uncategorized

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 The Plan (Or Proposal) Note: The following section is for designers, but everyone ought to understand this part of the process. Source: Smashing Magazine

Read More
26
Feb

Adobe XD Contest: Create An App Prototype With Your City's Best-Kept Secrets

Posted by | | Uncategorized

(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 knows a city’s secrets as well as the locals, right? 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 […]

Read More
23
Feb

Adding Code-Splitting Capabilities To A WordPress Website Through PoP

Posted by | | Uncategorized

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, the popular JavaScript bundler. For WordPress websites, though, it is not so easy. First, Webpack was not intentionally built to work with WordPress, so setting it up will require quite some workaround; secondly, no tools […]

Read More
22
Feb

Styling Empty Cells With Generated Content And CSS Grid Layout

Posted by | | Uncategorized

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 apply styling, you need to insert an element. In this article, I am going to take a look at how to use CSS Generated Content to achieve styling of empty cells without adding redundant empty […]

Read More
21
Feb

Bringing Together React, D3, And Their Ecosystem

Posted by | | Uncategorized

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 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? Source: Smashing Magazine

Read More
21
Feb

A Comprehensive Guide To UI Design

Posted by | | Uncategorized

(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 often be working across these different specialisms: designing the overall user experience (UX), organizing information logically as we consider information architecture (IA), and considering the granular design of the user interface (UI). Source: Smashing Magazine

Read More
20
Feb

A Comprehensive Website Planning Guide (Part 1)

Posted by | | Uncategorized

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 successful websites. Who This Guide Is For Written in relatively non-technical language, this guide provides a broad overview of the process of developing a website, from the initial needs assessment through site launch, maintenance and […]

Read More