Menu Search
Jump to the content X X
The Smashing Book #5

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. new Smashing Book 5 features smart responsive design techniques and patterns.

Rapid Cross-OS Mobile App Development: Lessons Learned

Cross-OS mobile app development is often excruciating, between the multiple languages, the different expectations from users about interactions and the sheer development time. Our goal was to cut through the typical pains in the app development process and create a three-platform app in four weeks.

Rapid Cross-OS Mobile App Development: Lessons Learned

We were working with Scripps, an American cable TV media company; their new business development team had been working on concepts for new, rapidly developable (is that a word?) apps. We wanted to prove that app development could be done leanly and agilely by working quickly, eliminating unnecessary clutter, utilizing cross-device user experience similarities and leveraging web views.

Read more...

Mobile Navigation For Smashing Magazine: A Case Study

Since we started plodding around on this rock in space, human beings have always been dissatisfied with their environment — which is (mostly) a good thing. Otherwise we might still live in caves, fearful of the weather and worshipping the sun. It's dissatisfaction and curiosity which drive us to fix things that ain't broken.

Mobile Navigation For Smashing Magazine: A Case Study

Back in spring 2013, Smashing Magazine sported a <select> menu as its mobile navigation. It wasn't considered an anti-pattern back then and I still think it's a viable solution to the complex problem of how to build accessible and functional cross-device navigation. Brad Frost wrote a few words about the pros and cons of this pattern on his blog and I couldn't agree more.

Read more...
Advertisement Advertise with us!

Web Development Reading List #104

What's happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list, so you don't have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

Think Outside The Box By Seb Lester

Hey, lovely to have you back here. It’s getting autumn here in Germany which means fog is back again and the trees are getting their lovely golden or red colors again. Time to spend the weekend out in the nature and take a deep breath, far away from your work. Just a few hours can help to get the refreshment you needed for days or a week already. And after that, start catching up with what I serve you in today’s list.

Read more...

HTTPS Everywhere With Nginx, Varnish And Apache

The web is moving toward using HTTPS encryption by default. This move has been encouraged by Google, which announced that HTTPS would be a ranking signal. However, moving your website to HTTPS is good for other reasons, too.

HTTPS Everywhere With Nginx, Varnish And Apache

Rather than debate those reasons, this article assumes you have already decided to move to HTTPS. We’ll walk through how to move your website to HTTPS, taking advantage of Varnish Cache.

Read more...

Lean Mobile UX Lessons To Keep Your App From Sinking Like The Vasa Ship

For many months, your entire team has worked their butts off to create an awesome mobile app. Finally, with your team exhausted and excited, it’s showtime! But then, your dream app turns into the ultimate nightmare: Eager customers download the app, use it once and never return. All the sacrifice and months of hard work — wasted. What went wrong?

Lean Mobile UX Lessons To Keep Your App From Sinking Like The Vasa Shipe

Your app has become another victim of the latest trend, joining a whopping 41% of today’s apps that are abandoned after only a single use. This trend has many parallels with the story of the 400-year-old Vasa ship. The most impressive warship of the day, Vasa floundered and sank just one mile into its maiden voyage due to fundamental design issues.

Read more...

Creating Cel Animations With SVG

What if I told you there was an image format like GIF, but it worked with vectors? What if I said it was possible to reverse the direction of its animation? What if you could take one base image and animate different parts of it separately, at different speeds? Well, the image format, SVG, already exists. It just needs a little gentle encouragement.

Creating Cel Animations With SVG

In this article, I’ll be mixing old with new, taking a somewhat primitive art and breathing new life into it. With the help of Sass, I’ll be streamlining the necessary workflow and hopefully demonstrating that automation can, sometimes, be a friend to creativity.

Read more...

Web Development Reading List #103

What's happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list, so you don't have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

GitHub

Hey there! I gathered some useful articles for you again this week. Let me inspire you to do something new, improve yourself or just think outside the box.

Read more...

What You Need To Know About Anticipatory Design

The word anticipatory comes from the Latin anticipare, which means "taking care of ahead of time." We normally associate it with something that happens, is performed or felt in anticipation of something.

What You Need To Know About Anticipatory Design

In a way, most products contain at least one element of anticipation. Aaron Shapiro from HUGE defined anticipatory design as a method where it’s up to the designer to simplify processes as much as possible for users, minimizing difficulty by making decisions on their behalf.

Read more...

A Guide To Building SVG Maps From Natural Earth Data

Interactive maps are a fantastic way to present geographic data to your visitors. Libraries like Google Maps and Open Street Maps are a popular choice to do this and they excel at visualizing street-level data. However, for small-scale maps, SVG maps are often a better option. They are lightweight, fully customizable and are not encumbered by any licensing restrictions.

A Guide To Making SVG Maps From Natural Earth Data

It's possible to find a number of SVG maps released under permissible licenses in the Wikimedia Commons. Unfortunately, it's likely that you will eventually find these options lacking. The map you need may not exist, may be out of date (as borders change), or may not be well-formatted for web use. This article will explain how to create your own SVG maps using Natural Earth data and open source tools. You will then be able to create SVG maps of any area of the world, using any projection, at any resolution. As an illustration, we will create an SVG world map.

Read more...

It’s The Smashing Birthday Party, And You Are Invited (With Goodies!)

Exactly 9 years ago we published the very first article on this very website. Many things changed since then, but one thing remained the same: our obsession for publishing valuable, practical quality content. We proudly stand behind our work — the books, the eBooks, the conferences; our craft is ours, but our work serves the community and belongs to everybody.

The Thanks Page inside the book

As a team, we are happy and privileged to do what we truly love, and we know that this wouldn't be possible without your kind and generous support. So thanks for sticking around. Now, a birthday calls for a birthday party, so we've prepared a little something for you to celebrate the day: a free chapter on responsive design patterns (PDF), a Mystery Riddle, a new free eBook and a birthday special: if you grab the hardcover of the Smashing Book 5 today, you'll get five Smashing eBooks as a gift for your kind support.

Read more...

↑ Back to top