Success At Scale: Last Chance For Pre-Sale Price

We love practical books that focus on failures and success stories. And we’ve finally sent our latest book, Addy Osmani’s Success at Scale is at the printer. That means you’ll soon have another wonderful, practical book in your hands. It also means the price of the book is about to go up. So pre-order your copy now to save on the cover price by the 11th of March, 2024!

## Reviews And Testimonials
“This book reveals in its pages the collective wisdom of frontend engineers working on global web projects. It’s the perfect way to enhance your web applications’ potential by optimizing performance with practical tips straight from the trenches.”

Luca Mezzalira, Principal Serverless Specialist Solutions Architect at Amazon Web Services (AWS) and O’Reilly author
Success at Scale, masterfully curated by Addy Osmani, serves as an invaluable compass for the aspiring developers navigating the complex waters of web development. It’s more than a book; it’s a transmission of wisdom, guiding junior developers towards the shores of big tech companies. With its in-depth case studies and focus on performance, capabilities, accessibility, and developer experience, it prepares the next generation of tech talent to not just participate in, but to shape the future of digital innovation.”

Jerome Hardaway, Engineering AI products at Microsoft
## Contents

Success at Scale is a curated collection of best-practice case studies capturing how production sites of different sizes tackle performance, accessibility, capabilities, and developer experience at scale. Case studies are from industry experts from teams at Instagram, Shopify, Netflix, eBay, Figma, Spotify, Wix, Lyft, LinkedIn, and many more. Guidance that stands the test of time.

Join Addy Osmani, your curator, as we dive into a nuanced look at several key topics that will teach you tips and tricks that may help you optimize your own sites. The book also includes short interviews with contributors on what additional lessons, challenges, and tips they have to share some time after the case studies were written.

  • Performance includes examples of measuring, budgeting, optimizing, and monitoring performance, in addition to tips for building a performance culture.
  • Capabilities is about bridging the gap between native capabilities and the modern web. You’ll explore web apps, native apps, and progressive web applications.
  • Accessibility makes web apps viable for diverse users, including people with temporary or permanent disabilities. Most of us will have a disability at some point in our lives, and these case studies show how we can make the web work for all of us.
  • Developer Experience is about building a project environment and culture that encourage support, growth, and problem-solving within teams. Strong teams build great projects!
We’re Trying Out Something New

In an effort to conserve resources here at Smashing, we’re trying something new with Success at Scale. The printed book will be 304 pages, and we’ll make an expanded PDF version available to everyone who purchases a print book. This accomplishes a few good things:

  • We will use less paper and materials because we are making a smaller printed book;
  • We’ll use fewer resources in general to print, ship, and store the books, leading to a smaller carbon footprint; and
  • Keeping the book at more manageable size means we can continue to offer free shipping on all Smashing orders!

Smashing Books have always been printed with materials from FSC Certified forests. We are committed to finding new ways to conserve resources while still bringing you the best possible reading experience.

About the Author

Addy Osmani is an engineering leader working on Google Chrome. He leads up Chrome’s Developer Experience organization, helping reduce the friction for developers to build great user experiences.

Technical Details
  • ISBN: 978-3-910835-00-9 (print)
  • Quality hardcover, 304 pages, stitched binding, ribbon page marker.
  • Free worldwide airmail shipping from Germany mid March 2024.
  • eBook available for download as PDF, ePUB, and Amazon Kindle.
  • Pre-order the book.
Community Matters ❤️

Producing a book takes quite a bit of time, and we couldn’t pull it off without the support of our wonderful community. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be free for Smashing Members. Plus, Members get a friendly discount when purchasing their printed copy. Just sayin’! ;-)

More Smashing Books & Goodies

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Heather and Steven are two of these people. Have you checked out their books already?

Understanding Privacy

Everything you need to know to put your users first and make a better web.

Add to cart $44

Touch Design for Mobile Interfaces

Learn how touchscreen devices really work — and how people really use them.

Add to cart $44

Interface Design Checklists

100 practical cards for common interface design challenges.

Add to cart $39

Tales Of November (2023 Wallpapers Edition)

November tends to be rather gray in many parts of the world. So what better remedy could there be as some colorful inspiration? To bring some good vibes to your desktops and home screens, artists and designers from across the globe once again tickled their creative ideas and designed beautiful and inspiring wallpapers to welcome the new month.

The wallpapers in this collection all come in versions with and without a calendar for November 2023 and can be downloaded for free. And since so many unique designs have seen the light of day in the more than twelve years that we’ve been running this monthly wallpapers series, we also compiled a selection of November favorites from our archives at the end of the post. Maybe you’ll spot one of your almost-forgotten favorites in there, too? A big thank you to everyone who shared their designs with us this month — this post wouldn’t exist without you. Happy November!

  • You can click on every image to see a larger preview,
  • We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience through their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves.
  • Submit a wallpaper!
    Did you know that you could get featured in our next wallpapers post, too? We are always looking for creative talent.
Transition

“Inspired by the transition from autumn to winter.” — Designed by Tecxology from India.

Ghostly Gala

Designed by Bhabna Basak from India.

Journey Through November

“Step into the embrace of November’s beauty. On this National Hiking Day, let every trail lead you to a new discovery and every horizon remind you of nature’s wonders. Lace up, venture out, and celebrate the great outdoors.” — Designed by PopArt Studio from Serbia.

Bug

Designed by Ricardo Gimenes from Sweden.

Sunset Or Sunrise

“November is autumn in all its splendor. Earthy colors, falling leaves and afternoons in the warmth of the home. But it is also adventurous and exciting and why not, different. We sit in Bali contemplating Pura Ulun Danu Bratan. We don’t know if it’s sunset or dusk, but… does that really matter?” — Designed by Veronica Valenzuela Jimenez from Spain.

Harvesting A New Future

“Our team takes pride in aligning our volunteer initiatives with the 2030 Agenda for Sustainable Development’s ‘Zero Hunger’ goal. This goal reflects a global commitment to addressing food-related challenges comprehensively and sustainably, aiming to end hunger, ensure food security, improve nutrition, and promote sustainable agriculture. We encourage our team members to volunteer with non-profits they care about year-round. Explore local opportunities and use your skills to make a meaningful impact!” — Designed by Jenna Miller from Portland, OR.

Behavior Analysis

Designed by Ricardo Gimenes from Sweden.

Oldies But Goodies

Some things are just too good to be forgotten, so below you’ll find a selection of oldies but goodies from our wallpapers archives. Please note that these designs don’t come with a calendar.

Anbani

Anbani means alphabet in Georgian. The letters that grow on that tree are the Georgian alphabet. It’s very unique!” — Designed by Vlad Gerasimov from Georgia.

Cozy Autumn Cups And Cute Pumpkins

“Autumn coziness, which is created by fallen leaves, pumpkins, and cups of cocoa, inspired our designers for this wallpaper. — Designed by MasterBundles from Ukraine.

A Jelly November

“Been looking for a mysterious, gloomy, yet beautiful desktop wallpaper for this winter season? We’ve got you, as this month’s calendar marks Jellyfish Day. On November 3rd, we celebrate these unique, bewildering, and stunning marine animals. Besides adorning your screen, we’ve got you covered with some jellyfish fun facts: they aren’t really fish, they need very little oxygen, eat a broad diet, and shrink in size when food is scarce. Now that’s some tenacity to look up to.” — Designed by PopArt Studio from Serbia.

Colorful Autumn

“Autumn can be dreary, especially in November, when rain starts pouring every day. We wanted to summon better days, so that’s how this colourful November calendar was created. Open your umbrella and let’s roll!” — Designed by PopArt Studio from Serbia.

The Kind Soul

“Kindness drives humanity. Be kind. Be humble. Be humane. Be the best of yourself!” — Designed by Color Mean Creative Studio from Dubai.

Time To Give Thanks

Designed by Glynnis Owen from Australia.

Moonlight Bats

“I designed some Halloween characters and then this idea came to my mind — a bat family hanging around in the moonlight. A cute and scary mood is just perfect for autumn.” — Designed by Carmen Eisendle from Germany.

Outer Space

“We were inspired by the nature around us and the universe above us, so we created an out-of-this-world calendar. Now, let us all stop for a second and contemplate on preserving our forests, let us send birds of passage off to warmer places, and let us think to ourselves — if not on Earth, could we find a home somewhere else in outer space?” — Designed by PopArt Studio from Serbia.

Winter Is Here

Designed by Ricardo Gimenes from Sweden.

Go To Japan

“November is the perfect month to go to Japan. Autumn is beautiful with its brown colors. Let’s enjoy it!” — Designed by Veronica Valenzuela from Spain.

International Civil Aviation Day

“On December 7, we mark International Civil Aviation Day, celebrating those who prove day by day that the sky really is the limit. As the engine of global connectivity, civil aviation is now, more than ever, a symbol of social and economic progress and a vehicle of international understanding. This monthly calendar is our sign of gratitude to those who dedicate their lives to enabling everyone to reach their dreams.” — Designed by PopArt Studio from Serbia.

Tempestuous November

“By the end of autumn, ferocious Poseidon will part from tinted clouds and timid breeze. After this uneven clash, the sky once more becomes pellucid just in time for imminent luminous snow.” — Designed by Ana Masnikosa from Belgrade, Serbia.

Peanut Butter Jelly Time!

“November is the Peanut Butter Month so I decided to make a wallpaper around that. As everyone knows peanut butter goes really well with some jelly so I made two sandwiches, one with peanut butter and one with jelly. Together they make the best combination. I also think peanut butter tastes pretty good so that’s why I chose this for my wallpaper.” — Designed by Senne Mommens from Belgium.

On The Edge Of Forever

“November has always reminded me of the famous Guns N’ Roses song, so I’ve decided to look at its meaning from a different perspective. The story in my picture takes place somewhere in space, where a young guy beholds a majestic meteor shower and wonders about the mysteries of the universe.” — Designed by Aliona Voitenko from Ukraine.

Me And The Key Three

Designed by Bart Bonte from Belgium.

Mushroom Season

“It is autumn! It is raining and thus… it is mushroom season! It is the perfect moment to go to the forest and get the best mushrooms to do the best recipe.” — Designed by Verónica Valenzuela from Spain.

Welcome Home Dear Winter

“The smell of winter is lingering in the air. The time to be home! Winter reminds us of good food, of the warmth, the touch of a friendly hand, and a talk beside the fire. Keep calm and let us welcome winter.” — Designed by Acodez IT Solutions from India.

A Gentleman’s November

Designed by Cedric Bloem from Belgium.

Sailing Sunwards

“There’s some pretty rough weather coming up these weeks. Thinking about November makes me want to keep all the warm thoughts in mind. I’d like to wish everyone a cozy winter.” — Designed by Emily Trbl. Kunstreich from Germany.

Hold On

“We have to acknowledge that some things are inevitable, like winter. Let’s try to hold on until we can, and then embrace the beautiful season.” — Designed by Igor Izhik from Canada.

Hello World, Happy November

“I often read messages at Smashing Magazine from the people in the southern hemisphere ‘it’s spring, not autumn!’ so I wanted to design a wallpaper for the northern and the southern hemispheres. Here it is, northerners and southerns, hope you like it!” — Designed by Agnes Swart from the Netherlands.

Snoop Dog

Designed by Ricardo Gimenes from Sweden.

No Shave Movember

“The goal of Movember is to ‘change the face of men’s health.’” — Designed by Suman Sil from India.

Deer Fall, I Love You

Designed by Maria Porter from the United States.

Autumn Choir

Designed by Hatchers from Ukraine / China.

Late Autumn

