You know, we use ad-blockers as well. 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. our upcoming SmashingConf Barcelona,
dedicated to smart front-end techniques and design patterns.
We always try to challenge your artistic abilities and create some interesting and inspiring artwork. As a matter of fact, we discovered the best source for inspiration: desktop wallpapers that are a little more distinctive than the usual crowd.
This creativity mission has been going on for eight years now and, like every month, artists and designers from across the globe got their creative juices flowing to produce desktop wallpapers for you to indulge in. The wallpapers all come in versions with and without a calendar for May 2016 and can be downloaded for free. A big thank-you to everyone who contributed their works! Now, could there be a better occasion to freshen up your desktop?
If you are a web developer who cares about quality, most probably you have heard of Selenium and the advantages of using such a tool for test automation. Now, if you are a mobile developer, you might know how much harder it is to test your app due to the existence of different platforms, different OS versions and even variety of devices.
Imagine how great it would be to write your tests only once and run them on different platforms. If so, then maybe today is your lucky day, because I want to tell you about Appium, a tool inspired by the Selenium WebDriver that allows you to write tests against multiple platforms using the same API.
Our daily routine can be quite challenging at times. The more roadblocks we experience in fulfilling the demands of our workplace, the more we look forward to a seamless holiday experience to break out from our everyday tasks. This wonderful hotel and spa icon set can help you to design a visually delightful holiday experience for the customers of your tourism clients.
Designed by the team behind IconCrafts, this icon set consists of 55 carefully crafted vector icons. All icons are available as 48px, 64px and 128px PNG (+ @2x versions + sprites), as well as SVG files. The icons come in five styles different styles.
For a few years now, a mild debate has simmered over "delightful" interaction design. For some, features that instill delight, as long as they don’t interfere with the fundamental capabilities of the system, sit with pleasure atop Maslow’s hierarchy of needs as redrawn for interactive systems.
Others don’t really care about such features, or place "delight" alongside "frictionless" and "seamless" as just the latest buzzwords (leaving "scalable" and "disruptive" in their dust). What none of these design partisans gets is the place of delight in a much larger process that everyone can enjoy: the hearing of a good joke.
The power of SVGs lies in their flexibility to adapt to any size while remaining crisp and sharp. This makes them perfect for responsive web design and, since users can zoom in without sacrificing quality, meaningful from an accessibility-centered point of view.
To help you make best use of this potential and tackle SVGs the right way, this article will provide you with tools and resources to simplify editing, converting, optimizing, and delivering SVGs. We’ll take a look at what you can do to make your SVG code lean and performant, dive deeper into dealing with browser bugs, and provide tips for designing an icon system.
In the last decade, plugins such as Flash and Silverlight have enabled a rich consumption of video in browsers, powering popular services such as YouTube and Netflix. However, this approach has shifted towards HTML5 over the last few years.
Almost two years ago, the W3C published the final recommendation of the HTML5 spec, which came with a new set of HTML elements and APIs, especially for video. Some of them aim for more semantics in web pages but don’t introduce new features. Others extend the possibilities of the web and enhance the possibilities for developers without the need for plugins such as Adobe Flash, Microsoft Silverlight or Java.
Years ago, a kid was trying to fashion a bow by cutting a twig with a knife. Upon seeing this struggle, his grandfather handed him a saw, saying, “Always use the right tool for the job!” As the kid in the story, I learned a valuable lesson in craftsmanship: When you’re picking a tool to solve a problem, there are many good tools, but some are better suited to the task than others!
In recent years, new prototyping tools have emerged, many for mobile design. The landscape is constantly changing, with some tools losing favor with UX designers (or UXers) and others taking their place. While this article will not serve as a complete paint-by-numbers manual for selecting a prototyping tool, we will discuss important factors that influence the selection process.
My first experience in the design world came through an internship at a small motion graphics studio called Motion Theory. I was fresh out of school and had never worked with so many talented people before. It was intense, difficult and nerve-wracking.
And I loved it. It made me a better designer. And the lessons I learned there have served me well throughout my years as a freelancer. Because my experience was so rewarding, I’ve developed the habit of scrutinizing internship programs at every new studio I visit. I'll share my insights below, as well as insights from some of the world's best design firms so you can think about the application process from both sides.
More and more of our experience online is personalized. Search engines, news outlets and social media sites have become quite smart at giving us what we want. Perhaps Ali, one of the hundreds of people I've interviewed about our emotional attachment to technology, put it best: "Netflix's recommendations have become so right for me that even though I know it's an algorithm, it feels like a friend."
Personalization algorithms can shape what you discover, where you focus attention, and even who you interact with online. When these algorithms work well, they can feel like a friend. At the same time, personalization doesn't feel all that personal. There can be an uncomfortable disconnect when we see an ad that doesn't match our expectations.
Have you heard of Docker but thought that it’s only for system administrators and other Linux geeks? Or have you looked into it and felt a bit intimidated by the jargon? Or are you silently suffering with a messy development environment that seems to break all of the time in various mysterious ways? Then read on. By the end of this article, you should have a basic understanding of Docker and have it working on your computer!
The first part of this article gives a bit of background to help you understand the concepts behind Docker through some metaphors. But if you just want to get started with the tutorial, skip to the “Time to Play!” section.
In part 1 of this tutorial we started building our iOS app from scratch. We started out by setting up a blank React Native project. Then we pulled data from the Unsplash.it API. Because downloading data takes time, we built a loading screen.
In the process we went over positioning UI elements with flexbox and styling them using CSS-like properties. Towards the end of part 1 we downloaded and included a third-party Swiper component from GitHub, which allowed us to display wallpaper data in a swipeable container.
What would a page look like if it had no designer? This odd question occurred to me in the 1980s, while overseeing the transition from lead-based typesetting to phototypesetting of an Indian newspaper. The Patriot’s distinctive design seemed to emerge, not from a designer, but the tactile interaction between lead and the illiterate villager who assembled the pages.
This article examines how design has changed as materials have evolved, and underlines how the need for deliberate design is greater than it has ever been.