Articles by Smashing Magazine from June 2018

Full-day workshop • June 28thThis workshop is designed for designers and developers who already have a good working knowledge of HTML and CSS. We will cover a range of CSS methods for achieving...

Full-day workshop • June 28thWith so many tools available to visualize your data, its easy to get stuck in thinking about chart types, always just going for that bar or line chart, without trul...

Full-day workshop June 28th In this workshop, Seb will demonstrate a variety of beautiful visual effects using JavaScript and HTML5 canvas. You will learn animation and graphics techniques that you c...

Full-day workshop June 28th With HTTP/2, Service Workers, Responsive Images, Flexbox, CSS Grid, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure o...

Full-day workshop • June 28th This workshop will provide you with a practical, hands-on way to understand how the human brain works and apply that knowledge to User Experience and product desig...

Full-day workshop • June 28th Being able to sketch is like speaking an additional language that enables you to structure and express your thoughts and ideas more clearly, quickly and in a engag...

...

Full-day workshop • June 25thWhether you are designing an app or a website, following best practices and design methodologies will always help ensure your designs are usable and engaging. In th...

Full-day workshop June 25thEvery day, billions of people around the world use the web to work, to find information, and to be entertained. When they come to your site, they trust you to provide them ...

Full-day workshop June 25thVue.js brings together the best features of the javascript framework landscape elegantly. If youre interested in writing maintainable, clean code in an exciting and express...

Full-day workshop June 25thThe workshop with the strongest punch of creativity. The CSS+SVG Power Combo is where you(r team) will learn about the latest, cutting-edge CSS and SVG techniques to create...

Introduced as part of the HTML5 specification, the placeholder attribute represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint...

Before starting any design project, there is one word that is sure follow you from the very beginning: wireframing. Today, we will learn how to create a wireframe in Adobe XD and how to implement some...

BEM makes your code scalable and reusable, thus increasing productivity and facilitating teamwork. Even if you are the only member of the team, BEM can be useful for you. Nevertheless, many developers...

BEM makes your code scalable and reusable, thus increasing productivity and facilitating teamwork. Even if you are the only member of the team, BEM can be useful for you. Nevertheless, many developers...

We see complexity in every corner of a web project these days. Weve read quite a bunch of articles about how complex a specific technology has become, and we discuss this over and over again. Coming f...

Generic web layouts have become somewhat of a misnomer in conversations circling around web design these days. Were bored and slightly annoyed by how predictable and uninspired most web experiences ha...

The traditional boundaries of summer in the US are Memorial and Labor Day, but iOS developers mark the summer by WWDC and the iPhone release. Even though the weather is cool and rainy this week in NYC...

Lets make sense of the front-end and UX madness. Meet Smashing Book 6 with everything from design systems to accessible single-page apps, CSS Custom Properties, Grid, Service Workers, performance patt...

Todays world operates in real time. Whether its trading stock or ordering food, consumers today expect immediate results. Likewise, we all expect to know things immediately — whether its in news...

(This article is kindly sponsored by Adobe.) As businesses become more consumer-oriented, competition grows fiercer. Thousands of companies worldwide are struggling each day to gain more market share ...

Stories form the connective tissue of our lives. Theyre our experiences, our memories, and our entertainment. They have rhythms and structures that keep us engaged. In this article, well look at how t...

If youve been building anything with Node.js for long enough, then youve no doubt experienced the pain of unexpected speed issues. JavaScript is an evented, asynchronous language. That can make reason...

Everything is designed, whether we make time for it or not. Our smartphones and TVs, our cars and houses, even our pets and our kids are the products of purposeful creativity.So why not our lives?A gr...

(This article is kindly sponsored by Adobe.) A few months ago, the world was shocked to learn that Cambridge Analytica had improperly used data from a harmless looking personality quiz on Facebook to ...

Lets suppose Tony Stark would like to redesign the ID cards of the Avengers, and he needs our help to create them in HTML and CSS. So, how can we help? In this tutorial, well be using Flexbox to creat...

With mobile taking a front seat in search, it's important that websites are designed in a way that prioritize the best experience possible for their users. While Google has brought attention to elemen...

We all need a little inspiration boost every once in a while. And, well, whatever your strategy to get your creative juices flowing might be, sometimes inspiration lies closer than you think. As close...