“The late arrival of Autumn.” Designed by Maria Castello Solbes from Spain.

How To Choose Typefaces For Fintech Products: Best Practices Guide (Part 2)

Welcome to the second part of the guide to typography in fintech. In Part 1, we reviewed the key points to consider when choosing typefaces:

  • What is the content of your product? What type of data do you mainly work with?
  • Who is your common user, and in which circumstances do they use the product?
  • What are the specific points you need to keep in mind? For example, what language support is planned for the future? Or, maybe you need to use some specific glyphs (math or rare currency symbols) in your product.

We also reviewed all font parameters and started investigating how they affect readability and legibility. Now, let’s discuss how to apply them to your designs.

Adjust Texts And Tables

Point Size

When choosing a point size, we need to consider the body text first. Body text is the most massive part of your content, and its style determines design and visual appearance. It’s also essential to remember that x-height might vary slightly from type to type. Therefore, not all typefaces will look the same in the same size, and you will probably need to adjust it.

The general rule is that the size of the screen body text should be 12-16px. But this measurement may change depending on your needs. When you work with investment apps, users should be able to see a large amount of information on a single screen. An appropriate solution here might be to reduce the body text size to 10px but pay attention to legibility. In addition, traders usually want to see big amounts of data on a single screen, without scrolling anything, as it might affect the speed of reaction. We had such a case when a client asked us to make all the body text smaller to fit the screen.

Secondly, consider headings. Try to build a clear content hierarchy that will help users to work with the content. Figure out how many levels of headings you need. Don’t use too many, aiming for three to five levels.

Try to avoid using uppercase capitalization. But if you capitalize headings in uppercase, make them short.

When set in uppercase, the text is less legible. The lowercase text has different shapes, ascenders, and descenders. They help us intuitively recognize letters in context without spending time deciphering them when reading. Uppercase text reduces this recognition because capital letters generally have square shapes. So, the more capitalized text you have in a row, the more time a user needs to read it.

Another tip is to avoid italics, underlining, and other ways to differentiate headings visually unless you’re working on a small visual material and have a strong reason for such expressive typography. If it’s a must, choose a bold font for visual contrast and accents, but use it sparingly.

Text Column

When working with texts, you must determine a suitable length of text lines. Overly long text lines are hard to follow. Generally, the average size is 55-60 characters per line. Following these values will help you keep the text readable.

Line Spacing

The next step is to choose an appropriate line spacing (or leading) for your text. This measurement determines the distance from the baseline to the baseline in a text paragraph. Usually, optimal line spacing equals 120% of body text size, e.g., 12x1,2=14.4 for 12px text. But depending on the circumstances, you can vary this setting between 120% and 145%.

Besides the point size, the width of the column is an important aspect that affects line spacing. Generally, the rule is the wider the text column, the more spacing between lines you need (see the illustration above). For narrow columns, quite tight spacing works well, as you don’t need to follow the long way from the beginning to the end of the line. Also, consider the space between columns: line spacing should not be larger but noticeably smaller, as it will cause confusion and mess. Users should be able to distinguish text blocks from one another easily.

Letterspace And Tracking

In high-quality typefaces, type designers carefully adjust letter spacing so you can use them by default. However, there are several cases when additional settings are required.

First, when setting text in small point size (10px or less), e.g., for captions or tooltips, add some small positive tracking — 1–2% is enough. It helps make the text more legible.

Positive tracking is also needed in lines set in capital letters. Uppercase characters (and their sidebearings) are designed to come before lowercase at the beginning of a word. For this reason, the All Caps setting is usually too tight and requires additional spacing.

Tips:

  • Think twice when setting text in uppercase, and don’t do this without a strong reason because it affects legibility.
  • Avoid more than three to five words in uppercase.
  • For a larger amount of text, choose a typeface with small caps.
  • Don’t try to imitate small caps by using capitals in smaller sizes.

Negative tracking might be applied when you use a type in an extremely large point size.

Design The Spreadsheets

A spreadsheet is a complex form of data representation that should have a high level of legibility. Setting up a spreadsheet can be tricky because, in digital products, we work with dynamic data, and therefore, we can only sometimes predict their behavior.

A good practice is to consider all possible corner cases. What if a number has ten digits in the fractional part? Do we really need to show the whole number, or can we shorten it? What if cells contain data of very different lengths? Ask your analyst to consider all possible situations to avoid unpleasant surprises after release.

Here are several core rules to improve your spreadsheet:

Use Monospace (Or Tabular) Digits

Monospace digits are a set of digits with equal space width and central position within them, unlike default ones. It’s the most convenient way to align data precisely, allowing you to place digits in a column one below another. Tabular digits are especially useful in compound products like traders’ watchlists and spreadsheets. They help to keep the layout while values change in real time.

The Open Type format supports this feature and can be enabled in the Type Settings menu > Details in Figma.

Align Numbers By The Right Side Or By A Decimal Separator

Depending on using integers or fractionals, choose the appropriate alignment. The aim is to place digits with the same meaning one below another in a column.

Right alignment allows you to align digits according to their position in the numeral system. It works well if you work with integers.

If you work with fractionals, align by a decimal separator.

Alternatively, fill empty spaces with zero symbols. In this case, columns will align by separator automatically.

When adding additional symbols after values, such as currency or footnote, do it with an overhang.

Choose a suitable alignment for the column’s headings. Usually, the heading is aligned on the same side as the column’s content, and this is the most convenient and fast path for developers when working with dynamic data.

Typesetting numeral data in monospaced figures and suitable alignment provides clear data representation and improves legibility.

Use Appropriate Separation Marks

Consider applying different rules to the sign of the decimal separator. Depending on localization, it might be a comma or period: use periods for the US, the UK, Australia, and Canada, and choose a comma if your audience is from European countries, like France, Germany, and so on.

Thousands of separators vary between space, comma, apostrophe, and period, depending on the region. Find out which sign is used in your case and apply your approach consistently.

Pay Attention To Currency Symbols

Note that the appropriate place for currency symbols also varies. The dollar sign and most signs of European currencies usually stand before the value. If you work with a specific symbol, ensure you know the usage rules.

The placement of the euro sign is determined by language. According to the EU Interinstitutional style guide (page 114), the character is placed before value in English-speaking countries, as well as in Dutch, Irish, and Maltese. In all other European languages, the order is reversed.

There are also rare cases when symbols are placed in the decimal separator position, for example, Cape Verdean escudo.

Make sure to place currency codes after value. It is a rule.

Avoid Unnecessary Graphics

Striped backgrounds, lines, and borders are instruments of cell connection that help users follow the line in the spreadsheet. Repetitive striped backgrounds and lines often create visual noise and disturb attention. Make sure you have a solid reason to use it and apply sparingly.

Avoid using bright colors and patterned lines (dashed, dotted, and so on). Lines and borders should be solid and thin, as they are supporting elements that shouldn’t distract from data.

A neat layout is the best way to connect elements (cells) into a solid unit (row). Use the Proximity principle to show a relation between objects.

Making horizontal space between columns tighter than vertical space between rows will help you connect elements intuitively without additional graphic details.

Try it before using any extra elements.

Master Accessibility

If you’re a designer, you probably use high-quality screens to see a wide color range. In this situation, it is very tempting to use subtle color shades, pale shadows, and other details to make your product look visually sophisticated.

In real life, the average trading platform user may work in various conditions: on an old computer, on a low-quality screen, or simply in bright sunlight. Do not forget about people with special needs: low vision, color blindness, and so on. It is essential to remember that 90% of your audience will barely notice delicate color schemes and nuances. And this is a reason to take care of the contrast ratio.

Contrast Ratio

Contrast ratio is a numeral value in format X:1 where X may vary from 1 (weakest contrast) to 21 (maximum). 1:1 means comparing colors with no contrast, and 21:1 is obtainable by comparing black and white.

When checking your contrast ratio, you will meet such labels as AA and AAA. These are levels of accessibility, from lower to higher, based on WCAG accessibility standards. According to several factors, such as how broad your audience is, which is the average age of the user, and which possible use circumstances you can predict, you should meet at least AA.

There are different criteria for text and graphic elements for each standard. Each level requires a specific contrast ratio:

  • AA: at least 4.5:1 for normal text and 3:1 for bold or large text,
  • AAA: 7:1 for normal text and 4.5:1 for bold or large text.

How do you check if your product meets these criteria? You can use one of many online tools, for example, Web AIM contrast checker. There are also plenty of plugins in Figma that you can try.

At Devexperts, we usually create products with dark themes as it gives us more freedom in color choice. Due to our specialization, we often need many colors to highlight various values and functions. It’s easier to pick a color with enough contrast to the dark background and make our products accessible to as many people as possible.

Find That One Typeface

So, knowing these simple steps to consider, it’s time to choose a font for your fintech product. There are plenty of marketplaces where you can purchase licensed typefaces. Check myfonts.com first, as it is the biggest player in this field. Many type foundries and independent designers sell their fonts on this platform.

You can also buy a font directly from the type foundry’s website. This is probably the best idea, as you (or the type designer) will not pay an additional fee to the platform. You can also explore all typefaces by this type foundry and find some more fonts you like for future projects. Here is a list of foundries to check out.

Commercial Type

Commercial Type’s library includes a wide range of typefaces of exceptional quality.

The founders of Commercial Type are Paul Barnes and Christian Schwartz, designers who are well-known for their typeface Guardian Egyptian, created for The Guardian in 2004–05.

Type.Today

Type.Today is a store with an inspiring collection of modern, high-quality typefaces. The project was founded by Ilya Ruderman and Yuri Ostromensky, who are also co-founders of CSTM fonts type foundry.

You might also want to check the other part of the project: Type.Tomorrow, which presents more experimental and crazy typefaces.

Typotheque

Typotheque is a Netherlands-based type design company founded by Peter Bilak in 1999. It has a massive library of retail fonts that may serve any designer’s need. They have plenty of great type-related products in their shop.

Klim

Founded by Kris Sowersby in 2005, Klim type foundry creates custom and retail typefaces. Their work combines deep historical knowledge with a contemporary approach to graphics. Check their blog — it has lots of exciting reading.

Colophon Foundry

Colophon Foundry is a London-based type agency that offers an impressive choice of modern, perfectly executed typefaces. Don’t forget to check trials as well.

I Love Typography

ILT is not only a shop with an impressive collection of accurately-picked typefaces. It is also a blog with lots of great type-related materials on a wide range of topics. Highly recommended!

Grilli Type

Grilli Type is a foundry that offers types with a very modern feeling. Their library is not that wide in amount of typefaces, but each has a vast number of styles. They also provide trial versions for all their faces.

TypeTogether

Established in 2006 by two graduates from Reading University, TypeTogether foundry is concentrated on text typefaces for editorial purposes. Except for that, they have plenty of display retail fonts in their catalog.

If you’re a student looking for a typeface for non-commercial use, check student license support on the website. Sometimes, foundries give scholars good discounts or even offer some fonts for free. There are also trial versions provided, so you can check if the typeface works well for your project before purchasing.

Also, you can try Fontstand. It is a great platform where you can try and rent fonts for a couple of dollars and use them for commercial projects.

At Future Fonts, you can find a great variety of typefaces in progress available for purchase with a good discount. You will also receive all updates for the purchased typeface, which sounds like a great investment!

And finally, if you don’t have a budget at all, there are still some options. For example, Google Fonts have a number of good typefaces which you can use for free for any kind of project. Take a look at IBM Type Family, Open Sans, PT Sans, Inter, or Roboto. These are widely used fonts we all know and meet in various products. For sure, you will find something suitable there.

