Menu Search
Jump to the content X X
Smashing Conf New York

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 New York, dedicated to smart front-end techniques and design patterns.

Improve Your Designs With The Principles Of Similarity And Proximity (Part 1)

The perceptual process enables us to perceive the world through our senses of sight, smell, sound, taste and touch. In particular, our visual system processes vast amounts of information in its environment. Rather than perceiving elements separately, our brain organizes patterns, objects and shapes into whole forms that we can understand.

Improve Your Designs With The Principles Of Similarity And Proximity (Part 1)

The gestalt grouping principles of visual perception describe this organization as a set of principles that explain how we perceive and organize this huge amount of visual stimuli. The gestalt principles – similarity, proximity, closure, figure-ground, continuance and common fate – are a popular tool used by designers for visually organizing information.

Read more...

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements

Hola a todos! (Hello, everyone!) In my early days of web design, I had to learn things the hard way: trial and error. There was no Smashing Magazine, Can I Use, CodePen or any of the other amazing tools at our disposal today. Having someone show me the ropes of web design, especially on the CSS front, would have been incredibly helpful.

An Ultimate Guide To CSS Pseudo-Classes And Pseudo-Elements

Now that I am far more experienced, I want to share with you in a very friendly, casual, non-dogmatic way a CSS reference guide to pseudo-classes and pseudo-elements.

Read more...
Advertisement Advertise with us!

How To Offer More Personal Customer Support Through Effective Automation

Robots are great for cleaning the floor and are perfect for exploring the moon. They’re just not that great at customer support. The last thing your customers want is another “We received your message” email or “Thank you for holding” recording. Robots only succeed in making customers feel like another number, a dubious accomplishment for your team. They’re the opposite of the personal touch that effective support is supposed to be all about.

How To Offer More Personal Customer Support Through Effective Automation

It’s not that robots are useless. They’re great at repetitive tasks, perfect for finding data and remembering anything you’ve ever written down. As sidekicks, robots can help offer more personalized support, doing the tedious parts of support so that you can focus on actually solving problems. You just have to give them the right job. Here’s how to find the perfect job for your robots, so that you can automate support and offer more personalized, hands-on support at the same time.

Read more...

Desktop Wallpaper Calendars: May 2016

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.

Desktop Wallpaper Calendars: May 2016

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?

Read more...

Web Development Reading List #135: Boxy SVG, How To Keep Up, CSS Frameworks

After spring has started marvelously, this week brought us some snow again. But today, the sun is shining, it’s getting warmer, and nature is flourishing. Inspired by the fresh green of spring, I’d like to announce The Evergreen List.

Una Kravets found a neat way to create visual diffs using CSS blend modes.

This is a sub-part of my reading list, collecting important links that stay relevant over a longer time so that you can find them more easily. Give the page a try and if you have feedback, just email me.

Read more...

From Zero To Appium: A How-To Guide For Configuring Appium With Android

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.

From Zero To Appium: A How-To Guide For Configuring Appium With Android

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.

Read more...

Freebie: Hotel And Spa Icon Set (55 Icons PNG, SVG)

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.

Freebie: Hotel & Spa Icons (55 Icons PNG, SVG)

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.

Read more...

This Interface Is A (Good) Joke!

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.

This Interface Is A (Good) Joke!

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.

Read more...

Quick Tips Tools And Resources For Editing, Converting And Optimizing SVGs

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.

Optimized and not optimized SVGs of the Twitter logo

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.

Read more...

↑ Back to top