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.

Quick Tips Free Photoshop Tools For Web Designers

Photoshop is still a favorite among a lot of web designers, and the right tools make it even more powerful as it already is. To help you boost productivity, save time, and, obviously, nerves, we have picked some valuable Photoshop resources, plugins, and scripts for you.

Free Photoshop Tools For Web Designers

Some of them will speed up routine tasks so you can concentrate more on your actual work, others build a bridge between Photoshop and code so your design mockups can benefit from the best of both worlds. Unless otherwise noted, the resources are free to use.

Read more...

High-Impact, Minimal-Effort Cross-Browser Testing

Cross-browser testing is time-consuming and laborious. This, in turn, makes it expensive and prone to human error… so, naturally, we want to do as little of it as possible. This is not a statement we should be ashamed of. Developers are lazy by nature: adhering to the DRY principle, writing scripts to automate things we’d otherwise have to do by hand, making use of third-party libraries — being lazy is what makes us good developers.

High-Impact, Minimal-Effort Cross-Browser Testing

The traditional approach to cross-browser testing doesn’t align well with these ideals. Either you make a half-hearted attempt at manual testing or you expend a lot of effort on doing it “properly”: testing in all of the major browsers used by your audience, gradually moving to older or more obscure browsers in order to say you’ve tested them.

Read more...
Advertisement Advertise with us!

Quick Tips Creating Content Wireframes For Responsive Design

As I was leading my course in responsive web design between 2011 and 2012, I kept stumbling over the process of wireframing. My students tended to focus on the wireframe as being the end game in the planning process. They didn’t understand that responsive design focuses on how users will access the content.

How To Create Content Wireframes For Responsive Design

You can only imagine my relief when I happened to come across a video by Stephen Hay speaking at the Beyond the Desktop conference in 2012. There, in his talk on responsive design, he presented the concept of the content wireframe. This was a huge relief to me. I just knew there was a step before the process got real, but I couldn’t articulate it. In this post, I’ll describe the methods I use to get from content to responsive wireframe — and how you can, too.

Read more...

Getting Ready For HTTP/2: A Guide For Web Designers And Developers

The Hypertext Transfer Protocol (HTTP) is the protocol that governs the connection between your server and the browsers of your website’s visitors. For the first time since 1999, we have a new version of this protocol, and it promises far faster websites for everyone.

Getting Ready For HTTP/2: A Guide For Web Designers And Developers

In this article, we’ll look at the basics of HTTP/2 as they apply to web designers and developers. I’ll explain some of the key features of the new protocol, look at browser and server compatibility, and detail the things you might need to think about as we see more adoption of HTTP/2. By reading this article, you will get an overview of what to consider changing in your workflow in the short and long term. I’ll also include plenty of resources if you want to dig further into the issues raised.

Read more...

Turn Your AMP Up To 11: Everything You Need To Know About Google’s Accelerated Mobile Pages

In May of 2015, Facebook unveiled its new in-app publishing platform, Instant Articles. A month later, Apple declared that the old Newsstand experience (essentially a fancy folder full of news apps) would be replaced in iOS 9 with a brand new news-aggregation and discovery platform called Apple News.

Turn Your AMP Up To 11: Everything You Need To Know About Google's Accelerated Mobile Pages

Four months later, it was Google’s turn to announce its own, somewhat belated but no less ambitious, plan to revolutionize mobile news consumption with an open-source web-based solution called Accelerated Mobile Pages, or AMP. In just a few months, we’ve seen the relative tranquility of mobile digital publishing erupt into yet another full-scale platform war as Facebook, Apple, and now Google compete for both the loyalty of publishers and the attention of readers.

Read more...

Web Dev. Reading List #124

I often think about our responsibility as web developers. I compare our job to a health worker, to a craftsman, and I realize that we have a pretty easy job in most cases. Usually, nobody’s life will be affected if a website is not available for a couple of minutes or hours.

Vector Networks

But there are some cases where this could happen. People start coding app interfaces for health application with web technologies, people start connecting health services to the web, and people also rely on websites for their own safety. And that’s why I think we should feel responsible for our users. And by making choices that are ethical and user-centered, we create a better web for everyone.

Read more...

Quick Tips Free Fonts With Personality

Typography can make all the difference. However, if your project has to get along on a very limited budget and you need to rely on free fonts, good ones are never easy to find. Luckily, we stumbled across some real gems lately.

Butler typeface

The following fonts can be downloaded for free and are bound to give your project — both private and/or commercial — a classy finishing touch.

Read more...

Improving Reviews And Testimonials Using Science-Based Design

Reviews, testimonials and word of mouth are winning the war in branding. A sea of research is out there about social proof and what to do and what not to do about soliciting customer reviews. It’s overwhelming to read and digest it all, let alone to know which nuggets are gold and which are fool’s gold. For a designer or business owner or marketer, knowing who or what to listen to can be difficult.

Improving Reviews And Testimonials Using Science-Based Design

Here’s what I like to do: Find data! I like to find really smart researchers who are in the lab studying the topic du jour, interview them about their work, and then tell you all about it. Using the magic of science to improve how we solicit customers for feedback, testimonials or reviews can be a saving grace to those who would like to share happy customer reviews and remedy any lackluster experiences — in the best way possible, in fact: without sacrificing good UX or losing valuable customers.

Read more...

Smashing Mystery Riddle Resolved: New York Pizza, Jules Verne And 28 Hong Kong Street

Guess what: those tricky mystery riddles are never easy to design. The idea has to be evaluated and brought into life, just to be crashed by painful user tests and then adjusted over and over again until it's easy enough to solve — but difficult enough to not solve fast.

SmashingConf Singapore is coming in 2017!

When we started out with riddles, we wanted to have an entertaining yet challenging game that wouldn't be easy to crack, and would keep our dear readers busy for quite some time.

Read more...

↑ Back to top