In any case, do not forget to read the license carefully, and feel free to ask the vendor/type foundry if you have questions.

Conclusion

Finding the right typeface is tricky as a whole. Dividing the process into steps and having the right information at hand will make this journey a design adventure full of surprises. To avoid sinking into unnecessary details, use this guide as a map for your path, and you will never get lost.

That’s it! Hopefully, you’ve found this article helpful for improving your workflow. Explore typefaces, as this is a great and powerful instrument for designers, and stay in touch!

Further Reading On SmashingMag

Meet Success At Scale, A New Smashing Book By Addy Osmani

Today, we are very happy to announce our new book: Success at Scale, a curated collection of best-practice case studies capturing how production sites of different sizes tackle performance, accessibility, capabilities, and developer experience at scale. Case studies are from industry experts with guidance that stands the test of time.

Join Addy Osmani, your curator, as we dive into a nuanced look at several key topics that will teach you tips and tricks that may help you optimize your own sites. The book will also include short interviews with each contributor on what additional lessons, challenges, and tips they have to share some time after each case study was written.

High-quality hardcover. Curated by Addy Osmani. Cover art by Espen Brunborg. Print and eBook shipping in fall 2023. Pre-order the book.

Contents

Each section of the book is filled with case studies from real-world large-scale web applications and services, interviews with the people involved, and key takeaways to help you achieve the same success.

  • Performance includes examples of measuring, budgeting, optimizing, and monitoring performance, in addition to tips for building a performance culture.
  • Capabilities is about bridging the gap between native capabilities and the modern web. You’ll explore web apps, native apps, and progressive web applications.
  • Accessibility makes web apps viable for diverse users, including people with temporary or permanent disabilities. Most of us will have a disability at some point in our lives, and these case studies show how we can make the web work for all of us.
  • Developer Experience is about building a project environment and culture that encourage support, growth, and problem-solving within teams. Strong teams build great projects!
Who This Book Is For

This book is for professional web developers and teams who want to deliver high-quality web experiences. We explore dimensions like performance, accessibility, capabilities, and developer experience in depth. Success at Scale goes beyond beginner material to cover the pragmatic approaches required to tackle these challenges in the real world.

About the Author

Addy Osmani is an engineering leader working on Google Chrome. He leads up Chrome’s Developer Experience organization, helping reduce the friction for developers to build great user experiences.

Technical Details
  • ISBN: 978-3-910835-00-9 (print)
  • Quality hardcover, stitched binding, ribbon page marker.
  • Free worldwide airmail shipping from Germany starting in fall 2023.
  • eBook available for download in fall 2023 as PDF, ePUB, and Amazon Kindle.
  • Pre-order the book.
Community Matters ❤️

Producing a book takes quite a bit of time, and we couldn’t pull it off without the support of our wonderful community. A huge shout-out to Smashing Members for the kind, ongoing support. The eBook is and always will be free for Smashing Members as soon as it’s out. Plus, Members get a friendly discount when purchasing their printed copy. Just sayin’! ;-)

More Smashing Books & Goodies

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Heather and Steven are two of these people. Have you checked out their books already?

Understanding Privacy

Everything you need to know to put your users first and make a better web.

Add to cart $44

Touch Design for Mobile Interfaces

Learn how touchscreen devices really work — and how people really use them.

Add to cart $44

Interface Design Checklists

100 practical cards for common interface design challenges.

Add to cart $39

Hello Quantum…👋…Goodbye Shared Hosting!

For the last 20 years, the dominant form of hosting has been shared. Something like 20-50 sites stuck on one dedicated server running WHM/cPanel and working out at between $3-5 per site, per month. Sounds like your setup? You’re not alone.

Every site shares the same IP address, every site is vulnerable to one of the other sites hogging all the resources, every site can be damaged by one hack, every site is in the same location.

We know this because we’ve surveyed our members at length and – even though nobody likes it – it’s hard to argue with that cost per site, especially when compared to standard managed WordPress hosting costs.

Well, that changes today. With Quantum.

Quantum: A Leap Ahead on Shared Hosting!

Quantum Hosting vs Shared Hosting
Quantum Hosting vs Shared Hosting

Every WPMU DEV Quantum plan comes with:

  • Dedicated and compartmentalized resources
  • Individual IP addresses
  • Choice of 5 worldwide locations: US East, US West, Netherlands, Germany, Singapore
  • 10GB storage & 500GB/m bandwidth
  • Uncapped visits, domain specific email
  • All pro WPMU DEV plugins
  • Optimized, cached, protected managed WP

For $4/m (or from $3.60/m if you pre-pay).

Yes, you read that right. That’s $4/m.

Not “in your first year”, “discounted” or “with a 24 month plan paid upfront”.

Just $4/m as a flat rate.

Oh, and if migrating 20 (or 100+ sites) sounds like a pain, then don’t stress it because we will migrate your sites for you, for free.

Exclusive to Agency

There are a few conditions that make Quantum able to be a thing.

First up, and perhaps most importantly, unlike the rest of our hosting offers, Quantum is exclusive to our Agency plan.

This excludes, for the first time, all our legacy memberships with the exception of lifetime members (which can only be earned, not bought).

This is both to thank our Agency level members and so that we can provide the same level of 24/7 expert support to this plan that we are committed to providing to every WPMU DEV member.

Find out more about our membership levels here and if you have any questions (or would like to talk about transitioning from a Legacy to an Agency plan) please contact our sales team, they’ll be happy to help.

To make Quantum lean and fast, we’ve also introduced these parameters:

  • While there are no limits on themes or theme builders, we have limited plugins to the top 40-50 most popular, with the exception of WooCommerce, as it’s just too resource heavy
  • Staging, Multisite and a range of hosting tools are not available with this plan, for the same reasons, find out more on the Quantum page.
  • Due to these limitations we cannot allow downgrades to Quantum.

We’ve put these in place to ensure that your experience using Quantum, and that of your clients, is out of this world good.

And, of course, if you do need more resources, tools or to remove all limits, you can do that by simply upgrading a Quantum plan to one of our Bronze hosting plans ($12/m or $10.80/m with pre-pay).

Give Quantum a Go

If you are already an Agency level WPMU DEV member you can spin up a site now and give it a go in your Hosting area.

Also, all Agency memberships come with $144 hosting credit per year, so your first 3 Quantum sites will actually be for free!

Hub Hosting Quantum
Agency member? Select Quantum and give your clients an in-credit-able hosting experience!

As with all of our products, it comes with a money-back guarantee, so if you don’t like it / it doesn’t meet your needs, then you can just cancel your plan and ask us for a refund.

We reckon you will like it though :)

If you are not an Agency member you can try it out for free now, with a 7 day free trial, and give Quantum a spin while you are at it.

Quantum Hosting Plan
Quantum hosting plan…engineered for WordPress and priced for resellers!

As above, if you don’t like it, just let us know and we will refund you any costs incurred.

But we really do think that you’ll actually want to stay!

We’re so excited to bring you a product that we think has the capacity to radically change how WordPress has been hosted for the better (and hey, even make the internet a better place as a result).

Any questions or comments please contact our sales team, we’re standing by and waiting to hear from you.

October Vibes For Your Desktop (2022 Wallpapers Edition)

When we look closely, inspiration can lie everywhere. In the leaves shining in the most beautiful colors in many parts of the world at this time of year, in a cup of coffee and a conversation with a friend, or when taking a walk on a windy October day. Whatever your secret to finding new inspiration might be, our monthly wallpapers series is bound to give you a little inspiration boost, too.

For this October edition, artists and designers from across the globe once again challenged their creative skills and designed wallpapers to spark your imagination and make the month a bit more colorful than it already is. Like every month since we embarked on this wallpapers adventure more than eleven years ago.

The wallpapers in this collection all come in versions with and without a calendar for October 2022 — so no matter if you want to keep an eye on your deadlines or plan to use your favorite design even after the month has ended, we’ve got you covered. Speaking of favorites: As a little bonus goodie, you’ll also find some oldies but goodies from past October editions at the end of this post. A big thank-you to everyone who shared their designs with us — this post wouldn’t exist without you!

  • You can click on every image to see a larger preview,
  • We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience through their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves.
  • Submit a wallpaper!
    Did you know that you could get featured in our next wallpapers post, too? We are always looking for creative talent.
Dreamy Autumn Girl

“Our designers were inspired by the coziness of autumn and the mood that it evokes — the only desire that appears is to put on a warm cozy sweater, take a cup of warm tea, and just enjoy the view outside the window. If you want more free calendars on other thematic, check out our listicle.” — Designed by MasterBundles from Ukraine.

Spooky Season

“Trick or treating, Tim Burton movies, Edgar Allan Poe poems — once these terms rise up to the top of Google searches, we know that the spooky season is here. We witch you a happy Halloween!” — Designed by PopArt Studio from Serbia.

Boo!

Designed by Mad Fish Digital from Portland, OR.

Fall Colors

“Fall is about orange, brown, and earthly colors. People still enjoy waling through the parks, even if it’s a little bit colder, just to take in the fall palette of colors.” — Designed by Andrew from the United States.

King Of The Pirates

Designed by Ricardo Gimenes from Sweden.

Tarzan In The Jungle

“We start this October with Tarzan in his jungle. Luckily Chita helps us!” — Designed by Veronica Valenzuela from Spain.

Happy Halloween

Designed by Ricardo Gimenes from Sweden.

Design Your Thinking

“Thinking helps us challenge our own assumptions, discover new things about ourselves and our perspective, stay mentally sharp, and even be more optimistic. Using divergent thinking strategies can help you examine a problem from every angle and identify the true root of the issue. Deep thinking allows you to try on perspectives that you may not have considered before.” — Designed by Hitesh Puri from Delhi, India.

Welcome Maa Durga!

“Welcome the power — Shakti. Welcome the love. Welcome her blessings. Welcome Maa Durga!” — Designed by Rahul Bhattacharya from India.

Old Tree

“No surprise, with October, Halloween time is back. In the north, days are becoming shorter. The night atmosphere takes place and a slightly scary feeling surrounds everything. It’s not only a matter of death. I had taken a picture of this old tree. Who knows if there is really noone in there?” — Designed by Philippe Brouard from France.

Oldies But Goodies

Hidden in our wallpapers archives, we rediscovered some almost-forgotten treasures from past October editions. May we present… (Please note that these designs don’t come with a calendar.)

Autumn Vibes

“Autumn has come, the time of long walks in the rain, weekends spent with loved ones, with hot drinks, and a lot of tenderness. Enjoy.” — Designed by LibraFire from Serbia.

The Night Drive

Designed by Vlad Gerasimov from Georgia.

The Return Of The Living Dead

Designed by Ricardo Gimenes from Sweden.

Goddess Makosh

“At the end of the kolodar, as everything begins to ripen, the village sets out to harvesting. Together with the farmers goes Makosh, the Goddess of fields and crops, ensuring a prosperous harvest. What she gave her life and health all year round is now mature and rich, thus, as a sign of gratitude, the girls bring her bread and wine. The beautiful game of the goddess makes the hard harvest easier, while the song of the farmer permeates the field.” — Designed by PopArt Studio from Serbia.

Bird Migration Portal

“October is a significant month for me because it is when my favorite type of bird travels south. For that reason I have chosen to write about the swallow. When I was young, I had a bird’s nest not so far from my room window. I watched the birds almost every day; because those swallows always left their nests in October. As a child, I dreamt that they all flew together to a nicer place, where they were not so cold.” — Designed by Eline Claeys from Belgium.

Game Night And Hot Chocolate

