Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge

Editor's Note: New year, new challenges! You might have set up your New Year's resolutions already, but if not, how about designing something... different for a change? Today, we're happy to introduce Dorota, an artist who created a fun little project last year that was inspired by Twitter's new logo based on 13 circles. Below you'll find the lessons Dorota has learned along the process, so maybe you'd like to embark on a similar journey as well?

Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge

If you can make a bird out of circles, then you can probably make all sorts of animals. I wanted to add something more design-based to my portfolio, so I made that my personal challenge. The idea was to draw animals from exactly 13 circles, and I decided to match that number by making 13 animals. This makes for a nicer title for the project, and it helps to get others to share it around the web, too. Knowing what you want to create early on helps, because then all you have to do is figure out ways to make it happen.

Read more...

Desktop Wallpaper Calendars: January 2017

New year, new beginnings! To cater for a fresh start into 2017 and all the challenges, endeavors and adventures it might bring along, artists and designers from across the globe put their creative skills to the test and created unique desktop wallpapers for you to indulge in.

Desktop Wallpaper Calendars: January 2017

This monthly wallpapers mission has been going on for eight years now, and we are very thankful to all the creative minds who contribute to it tirelessly each month anew. Today's wallpapers all come in versions with and without a calendar and can be downloaded for free. Happy New Year!

Read more...

Advertise with us!

Improving The UX Of Names With Vocalizer.js

We have all encountered names that are difficult to pronounce. Having a challenging name myself, I get different pronunciations of my first name, Atif, all the time. In order to solve my own naming problem, I built a Javascript plugin called Vocalizer. In this article, I will introduce what Vocalizer is and a few different ways to use it.

Improving The UX Of Names With Vocalizer.js

Earlier this year, I redesigned my portfolio website. During this process, I decided to add a feature that educated visitors on how to say my name. One day, I opened the "Voice Memos" app on my iPhone, tapped "Record", and asked my wife to say my first name. Then, I embedded a small button onto the landing page after my first name. Clicking on that button would play the audio file of my name.

Read more...

☑️ The Ultimate Digital Clean-Up Checklist: Are You Prepared For The New Year?

With a couple of days left until New Year's Eve, it's just about time to set aside 60 minutes to clean up, sort out and back up your digital footprint, to ensure a good smooth start to 2017. So many little details tend to get forgotten or overlooked every single time, only to get fixed hastily later — but doesn't it just feel right when everything is in the right place, neatly organized, even if you aren't a compulsory cleaner or an obsessed perfectionist?

The Ultimate Digital Clean-Up Check: Are You Prepared For The New Year

This is not a generic article about unspectacular things like getting to inbox zero or changing the copyright year in your footer (although that's a good idea!) — we published a detailed checklist of all of those details a couple of years ago. Instead, you'll find below an overview of all of those obscure little things that I forget about every year; so, I decided to gather them all in one place once and for all.

Read more...

How To Design Effective Mobile Landing Pages

When designing a landing page to promote a product or service online, you're ultimately pointing users toward one goal. That goal most often relates to generating business via sales or leads. You may want users to purchase a product immediately, or you may simply want them to sign up for a mailing list. Whatever the goal, you want to ensure that every piece of the user experience works toward fulfilling that goal.

Strategies For Effective Mobile Landing Pages

If you don't yet have goals in mind, start by defining goals. Are you seeking to generate a 10% increase in qualified leads? Are you looking to build sales by 20%? Establishing clear key performance indicators based on what will benefit your business will ultimately help you understand how to properly approach a landing page.

Read more...

Web Development Reading List #164: Enjoy The End Of 2016, It Wasn’t The Worst

Welcome to the last reading list of the year. I'm happy to still have you as a reader and very grateful to all the people who value and support my work. I hope you'll be on vacation for the upcoming days or can relax a bit from your daily work. Remind to take care of yourself, and see you next year!

Web Development Reading List #164: Enjoy The End Of 2016, It Wasn't The Worst

New year's resolutions — you know it, they're hard to reach. Find out why it's easier to use recurring systems instead of setting goals. As James Clear explains, "It all comes down to the difference between goals and systems."

Read more...

Conversational Design Essentials: Tips For Building A Chatbot

Human interactions are incredibly fascinating if you take a close look at them — the social awkwardness, the communication styles, the way knowledge is transferred, the way stories are told and trust is built. But what happens when a machine evokes the same response?

Conversational Design Essentials: Tips For Building A Chatbot

Conversational interfaces have become the new hotness in UX design. Google is about to release a new virtual assistant chatbot; Facebook has already launched the updated Messenger platform with chatbots; and Microsoft went as far as to claim that the operating system of the future isn't Windows, but "conversation as a platform."

Read more...

Front-End Performance Checklist 2017 (PDF, Apple Pages)

Are you using progressive booting already? What about tree-shaking and code-splitting in React and Angular? Have you set up Brotli or Zopfli compression, OCSP stapling and HPACK compression? Also, how about resource hints, client hints and CSS containment — not to mention IPv6, HTTP/2 and service workers?

PRPL Pattern in the application shell architecture

Performance isn’t just a technical concern: It matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Performance has to be measured, monitored and refined continually, and the growing complexity of the web poses new challenges that make it hard to keep track of metrics, because metrics will vary significantly depending on the device, browser, protocol, network type and latency (CDNs, ISPs, caches, proxies, firewalls, load balancers and servers all play a role in performance).

Read more...

App Development Showdown: Why You Should Care About Revisiting The Native Vs. Hybrid Debate In 2017

Back in 2007, the world met the iPhone for the very first time. After Apple’s product debut, it took less than six months for work to begin on PhoneGap, which would become one of the first and most adopted frameworks for hybrid mobile app development — that is, for apps written simultaneously for multiple platforms using HTML, CSS and JavaScript, rather than coded in native languages.

App Development Showdown: Why You Should Care About Revisiting The Native Vs. Hybrid Debate In 2016

When compared with the prospect of learning an entirely new language and development environment in order to program iOS (and soon Android) apps, the appeal of this type of development to the already huge population of web developers in the world was palpable.

Read more...

↑ Back to top