“To me, October is all about cozy evenings with hot chocolate, freshly baked cookies, and a game night with friends or family.” — Designed by Lieselot Geirnaert from Belgium.

Magical October

“‘I’m so glad I live in a world where there are Octobers.’ (L. M. Montgomery, Anne of Green Gables)” — Designed by Lívi Lénárt from Hungary.

Hello Autumn

“Did you know that squirrels don’t just eat nuts? They really like to eat fruit, too. Since apples are the seasonal fruit of October, I decided to combine both things into a beautiful image.” — Designed by Erin Troch from Belgium.

First Scarf And The Beach

“When I was little, my parents always took me and my sister for a walk at the beach in Nieuwpoort, we didn't really do those beach walks in the summer but always when the sky started to turn grey and the days became colder. My sister and I always took out our warmest scarfs and played in the sand while my parents walked behind us. I really loved those Saturday or Sunday mornings where we were all together. I think October (when it’s not raining) is the perfect month to go to the beach for ‘uitwaaien’ (to blow out), to walk in the wind and take a break and clear your head, relieve the stress or forget one’s problems.” — Designed by Gwen Bogaert from Belgium.

Haunted House

“Love all the Halloween costumes and decorations!” — Designed by Tazi from Australia.

Autumn Gate

“The days are colder, but the colors are warmer, and with every step we go further, new earthly architecture reveals itself, making the best of winters’ dawn.” — Designed by Ana Masnikosa from Belgrade, Serbia.

Ghostbusters

Designed by Ricardo Gimenes from Sweden.

Spooky Town

Designed by Xenia Latii from Germany.

Strange October Journey

“October makes the leaves fall to cover the land with lovely auburn colors and brings out all types of weird with them.” — Designed by Mi Ni Studio from Serbia.

Autumn Deer

Designed by Amy Hamilton from Canada.

Dope Code

“October is the month when the weather in Poland starts to get colder, and it gets very rainy, too. You can’t always spend your free time outside, so it’s the perfect opportunity to get some hot coffee and work on your next cool web project!” — Designed by Robert Brodziak from Poland.

Tea And Cookies

“As it gets colder outside, all I want to do is stay inside with a big pot of tea, eat cookies and read or watch a movie, wrapped in a blanket. Is it just me?” — Designed by Miruna Sfia from Romania.

Discovering The Universe!

“Autumn is the best moment for discovering the universe. I am looking for a new galaxy or maybe… a UFO!” — Designed by Verónica Valenzuela from Spain.

Transitions

“To me, October is a transitional month. We gradually slide from summer to autumn. That’s why I chose to use a lot of gradients. I also wanted to work with simple shapes, because I think of October as the ‘back to nature/back to basics month’.” — Designed by Jelle Denturck from Belgium.

A Very Pug-o-ween

“The best part of October is undoubtedly Halloween. And the best part of Halloween is dog owners who never pass up an o-paw-tunity to dress up their pups as something a-dog-able. Why design pugs specifically in costumes? Because no matter how you look at it, pugs are cute in whatever costume you put them in for trick or treating. There’s something about their wrinkly snorting snoots that makes us giggle, and we hope our backgrounds make you smile all month. Happy Pug-o-ween from the punsters at Trillion!” — Designed by Trillion from Summit, NJ.

Whoops

“A vector illustration of a dragon tipping over a wheelbarrow of pumpkins in a field with an illustrative fox character.” Designed by Cerberus Creative from the United States.

Meet “Smart Interface Design Patterns Checklists” (Deck With 166 Cards)

Every UI component brings along its unique challenges. Inventing a new solution to every problem takes time, and very often it’s really not necessary. We can rely on smart design patterns and ask the right questions ahead of time to avoid issues down the line.

As a little celebration for our 16th birthday, we are happy to finally release our Smart Interface Design Checklists — a deck of 166 cards that are here to help us all keep track of the things we need to consider. Jump to table of contents.

About The Checklist Cards

Meet the deck of 166 checklist cards with common questions to ask when tackling any interface challenge. Curated and compiled by yours truly to help us all keep track of all the fine little details to design and build better interfaces, faster. Plus, a good way to not forget anything critical, and avoid costly mistakes down the line.

The cards are beautifully designed by our dear illustrator Ricardo Gimenes and jam-packed with everything you need to keep in mind when designing UI components. This deck of checklist cards is always by your side — on your desk or on your phone when you’re on the go. Check the free preview. (PDF, 825KB)

The Smart Interface Design Patterns Checklists are a trusty companion on any designer’s desk. Large view. What’s Inside The Box?

The cards are here to help you make the right design decisions. They don’t provide ultimate answers; you can see them as helpful conversation starters for your design/dev teams to help avoid misunderstandings or confusion down the line. They remind you of things that often get forgotten, overlooked or dismissed.

Here’s an overview of all the topics covered by the deck of checklists:

Designing For Touch Checklist
+
  • Are all our icons large enough to avoid rage taps/clicks (50×50px)?
  • Can users double tap on the same spot to undo/restore actions?
  • Have we tested for frequency of rage clicks/taps?
  • ...and 23 more questions.
Accordion Checklist
+
  • What icon do we choose to indicate expansion?
  • Should expanded section collapse automatically?
  • Should the user be scrolled automatically when expanded?
  • ...and 11 more questions.
Navigation Checklist
+
  • Do drop-downs appear/disappear on hover, tap/click, or both?
  • Do nav items appear in a full page/partial overlay or slide-in?
  • Can we split the nav vertically for sub-menus on mobile?
  • ...and 27 more questions.
Hamburger Menu Checklist
+
  • Can we avoid a hamburger icon and show navigation as is?
  • What happens when the user opens both search and hamburger?
  • Do we expose critical navigation by default on desktop/mobile?
  • ...and 20 more questions.
Filtering Checklist
+
  • Do we expose popular or relevant filters by default?
  • Do we display the number of expected results for each filter?
  • Do we apply filters automatically or manually on “Apply” button?
  • ...and 22 more questions.
Sorting Checklist
+
  • Do we repeat sorting at the bottom of the content list?
  • Do we include the “Sort by” label separately from the buttons/dropdown?
  • Does the default sorting reflect the diversity of all major product types?
  • ...and 29 more questions.
Search Autocomplete Checklist
+
  • Do we surface frequent hits, popular searches, products or categories at the top of autosuggestions?
  • At what characater do we start displaying autosuggestions?
  • Do we use look-ahead pattern for search queries?
  • ...and 30 more questions.
Carousels Checklist
+
  • Can we display thumbnails or a grid instead of a carousel?
  • Is there a way to pause a carousel if it’s auto-rotating?
  • How do we choose the sequence of slides?
  • ...and 29 more questions.
Tables Checklist
+
  • Do we add steppers to navigate through columns or rows predictably?
  • Do we highlight the cell, row or column on user’s tap/click?
  • With rows as cards on mobile, do we expose relevant data for comparison?
  • ...and 25 more questions.
Pricing Plans Checklist
+

How many features do we want to display per plan?

  • Do we want to allow customers to switch currency (€/$/£)?
  • Can we avoid requiring credit card data for the free trial period?
  • ...and 48 more questions.
Sliders Checklist
+
  • Do we provide a text input fallback for precise input?
  • Are there any values on a slider that shouldn’t be accepting?
  • Should users be able to “lock” some values?
  • ...and 16 more questions.
Date Pickers Checklist
+
  • What presets (‘prev day’/’current day’) do we need for faster navigation?
  • Do we use dots color coding for different rates or days?
  • How do we avoid displaying unavailable dates or zero-results?
  • ...and 17 more questions.
Configurators Checklist
+
  • What’s the entry point to the configurator?
  • Should the user automatically move to the next step when finished?
  • For every step, do we explain and highlight dependencies?
  • ...and 31 more questions.
Feature Comparison Checklist
+
  • Can users switch to see only differences/similarities/all?
  • Can the user move columns left and right?
  • Should we ask customers to choose preferred attributes?
  • ...and 24 more questions.
Timelines Checklist
+
  • How do we expose/highlight critical events (e.g. now/coming up next)?
  • Should some events or time segments be available/fixed at all times?
  • Do we communicate changes over time with an underlying histogram?
  • ...and 21 more questions.
Schedule And Calendars Checklist
+
  • Do we provide quick jumps between tracks?
  • Should we consider flipping the timing header by 90 degrees?
  • Do we display what’s happening now and coming up next?
  • ...and 21 more questions.
Maps Checklist
+
  • Do we provide zooming?
  • How many levels of depth will zoom provide?
  • Would an autocomplete search help users find information faster?
  • For charts, can we flip axis to make use of available space?
  • ...and 23 more questions.
Seating Plans Checklist
+
  • What kinds of pricing tiers and discounted tickets (senior, student) do we have?
  • Do we have any planes or floors that users need to navigate between?
  • Do we calculate and display an experience score for each seat?
  • ...and 23 more questions.
Privacy Checklist
+
  • Can we group user data according to low/medium/high priority?
  • Can we gradually request more user permissions when we need them?
  • Do we ask for permissions only if we are likely to get them?
  • ...and 41 more questions.
Onboarding Checklist
+
  • Can we avoid intro tours, tooltips, wizards and slideshows as they are usually skipped?
  • Do we use empty state to indicate our features?
  • When is the right timing to show a particular feature?
  • ...and 12 more questions.
Reviews and Testimonials Checklist
+
  • Can we group testimonials by a feature/impact and highlight them together?
  • Do we highlight the number of testimonials/reviews prominently?
  • Do we display name, photo, title, age, location, role, company, brand logo?
  • ...and 33 more questions.
Web Forms Checklist
+
  • Will we be using floating labels? If so, are they accessible?
  • For a country selector, do we display some countries as frequently used?
  • Do we show the number of errors above the "Submit" button and in the tab title as a prefix?
  • ...and 73 more questions.
Donation Form Checklist
+
  • Do we include any testimonials or stories next to the donation form?
  • What suggested donation amounts do we display, and how many?
  • Which types of donations do we have: one-off, monthly, quarterly, annually?
  • ...and 29 more questions.
Authentication Checklist
+
  • What password requirements do we want/need to implement?
  • Do we really need CAPTCHA, or can we use honeypot/time traps instead?
  • Do we limit the frequency of password recovery attempts?
  • ...and 31 more questions.
Product Page Checklist
+
  • What layout do we use for the page (tabs, accordions, one long page, floating bar)?
  • Do we display the final price (incl. standard shipping, taxes, payment fees, currency)?
  • What do we display when an item is out of stock (notification via SMS/email)?
  • ...and 73 more questions.
Video Player Checklist
+
  • How do we optimize for precise input and fast-forwards (keyboard, buttons)?
  • Do we use preview clips, popularity bar, key moments preview?
  • Do we persist the position of the video track on refresh?
  • ...and 30 more questions
Disabled Buttons Checklist
+
  • When should the button become disabled?
  • What happens when the user hovers or taps on the disabled button?
  • Do we prevent the click via JavaScript by using aria-disabled?
  • ...and 32 more questions.
Inline Validation Checklist
+
  • For every input, do we have exact validation requirements?
  • What happens when a user refreshes the page?
  • When editing a field that was invalid, do we validate immediately during data entry?
  • ...and 47 more questions.
Back Button UX Checklist
+
  • Can we make the URL more helpful, structured, and human-readable?
  • For a sorting direction, does the “Back” button restore the previously set sorting direction?
  • If a user jumps abruptly on the page, does the “Back” button bring them to the previous spot on the same page?
  • ...and 28 more questions.
Modals Checklist
+
  • When do we absolutely need to interrupt the user (modal)?
  • Do we want to use a modal for critical notifications?
  • When do we want to dim the background (modal, lightbox)?
  • ...and 55 more questions.
Mega-Dropdowns Checklist
+
  • How many levels of navigation should be accessible directly from the mega-dropdown?
  • Do we highlight a selected section (e.g. underlined/background change)?
  • How do we extend navigation of necessary (e.g. if more items need to be added)?
  • ...and 27 more questions.

166 checklist cards in a sturdy box. The digital version is available as PDF.

About the Author

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing, he’s most probably running front-end & UX workshops. He loves solving complex UX, front-end, and performance problems.

You’ll get:
  • 166 checklist cards on everything from hamburger navigation and carousels to web forms and tables, carefully curated by Vitaly Friedman and designed by Ricardo Gimenes and Ari Stiles,
  • Practical examples and guidelines (400 slides),
  • Editable text file to adjust for your needs,
  • Life-time access to the deck, updated regularly (digital version).
Team Bundle Discounts 🎉

Do you want to equip your entire team with the card deck? Now, that’s a great ide! If you plan to get 5+ decks, you’ll get a friendly 15% discount. Get in touch with help@smashingmagazine.com, and we’ll make it happen!

166 checklist cards to help you ask the right questions at the right time. Large view. Technical Details
  • 166 checklist cards in a sturdy box.
  • Practical examples and action points (400 slides).
  • Editable text file.
  • Life-time access to the updated deck (digital version).
  • Free worldwide shipping from Germany.
  • Get the checklist cards right away.
More Smashing Books & Goodies

Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

In the past few years, we were very lucky to have worked together with some talented, caring people from the web community to publish their wealth of experience as printed books that stand the test of time. Steven, Stefan, and Adam are three of these people. Have you checked out their books already?

Touch Design for Mobile Interfaces

How do we design for touch in 2022?

Add to cart $44

TypeScript In 50 Lessons

Everything you need to know about TypeScript, its type system, generics and its benefits.

Add to cart $44

Form Design Patterns

A practical guide to designing and coding simple and inclusive forms.

Add to cart $44

Make A Wish (May 2022 Desktop Wallpapers Edition)

We always try our best to challenge your creativity and get you out of your comfort zone. In all these years we’ve been running it, our monthly wallpapers series has turned out to be the perfect occasion to do just that: to put your creative skills to the test, try out a new technique you haven’t tried before, tell a story that matters to you, or indulge in a little project just for fun. And well, the wallpaper submissions that reach us every month, always make for a unique collection of community artworks, ready to adorn desktop and mobile screens. It wasn’t any different this time around.

Created with love by designers and artists from across the globe, the wallpapers in this collection all come in versions with and without a calendar for May 2022. As a little bonus goodie, we also compiled some favorites from past May editions at the end of this post. Thank you to everyone who took on the challenge and shared their wallpapers with us — you’re smashing!

  • You can click on every image to see a larger preview,
  • We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience through their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves.
  • Submit a wallpaper!
    Did you know that you could get featured in our next wallpapers post, too? We are always looking for creative talent.
Kira

“On April 23, in Odesa, a random Russian missile killed three-month old Kira Glodan, her mother Valerie and grandmother, destroying their home while her father was out buying products. During war, many such tragedies happen, sometimes every day. And many of these tragedies do not hit media. Still, I felt I had to respond, it is the least I can do — help spread the word. War, please stop.” — Designed by Vlad Gerasimov from Georgia.

Hello May

“The longing for warmth, flowers in bloom, and new beginnings is finally over as we welcome the month of May. From celebrating nature on the days of turtles and birds to marking the days of our favorite wine and macarons, the historical celebrations of the International Workers’ Day, Cinco de Mayo, and Victory Day, to the unforgettable ‘May the Fourth be with you’. May is a time of celebration — so make every May day count!” — Designed by PopArt Studio from Serbia.

The Impenetrable Wall Of Love

“I was trying to draw a simple picture, with people made of cardboard. But I guess my thoughts of war leak through. War, please stop.” — Designed by Vlad Gerasimov from Georgia.

The Monolith

Designed by Ricardo Gimenes from Sweden.

Blooming May

“In spring, especially in May, we all want bright colors and lightness, which was not there in winter. Our designers decided to convey these feelings in the May calendar. We have collected more variety of calendars here. They are free to download. :)” — Designed by MasterBundles from Ukraine.

Toucan’t

Designed by Ricardo Gimenes from Sweden.

Looking For The Treasure

“This month we embark on an adventure to find the treasure island. Do you come with us?” — Designed by Veronica Valenzuela Jimenez from Spain.

Tree Colors

“During spring, trees awake from the cold season. With this desktop wallpaper I want to think about nice colors of flowers and leaves. It’s time to get outside!” — Designed by Philippe Brouard from France.

Oldies But Goodies

So many beautiful and inspiring designs have seen the light of day since we embarked on this wallpapers journey more than eleven years ago. And since they are just too good to be forgotten deep down in the archives, we compiled some timeless wallpaper favorites below. Please note that these designs don’t come with a calendar.

Sweet Lily Of The Valley

“The ‘lily of the valley’ came earlier this year. In France, we celebrate the month of May with this plant.” — Designed by Philippe Brouard from France.

Understand Yourself

“Sunsets in May are the best way to understand who you are and where you are heading. Let’s think more!” — Designed by Igor Izhik from Canada.

Poppies Paradise

Designed by Nathalie Ouederni from France.

Spring Gracefulness

“We don’t usually count the breaths we take, but observing nature in May, we can’t count our breaths being taken away.” — Designed by Ana Masnikosa from Belgrade, Serbia.

From Nope To Hope

“Hope helps us define what we want in our futures and is part of the self-narrative about our lives we all have running inside our minds. Whether we think about it or not, hope is a part of everyone’s life. Everyone hopes for something. It’s an inherent part of being a human being.” — Designed by Hitesh Puri from Delhi, India.

Geo

Designed by Amanda Focht from the United States.

Lake Deck

“I wanted to make a big painterly vista with some mountains and a deck and such.” — Designed by Mike Healy from Australia.

Be On Your Bike!

“May is National Bike Month! So, instead of hopping in your car, grab your bike and go. Our whole family loves that we live in our bike-friendly community. So, bike to work, to school, to the store, or to the park — sometimes it is faster. Not only is it good for the environment, but it is great exercise!” — Designed by Karen Frolo from the United States.

Who Is Your Mother?

“Someone who wakes up early in the morning, cooks you healthy and tasty meals, does your dishes, washes your clothes, sends you off to school, sits by your side and cuddles you when you are down with fever and cold, and hugs you when you have lost all hopes to cheer you up. Have you ever asked your mother to promise you never to leave you? No. We never did that because we are never insecure and our relationship with our mothers is never uncertain. We have sketched out this beautiful design to cherish the awesomeness of motherhood. Wishing all a happy Mothers Day!” — Designed by Acodez IT Solutions from India.

Make A Wish

Designed by Julia Versinina from Chicago, USA.

Enjoy May!

“Springtime, especially Maytime, is my favorite time of the year. And I like popsicles — so it’s obvious isn’t it?” — Designed by Steffen Weiß from Germany.

The Green Bear

Designed by Pedro Rolo from Portugal.

Add Color To Your Life!

“This month is dedicated to flowers, to join us and brighten our days giving a little more color to our daily life.” — Designed by Verónica Valenzuela from Spain.

Lookout At Sea

“I wanted to create something fun and happy for the month of May. It’s a simple concept, but May is typically the time to adventure out into the world and enjoy the best of Spring.” — Designed by Alexander Jubinski from the United States.

The Off-Hours Guardian

“In May, we are marking Labour Day, the international holiday celebrating workers’ achievements and urging fair pay and better working conditions. But for many, this day will be a reminder of countless hours of overtime, stress, and strain caused by tight deadlines, lack of workers’ rights for freelancers, and a paycheck that covers just the basics. Our thoughts are with all of you who will spend International Workers’ Day at their jobs, with freelancers fighting for their rights, and with anyone who feels difficulty maintaining their work-life balance.” — Designed by PopArt Studio from Serbia.

Magical Sunset

“I designed Magical Sunset as a friendly reminder to take a moment and enjoy life around you. Each sunset and sunrise brings a new day for greatness and a little magic.” — Designed by Carolyn Warcup from the United States.

Tentacles

Designed by Julie Lapointe from Canada.

Field Wild Flowers

“Springtime festival celebrated with May blossoms.” — Designed by Richard George Davis from South Africa.

Game Boy

Designed by Sander Geenen from Belgium.

May The Force Be With You

“Yoda is my favorite Star Wars character and ‘may’ has funny double meaning.” — Designed by Antun Hirsman from Croatia.

The Challenges of Opportunities of COVID-19 for IoT and Innovation

COVID-19 has hit globally with a reach and scale far beyond what we could ever have imagined.  Besides the significant impacts our health and that of our families and friends, how we live our daily lives has shifted. Our home is no longer a haven but a powerhouse of work, leisure and childminding and everything in between. 

I live in the city of Berlin, a city that is a mish-mash of innovation adverse and innovation when it comes to daily life (despite whatever attestations you here about Germany and efficiency). Before COVID-19, cash was king. Faxes and posts were still commonplace when it came to dealing with healthcare and government officials — OK, you mostly had to submit paperwork in person. GDPR and privacy are prioritized over digital tracking (stay tuned for an additional article expanding on this). It may be 2020, but the ICILS (International Computer and Information Literacy Study) in 2019 found that only 26.2 percent of young people in Germany attend a school where both teachers and students have access to a WiFi network. This puts Germany behind the international average of 64.9 percent. 

Embrace The Possibilities (March 2020 Wallpapers)

Embrace The Possibilities (March 2020 Wallpapers)

Embrace The Possibilities (March 2020 Wallpapers)

Cosima Mielke

March is here! With the days getting noticeably longer in the northern hemisphere, the sun coming out, and the flowers blooming, we are fueled with fresh energy. And even if spring is far away in your part of the world, you might feel that 2020 has gained full speed by now — the perfect opportunity to bring all those plans you made and ideas you’re carrying around to life!

To cater for some extra inspiration this March, artists and designers from across the globe once again challenged their creative skills and designed wallpapers for your desktop and mobile screens. They come in versions with and without a calendar for March 2020 and can be downloaded for free.

We embarked on this monthly wallpapers journey more than nine years ago and we’re very thankful for everyone who submits their artworks to it each month anew. To shine a light on some of the beautiful, unique, but almost forgotten designs from the past, we also compiled some timeless March favorites at the end of this post. Maybe one of your favorites is in there, too? Enjoy!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience through their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves.

Submit your wallpaper

Did you know that you could get featured in one of our upcoming wallpapers posts, too? We are always looking for creative talent, so if you have an idea for a wallpaper design, please don’t hesitate to submit it. Join in! →

International Earth Day

“There’s never been a more important time to take the time to appreciate the planet we live on. We only have one home and we need to take care of it. Celebrate it on the 22nd of March.” — Designed by Ever Increasing Circles from the United Kingdom.

International Earth Day

Hello March

“My inspiration for the month of March was the celebration of Saint Patrick. I tried to create a clean wallpaper with relaxing colors to not disturb the eyes of those who use this wallpaper. The predominance of green, yellow and blue tones beyond Saint Patrick’s Day can also be associated with the beginning of spring.” — Designed by Gonçalo Mota from Portugal.

Hello March

Floating March

“In the month of March the weather starts to improve and landscapes become more beautiful so I decided to represent this with a beautiful floating island.” — Designed by Simão Cerqueira from Portugal.

Floating March

Ages Ahead On Mars

“Some years later this can happen. You might be able to celebrate your honeymoon on Mars.” — Designed by Themesvillage from London.

Ages Ahead On Mars

Be Different. Be Kind. Be Cool.

“March 21 is World Down Syndrome Day, so to bring awareness I chose to make a WDSD calendar wallpaper. World Down Syndrome Day is March 21st because in number form, it is 3/21. People are typically born with a pair of each chromosome; Down syndrome occurs when a person is born with three copies of the 21st chromosome. The acceptance of Down syndrome has come such a long way in a short period of time and I am keeping the trend going. There are socks on March 21st because WDSD is celebrated in one way by wearing colorful, crazy, mismatched, whatever socks that draw attention. This is a way of celebrating because socks kind of resemble chromosomes and the underlying message is that it is okay to be different! It is acceptable to be different. People with Down syndrome have different abilities, not disabilities.” — Designed by Tiffany McGinnis from Florida, USA.

Be Different. Be Kind. Be Cool.

Glass Ceiling

“International Women’s Day stands for more than colorful bouquets and shiny jewelry. It’s a force of change, the movement that calls for equality in rights and possibilities for all women worldwide. That’s why we mark this day by evoking the infamous ‘glass ceiling’ — a metaphor that represents an invisible barrier from advancing toward the top, especially in the workforce. Let’s work towards breaking the glass together.” — Designed by PopArt Studio from Serbia.

Glass Ceiling

Never Leave Home Without Your Umbrella

“I thought it would be cute to feature holographic umbrellas in a rain-like pattern. I love patterned wallpapers, but I wanted to do something a little fun and fresh with a pattern that reminded me of rain and light bouncing off an umbrella!” — Designed by Bailey Zaputil from the United States.

Never Leave Home Without Your Umbrella

Spring Fast Food

Designed by Ricardo Gimenes from Sweden.

Spring Fast Food

Abstract Light Composition

“I was simply inspired by the illuminated skyline of the city of Frankfurt and created this abstract light compisition. The cold blue color represents the possibility that the weather in March can still get very cold.” — Designed by Boris Mayer from Germany.

Abstract Light Composition

Women Earth

“These are two important pillars of the month of March that we should give more value to: women and the planet.” — Designed by Joana Vicente from Portugal.

Women Earth

Oldies But Goodies

Be it St. Patrick’s Day, a favorite song, or a quote — looking back, a lot of things have inspired the community to design a wallpaper for March in the past few years. Here are some almost forgotten favorites. Enjoy! (Please note that these designs don’t come with a calendar.)

Bunny O’Hare

“When I think of March, I immediately think of St. Patrick’s Day and my Irish heritage… and then my head fills with pub music! I had fun putting a twist on this month’s calendar starring my pet rabbit. Erin go Braugh.” — Designed by Heather Ozee from the United States.

Bunny O’Hare

Queen Bee

“Spring is coming! Birds are singing, flowers are blooming, bees are flying… Enjoy this month!” — Designed by Melissa Bogemans from Belgium.

Queen Bee

Let’s Get Outside!

Designed by Lívia Lénárt from Hungary.

Let’s Get Outside!

Ballet

“A day, even a whole month, isn’t enough to show how much a woman should be appreciated. Dear ladies, any day or month are yours if you decide so.” — Designed by Ana Masnikosa from Belgrade, Serbia.

Ballet

Starman

“We wanted to pay homage to Starman who entered the Earth’s orbit. We truly hope to see it on Mars some day, so we made this graphic to visualize what it would be like up there.” — Designed by PopArt Studio from Serbia.

Starman

Happy Birthday Dr. Seuss!

“March the 2nd marks the birthday of the most creative and extraordinary author ever, Dr. Seuss! I have included an inspirational quote about learning to encourage everyone to continue learning new things every day.” — Designed by Safia Begum from the United Kingdom.

Happy Birthday Dr. Seuss!

Supremacy

Designed by Elise Vanoorbeek from Belgium.

Supremacy

Spring Is Coming!

“Spring is the best part of the year! Nature breaking free and spring awakening is symbolic of our awakening.” — Designed by Silvia Bukovac from Croatia.

Spring Is Coming!

Waters Of March

“When I think about March, a rhythm starts in my mind… sounds like a bossa nova song… Oh yes! it’s ‘Águas de Março’ by Antônio Carlos Jobim. My design for this month is dedicated to this beautiful song and, of course, the 22nd of March is the International Day of Water.” — Designed by Mavi Zanirato from Italy.

Waters Of March

Questions

“Doodles are slowly becoming my trademark, so I just had to use them to express this phrase I’m fond of recently. A bit enigmatic, philosophical. Inspiring, isn’t it?” — Designed by Marta Paderewska from Poland.

Questions

Fresh Lemons

Designed by Nathalie Ouederni from France.

Fresh lemons

Chinese Girl

Designed by Hushlenko Antonina from Ukraine.

Chinese Girl

Time To Wake Up

“Rays of sunlight had cracked into the bear’s cave. He slowly opened one eye and caught a glimpse of nature in blossom. Is it spring already? Oh, but he is so sleepy. He doesn’t want to wake up, not just yet. So he continues dreaming about those sweet sluggish days while everything around him is blooming.” — Designed by PopArt Studio from Serbia.

Time To Wake Up

Lego Land

“Inspired by the Lego Movie!” — Designed by Marcus White from the United States.

Lego Land

Waiting For Spring

“As days are getting longer again and the first few flowers start to bloom, we are all waiting for Spring to finally arrive.” — Designed by Naioo from Germany.

Smashing Wallpaper - march 12

Keep Running Up That Hill

“Keep working towards that new year’s resolution! Be it getting a promotion, learning a skill, or getting fit, whatever it is — keep running!” — Designed by Andy Patrick from Canada.

Smashing Wallpaper - march 12

Tender Birds

“I live in a small town with big ironworks and I wanted to create something fresh and tender, colorful and light, to feel a little bit happier.” — Designed by Jane Lane from Russia.

Tender Birds

Join In Next Month!

Thank you to all designers for their participation. Join in next month!

29 Days Of February (2020 Wallpapers Edition)

29 Days Of February (2020 Wallpapers Edition)

29 Days Of February (2020 Wallpapers Edition)

Cosima Mielke

What will you make of the extra day that February has in store for us this year? Visit an old friend, explore a new place, or use it to get stuff done you have put off for so long? Whatever you might have planned this month, our new collection of wallpapers is bound to cater for a little inspiration spark along the way.

Created by artists and designers from all across the globe, the wallpapers come in versions with and without a calendar for February 2020 and can be downloaded for free — a Smashing tradition that has been going on for more than nine years already. A big thank-you to everyone who challenged their creative skills and shared their artworks with us this time around!

As a little bonus goodie, we also added some February favorites from our archives to the end of this post. Because, well, some things are just too good to be forgotten, right? Enjoy!

Please note that:

  • All images can be clicked on and lead to the preview of the wallpaper,
  • We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience through their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us but rather designed from scratch by the artists themselves.

Submit your wallpaper

Do you have an idea for a March wallpaper design? We are always looking for creative talent to be featured in our wallpapers posts. Don’t be shy, join in! →

It’s A Cupcake Kind Of Day!

“Sprinkles are fun, festive and filled with love… especially when topped on a cupcake! Everyone is creative in their own unique way, so why not try baking some cupcakes and decorating them for your sweetie this month? Something homemade, like a cupcake or DIY craft is always a sweet gesture.” — Designed by Artsy Cupcake from the United States.

It’s A Cupcake Kind Of Day!

Well It’s Groundhog Day… Again!

“‘It’s always Groundhog Day and there’s nothing I can do about it.’ as the inimitable Bill Murray said in the timeless Groundhog Day movie. We used a photo manipulation technique to come up with this sense of being caught in a time loop. When the Groundhog emerges from his den on this Groundhog day, will it forecast an early Spring or six more weeks of winter? Find out on February 2nd!” — Designed by Alistair Dodds from the United Kingdom.

Well It’s Groundhog Day… Again!

Love Is in the Air

— Designed by MasterBundles from the United States.

Love Is in the Air

National Don’t Cry Over Spilled Milk Day

“If ‘don’t cry over spilled milk’ hasn’t yet been your mantra, it should definitely become now. The English proverb, whose national day is celebrated on February 11th, stands as a reminder not to worry over things of the past that cannot be undone, but to think positive, and keep our spirits high. Life is too short to let the trifling issues bother us.” — Designed by Pop Art Studio from Serbia.

National Don’t Cry Over Spilled Milk Day

The Rainbow Is Here!

“In February the weather is crazy. One day it is sunny and the next it is snowing. And that is its charm…” — Designed by Veronica Valenzuela from Spain.

The Rainbow Is Here!

Freedom

“On the 24th of February, far north in Europe, the tiny nation of Estonia celebrates its 102nd Independence Day. Cheers to the cleanest, greenest nation on earth! Happy Independence Day Estonia! Mu isamaa, mu õnn ja rõõm — My fatherland, my joy and happiness.” — Designed by Shishir Keluskar from Tallinn.

Freedom

Rock & Roll

Designed by Ricardo Gimenes from Sweden.

Rock & Roll

Celebrate Love

“February brings the season of love, and what could be better than celebrating it with Taj Mahal - the iconic monument and symbol of love.” — Designed by Farhat Asif from India.

Celebrate Love

Oldies But Goodies

Do you know those moments when you rediscover a treasured item you almost forgot about? Below you’ll find some February wallpaper goodies from our archives. Maybe one of your favorites from the past is in there, too? (Please note that these wallpapers don’t come with a calendar.)

Savannah Stroll

“February is a month focused on romance and as a southerner, I can’t think of a more romantic way to spend a day than strolling the historic moss-draped streets of Savannah, GA. Spending time sitting on a bench on one of the many beautiful squares, holding hands and people watching as you sip a cappuccino.” — Designed by Heather Ozee Designs from the United States.

Savannah Stroll

Principles Of Good Design

“The simplicity seen in the work of Dieter Rams which has ensured his designs from the 50s and 60s still hold a strong appeal.” — — Designed by Vinu Chaitanya from India.

Principles of Good Design- Dieter Rams

Dark Temptation

“A dark romantic feel, walking through the city on a dark and rainy night.” — Designed by Matthew Talebi from the United States.

Dark Temptation

Cold And Frost

“Frosts in Russia are very severe. Walking through the Park, I found these branches at the top and decided to capture the moment.” — Designed by Nikolay Belikov from Russia.

Cold And Frost

Love Is Worth Fighting For

— Designed by Maria Keller from Mexico.

Love Is Worth Fighting For

Share The Same Orbit!

“I prepared a simple and chill layout design for February called ‘Share The Same Orbit!’ which suggests to share the love orbit.” — Designed by Valentin Keleti from Romania.

Share The Same Orbit!

Charlie Chaplin

“I love street art, so I took a shot of this great graffiti of Charlie Chaplin with his inspirational quote that is even more true for this age: ‘Sometimes we think too much and feel to little’. He also said: ‘More than machinery, we need humanity; more than cleverness, we need kindness and gentleness. Without these qualities, life will be violent and all will be lost.” — Designed by Marija Zaric from Belgrade, Serbia.

Charlie Chaplin

Plucking At The Heart Strings

“Choose to embrace Valentine's as a day to appreciate those who are special to you. The base of this wallpaper is ‘Plucking at the Heart Strings’, an original painting by Hayden Gigner.” — Designed by Adam Mezzatesta from the United Kingdom.

Plucking At The Heart Strings

February Ferns

— Designed by Nathalie Ouederni from France.

February Ferns

French Fries

— Designed by Doreen Bethge from Germany.

French Fries

Snowy Sunset

— Designed by Nathalie Croze from France.

Snowy Sunset

Balloons

— Designed by Xenia Latii from Germany.

Balloons

February’s Gift

“A leap year means we have one more day to cherish! Maybe use it to visit an old friend, or go somewhere new, but use it well! And the most important: have some fun!” — — Designed by Printsome.com from the United Kingdom.

February’s Gift

Made In Japan

“See the beautiful colors, precision, and the nature of Japan in one picture.” — — Designed by Fatih Yilmaz from the Netherlands.

Made In Japan

February Flowers

“A little bit of romance, a little bit of vintage: Happy Valentine’s Day this month!” — Designed by Kari Andresen from the United States.

Smashing Wallpaper - february 13

Love Angel Vader

“Valentine’s Day is coming? Noooooooooooo!” — — Designed by Ricardo Gimenes from Sweden.

Love Angel Vader

Febrewery

“I live in Madison, WI USA, which is famous for its breweries. Wisconsin even named their baseball team ‘The Brewers.’ If you like beer, brats, and lots of cheese, it’s the place for you!” — — Designed by Danny Gugger from the United States.

Febrewery

Free Your Mind

“People should have the right to believe and think what they want. They should be free in choosing their opinion. The wallpaper (especially the birds) reminds me of the great freedom we have in many countries of the world.” — — Designed by Daniela Faltz from Germany.

Free Your Mind

Frozen Worlds

“A view of 2 frozen planets, lots of blue tints.” — Designed by Rutger Berghmans from Belgium.

Smashing Wallpaper - february 13

Join In Next Month!

Thank you to all designers for their participation. Join in next month!

SmashingConf 2020 – San Francisco, Freiburg, New York And Austin

SmashingConf 2020 – San Francisco, Freiburg, New York And Austin

SmashingConf 2020 – San Francisco, Freiburg, New York And Austin

Rachel Andrew

We’ve been running SmashingConf since 2012, when we held our very first conference in Freiburg, Germany. Since then, we’ve continued to experiment and improve on our conference experience. Our aim is that you enjoy your time with us, but also return to work with new insights and knowledge. Each time we hope to leave you with practical takeaways that will help you in your own work and want to share with your team.

What is a SmashingConf like? It’s hard to explain until you have been there, however ,this video compilation from Toronto might just give you an idea!

Experimenting With Presentation Formats

Back in 2018, we began to experiment with the live-coding format. While not every presentation at SmashingConf was live-coded, many presenters brought a live element to their talk. Some speakers opted to present without slides completely, and these interactive sessions have been incredibly popular with audiences. Being able to watch an expert doing their work, seeing the tools they use and the choices they make in real time, brought many subjects to life.

“I love the fact that this talk format also kind of rid me of the expectation that it needed to be flawless.”

Sara Soueidan

Many of our speakers enjoyed the chance to try something different on stage; some have gone so far as to decide to make live-coding part of how they present in the future.

“I didn’t expect this, but I’m now seriously considering this format as a way I do talks at other conferences.”

Dan Mall

Not every talk fits a live-coding format, of course. Throughout 2019, we feel that we’ve found a great balance of practical live-coded (or live-designed) sessions, more traditional presentations with slides, and some which have mixed the two approaches. SmashingConf audiences are a mixture of designers and developers, of visual thinkers and those who learn best from seeing a lot of code.

As Dan Mall noted in his write-up of his live-coded talk:

“A few designers felt validated in their processes by seeing mine [...]

“A few developers said design felt less intimidating now, both to understand as well as to try.”

In mixing up the formats as well as the subjects being discussed, we hope to bring parts of the industry to life — even for those who don’t normally work in that area.

Vitaly interviewing Val Head on stage at Smashing Conf Freiburg 2019
Talks are usually followed by an interview. (Photo credit: Drew McLellan)

In addition to playing with the format of presentations, we encourage audiences to engage with the speakers and each other. Talks are followed by an interview on stage — with the emcee posing questions asked by the audience. We publish a live Google Doc, so everyone can share their thoughts and ideas with the speakers as well as each other. Most of our speakers will attend the entire event, and enjoy the chance to chat with attendees. We believe everyone has useful knowledge to share — whether on stage or from the comfort of your seat!

Looking Forward To 2020

SmashingConf has always taken a holistic approach to the web. We believe that we all do better work when we work together and understand something of the roles of other team members. In 2020, we hope to build on the successes of 2019 by continuing to bring you some of the best live sessions — mixed with case studies, opportunities for networking, and surfacing some topics that are sometimes forgotten when focusing on design and development! We’ll cover topics such as HTML email, internationalization and localization, how to provide more accurate estimates, privacy, security, refactoring, debugging and the way designers and developers think as they work through their tasks and challenges.

We’re currently working hard on curating the line-up for all of the events next year. So, the big question is… where will you join us?

San Francisco, Freiburg, New York Or Austin!

The Smashing Cat will soon be on its way to Austin for the first time. We’re really excited about heading to Texas and about our events in cities we already know and love. Over the next few months, we’ll be announcing speakers and schedules for all of the events, but early-bird tickets are already available for San Francisco, Austin, and Freiburg 2020.

This year’s events have all been sold out well in advance of the conference dates, so mark the following dates in your calendars, have a chat with your boss, and work out where you will be heading to spend a fun and educational few days with the Smashing crew!

San Francisco, USA

Smashing San FranciscoSmashingConf SF will be taking place on April 21–22 where we’ll be bringing back two full days packed with front-end, UX and all that jazz! Live sessions on performance, accessibility, security, interface design, debugging and fancy CSS/JS techniques — and a few surprises along the way, of course! 🎸

Austin, USA

Smashing AustinSmashingConf Austin will be taking place in the wonderful ZACH Theatre on June 9–10, 2020. Tacos, cats, and a friendly community — see ya in Austin, I reckon? 🌮

Freiburg, Germany

Smashing FreiburgWe will be returning to our hometown for SmashingConf Freiburg on the 7-8 September 2020. We pour our hearts into creating friendly, inclusive events that are focused on real-world problems and solutions. Our focus is on front-end and UX, but we cover all things web — be it UI design or machine learning. The Freiburg edition is, of course, no exception!

New York, USA

Join us for SmashingConf NYC on the 20-21 October 2020. This event is always a popular one, so watch out for tickets going on sale very soon!

Smashing Editorial (ra, vf, il)

What Do the Latest Smart Home Innovations Mean for the State of IoT?

What do the latest smart home innovations mean for the state of IoT?

On a recent trip to IFA, Germany's answer to CES, I was interested to see the progress in smart homes — over the last decade, the refrigerator has been firmly positioned as the pinnacle of smart home innovation. We aren't necessarily seeing significantly newer offerings, but rather an increase in capabilities in the drive to make products smart rather than simply connected. Every press release makes mention of not only IoT and sensors but also AI. Here are some of the more notable products and the tech behind them:

FridgeCam

The world’s first FridgeCam™ was launched by Smarter in 2018, a wireless fridge camera that allows users to see the contents of their fridge from wherever they are via the app. The camera takes a photo of the contents of the fridge every time the door is shut, which is then displayed via the Smarter app.

Mercedes-Benz Announces Mobile SDK to Enhance the Mercedes Me Mobile Application

This year at IAA 2019, an international motor show hosted in Frankfurt, Germany, Mercedes-Benz announced a new Mobile SDK that the company hopes third-parties will use to enhance the customer experience for owners using the Mercedes Me mobile application. The auto manufacturer announced the SDK by allowing a select group of developers to work with it at a 24-hour hackathon during IAA 2019.

Smashing Magazine Is Thirteen!

Smashing Magazine Is Thirteen!

Smashing Magazine Is Thirteen!

Rachel Andrew

This week, Smashing Magazine turned thirteen years old. The web has changed a lot since Vitaly posted his first article back in 2006. The team at Smashing has changed too, as have the things that we bring to our community — with conferences, books, and our membership added to the online magazine.

One thing that hasn’t changed is that we’re a small team — with most of us not working fulltime for Smashing. Many in the team, however, have been involved with the magazine since the early days. You may not know them by name, but you will have enjoyed and benefited from their work. I enjoyed finding out what everyone gets up to outside of Smashing, and also how they came to be involved — I hope that you will, too.

Vitaly FriedmanVitaly Friedman is the person you probably think of when you think of Smashing Magazine, and rightfully so. He posted his first article to the site on September 2nd, 2006. When asked what he likes to do outside of Smashing, he says,

“I’m a big fan of hiking, running, ironing and fruits! For me, ironing shirts is really like meditation — and I also loooooove music festivals (which is something most people don’t know about me as I tend to be quite obscure about that).”

Vitaly has done pretty much everything at Smashing at one time or another — web developer, writer, editor, designer, creative lead and curator. These days, he helps to keep us all on track with his vision for all of the Smashing things, and always has some new ideas! Vitaly (originally from Belarus) travels as much as I do, our company standups usually involve us reporting our current and next location and timezone! As you’ll discover, however, while Smashing Magazine is a German company, the team lives — or has roots — all over the world.

Iris LješnjaninIris Lješnjanin is our senior editor on the magazine, and does an amazing job maintaining communication between our many authors, editors, and reviewers. She also does the majority of the subediting work on the magazine, trying to maintain the individual voices of our authors while ensuring the articles are easy to read for our worldwide audience. She has been part of Smashing since 2010, helping to develop the brand, mentoring in-house interns, and developing the process for working with authors and editors that keeps our daily publishing schedule rolling!

Iris grew up in Abu Dhabi, UAE, after the Bosnian War broke out, and moved to Germany to pursue her degree in linguistics. As I was gathering information for this article, she explained:

“I grew up multilingual, so it’s difficult for me not to love languages. Everything from the differences in tones, melodies, rhythms and cultural undertones of various languages is what will never cease to amaze me. Since I currently live in Freiburg, German is obviously the predominant language in my daily life alongside my mother tongue (Bosnian), but I try my best to learn new ones by listening to music, reading books and newspapers, watching TV series, and so on. One thing I find funny and interesting about languages is that, at the end of the day, they’re out of our control. Just like you can’t control who you meet in life, you can’t control which languages you learn. You meet them, get to know them, and fall in love with them.”

Unless you write for Smashing, you may never encounter Iris, however, her work is a key part of everything we do — a true behind-the-scenes superstar!

Cosima MielkeAnother person who does a lot of work behind-the-scenes is Cosima Mielke, who joined Smashing in 2012 for a six-month long internship and is still working with us. Cosima is our e-book producer and editor, but gets involved in far more than that. She is behind the posts in the newsletter, and the ever-popular monthly wallpapers post, and many other editorial tasks that crop up.

Cosima loves being outside in nature, riding her bike, and creating things. Her background is not web development, and she told me,

“At Smashing, I’ve gained an entirely new look at the web which I only knew from a user’s perspective before I started working here. What fascinates me most is the strong community sense in the web community, that people are so open to sharing their knowledge and the tools they build to make life easier for everyone else — without asking for anything in return.”

As we cover such a wide range of topics here at Smashing, no one person can be an expert at all of them. Therefore, Iris and I are assisted by our subject-matter editors, some of who have been with us for a very long time.

Alma HoffmannOne such editor is Alma Hoffmann. Originally from Puerto Rico, she moved to the USA to study for her MFA in Graphic Design and now teaches at the University of Alabama. Like so many of our Smashing crew, Alma is bilingual, though I believe she is the only one of the team who can claim to have been a ballroom dancer!

Alma first became involved with Smashing Magazine when she wrote an article in 2010. We perhaps didn’t have the editorial process then that we do now as she got a surprise when her first draft showed up live! She remembers,

“I emailed Vitaly thanking him and since then we have been in touch. He tested the waters by sending me articles to review and in 2013, he and Iris asked me to be the design editor. I wear that title like a badge of honor. Later on, in 2017, I was invited to be a speaker at the conference in Freiburg. I had a blast and met so many interesting people!”

Michel BozgounovAnother of our editors is Michel Bozgounov. Like Alma, he originally became involved with SmashingMag by writing an article. After writing a second article in 2010, Vitaly asked him if he would like to edit a section of the magazine dedicated to Adobe Fireworks. Michel wrote an article when Adobe ultimately ended work on the product, however ,he now edits articles about the newer tools that have filled the gap — such as Sketch and Figma.

In his spare time, Michel loves to draw:

“It all started a few years ago, with a notebook, a fineliner, and a few watercolor pencils that I stole from my wife. Turned out I couldn’t stop drawing and for the last three years or so I imagine and then draw on paper small bits of a strange, but kind of fascinating world that I see in my mind — the world of Monsters & Carrots. For now, this world exists nowhere else but in my notebooks, and I showed only some small parts of it on Twitter.

Michel said that through working for Smashing,

“I learned how to be a better editor, and how to be more careful with words. I consider my experience at Smashing Magazine to be invaluable. I got in touch with so many people from all over the world and developed good online and offline friendships with many of the authors, experts, and editors that I worked with. Definitely, I can say that my job at Smashing Magazine opened many new doors and changed my life in a good way.”

When it comes to UX-related content, Chui Chui is one of our wonderful editors who works with authors to cover the most up-to-date topics on the magazine. Drew McLellan has recently taken on editing the coding section of the magazine, which includes everything from PHP to HTML, to JavaScript and more! If you write for Smashing Magazine it is likely that your main editorial contact will be with one of these editors, who will work with you to make sure your article is the best it can be.

Yana KirilenkoYana Kirilenko helps with preparations of articles to be published and talks to all our Smashing TV speakers to arrange the formalities, so they can connect with our wonderful community.

Inge EmmlerNext, we have Inge Emmler who has been on board since 2011 and keeps us all on track with our expense receipts, and requests to spend money! In addition, she helps out our community when they get in touch. If your book order didn’t show up, then Inge is probably the person who will help you. She loves to be able to make our customers happy and remembers an anecdote from her time at Smashing where she sent a free e-book to one person, brightening their day despite the fact they had just lost their job.

When not helping our the Smashing community and chasing us for our expenses, Inge loves to do things with her hands, be that refurbishing her house, gardening, cooking, and more recently taking photographs of flowers.

Jan ConstantinJan Constantin has been part of the team since 2012, between then and now has fulfilled a number of roles — office manager, event manager, junior editor, and fullfillment manager! The nature of a small team is that we all sometimes end up doing something quite different than we originally imagined. Jan enjoys rock climbing, tabletop games and Sci-fi/Fantasy. He confesses that despite working for Smashing all these years he still doesn’t know more than basic HTML.

Ricardo GimenesRicardo Gimenes is the creator of the Smashing mascot, and therefore is the person we all go to with requests for illustrations of cats involved in a variety of non-catlike activities. Ricardo told he is:

“A half-Brazilian half-Spanish designer who loves graphic and motion. I’ve been a kind of "gypsy" for the past 20 years since I’ve lived in 6 different countries working as a designer (Brazil, Italy, Germany, England, Japan, and now Sweden). I love board games — I have more than 80 games (and counting) in my collection. Every week, we have a board game/beer night with friends here at my home. I’m a big fan of football (and weekend player). I love to play guitar, blues, and rock and roll.”

Ricardo has been with Smashing since 2009, however, he didn’t meet Vitaly or the rest of the team in person for five years as he was based in Brazil. You can see his work all over the magazine and also at our conferences, as he designs each of the conferences to match the location and theme of the event.

Photo of movie-style posters featuring the Smashing Cat
Among many other things, Ricardo illustrated these posters for our Toronto Conference. (Photo credit Marc Thiele)

Marc ThieleI was lucky enough to speak at the very first SmashingConf in Freiburg in 2012. Marc Thiele brought his expertise and knowledge of conference organization to that event. It was a great success and the SmashingConf series has gone from strength to strength, with events happening in Europe, America, and Canada. Marc is still involved with Smashing, offering advice and experience as a friend of the team and also serves on the Smashing Board, helping to shape the direction of the company. He also takes photos at many of our conferences — such as the one above. Marc told me that,

“Working on the Events team, it’s exciting to bring Smashing Conference to all those different places and many people. Creating the Smashing Conference in old town halls, in beautiful theatre and music venues, this is exciting and wonderful to see the outcome and the effect it has on many people attending the event.”

Amanda AnnandaleThe conference team has grown since those early days. Amanda Annandale joined the team three years ago, and now produces our New York event and has also produced events in London and Toronto. Originally from a theater background, Amanda was a professional stage manager in the USA for ten years.

Producing SmashingConf NY has created a strange turn of events in Amanda’s life,

“For 10 years I was a professional stage manager in New York City, working on musicals, new performance pieces, dance, you name it. One place I worked in was the New World Stages. It was working an event at this venue that I met my husband! Now — nearly 8 years later, I’m back working at the same venue, but this time on the other side when we hold our SmashingConf NY event every year!”

Charis RoodaAmanda has the help of Charis Rooda, also an experienced conference organizer outside of Smashing, who runs WebConf.asia and was involved running conferences in The Netherlands before moving to Hong Kong. Charis makes sure that our speakers know where they are supposed to be and when, and also takes care of much of the social media and website content around the conferences. When not working, Charis loves doing art puzzles, and tells me that,

“With 1000 pieces you think you’re never going to finish it, but when you start and keep on going, you will make it. Pretty much like running a conference!”

When asked what surprising thing she had learned while working at Smashing Charis told me,

“I learned how to use em dashes — the punctuation mark which can be used instead of a comma, not to be mistaken for the en dash or hyphen — and my life will never be the same.”

Mariona CíllerMariona Cíller was part of the conference team but this year her role is transitioning to more broadly lead the Partnerships and Data side of the business. She has been part of the team since 2015 at SmashingConf Barcelona.

Mariona is a former web designer and developer, and describes herself as, “in love with science and technology, the open web, open-source hardware, and software”. She lives in a laboratory at her grandfather’s 1920’s embroideries factory which she remodeled over the past 5 years. Today, it is a digital fabrication laboratory (FabLab) connected to 1700+ labs from all over the world via the Fab Lab Network and the Center for Bits & Atoms at the Massachusetts Institute of Technology (MIT), where she graduated from the Fab Academy in 2015.

Mariona is currently studying for a Ph.D. in computer science and human-computer interaction at the Open University of Catalonia (UOC). Her research focuses on digital social inclusion programs for the neighborhood youth and community in Barcelona. She manages to find time to be a Mozillian and volunteer her time as a wrangler for MozFest2019!

Bethany AndrewI’ve learned a lot about many of the Smashing team while researching this piece, however, someone very familiar to me is Bethany Andrew — as she’s my daughter! Bethany has been doing some work for Smashing for a little over a year, first brought in to do some video editing work on the conference video. She still edits many of our videos and has also run a Smashing TV session. A trained dancer and singer, Bethany is part of a gospel choir in London, a true crime nerd, and a lover of Indian food. She said about her time at Smashing,

“It’s so lovely to now be working with everyone at Smashing. So many people have known me since I was a kid through my mum, or she’s always spoken about them. It’s nice now I’m all grown up (or trying to be) that I get to work with this lovely lot and develop my own friendships with them.”

Esther FernándezThe newest member of our team is Esther Fernández, who has joined Mariona to work on Partnerships and Data, and will be meeting the team for the first time in Freiburg at SmashingConf. I asked Esther to tell me something about her life outside of Smashing, and she said,

“I’m a very curious person. I love the sensation of having learned something new by the end of the day. I get part of that knowledge through books — I’m an eager reader — but also through films and any kind of artistic expression. I have a self-taught knowledge in psychology and I really enjoy hiking, riding my bike, and having conversations with other inquisitive people.”

Rachel AndrewThen, there is me. Editor in Chief since October 2017, however, I felt part of Smashing long before that. My first Smashing article was published in June 2010 and I was part of the review panel for several years. In addition, I have had chapters in a number of Smashing books, and have spoken and run workshops at SmashingConf since the beginning. Smashing has been part of my own journey as a web developer, speaker, writer, and editor. I love to work with people who are committed to doing the best they can do, dedicated to the web platform and the community who work on it, which is why I’m very proud to be part of this team.

I hope that you, now feel you know us a little better. I certainly found out a lot about my colleagues while writing this. I love how much everyone feels a part of Smashing, whether they work a few hours a month or full time. And, the reason we do this at all? That should be left to Vitaly, who describes best how all of us feel about working on the magazine, conferences and all the other things we do.

“One incredible thing that keeps happening to me all the time is that people come to me and tell stories of how Smashing changed their lives many years ago. Maybe it’s just one article that really nailed it and helped a developer meet the deadline, and sometimes it’s those certain encounters at a conference that simply change your life. I vividly remember stories of people whom I’ve met at conferences when they were students, and who now have companies with dozens of employees. These stories change everything — we don’t hear them most of the time, sitting everywhere in the world and just writing, publishing and curating events, but there is always impact of our work at people around us. And that’s something we shouldn’t take lightly.”
Smashing Editorial (ra, vf, il)

What Developers Should Know from Gamescom 2019

Your one-stop-shop for all things Gamescon 2019

Gamescom 2019 in Cologne, Germany, has come to an end; although it only lasted a week (August 20-24), there were some significant announcements packed into that short time frame. In this article, we will take a look at four of the more prominent reveals and announcements — Nvidia's RTX momentum, Sega and Google Stadia's disappointments, and Nintendo and Microsoft's continued synergy — that set the tone for the gaming world in 2019 and 2020.

Despite its focus video game, Gamescom 2019 included many announcements that will affect the development community into 2020.

WPWeekly Episode 357 – CBD E-Commerce, XML Sitemaps, and A Preview of WCEU 2019

In this episode, Malcom Peralty and I discuss what’s new in WordPress 5.2.2, XML Sitemaps possibly landing in core, and WooCommerce clarifying its CDB seller policy. We also provide a preview of what to expect at WordCamp EU and congratulate Marcel Bootsman for successfully walking to Berlin, Germany.

Stories Discussed:

WordPress 5.2.2

WordPress 5.2.2 Squashes 13 Bugs

XML Sitemaps in Core?

Marcel Bootsman Arrives at WCEU

WordCamp EU Event Guide

WordCamp EU Live Stream Link to be announced

ClassifAI from 10up

WooCommerce Clarifies its stance on stores selling CBD products

Transcript:

EPISODE357Transcript

WPWeekly Meta:

Next Episode: Wednesday, June 26th 3:00 P.M. Eastern

Subscribe to WordPress Weekly via Itunes

Subscribe to WordPress Weekly via RSS

Subscribe to WordPress Weekly via Stitcher Radio

Subscribe to WordPress Weekly via Google Play

Listen To Episode #357:

Your #WCEU 2019 Event Guide – How to Keep Yourself Busy at WordCamp Europe 2019

I hope you’re just as stoked as we are to attend this year’s WordCamp Europe 2019! Just to refresh your memory, it’s all happening in Berlin, Germany and it’s THE place to meet like-minded WordPress people of all paths and professions. Here’s everything you need to know about #WCEU 2019, the sub-events you can can attend, and other information that may come in handy.