21 Jul

Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting

   

New APIs offer great possibilities to build better web services. And some people push these new technologies to their limits. For example, we can use JavaScript to generate images that we then can use in Web Notifications. We can use the Storage API to find out if and how much data we can save on a user’s device and can adjust the behavior of our applications accordingly.

And then we can push our designs further. Constant improvement and development of the navigation is what makes a service like Gitlab easier to use. And by giving advice to users, such as promoting more sustainable options, we can show empathy to our users while improving the world. It all starts with us pushing our projects further.

The post Web Development Reading List #190: Images in Web Notifications and Angular Code Splitting appeared first on Smashing Magazine.

19 Jul

Designing The Perfect Slider

   

When we think about a slider, we usually imagine an image gallery slider, or the infamous carousel, or perhaps off-canvas navigation, with the overlay sliding in from the side. However, this article is not about those kinds of sliders. Instead, we’ll look into the fine details of designing better slider controls for selecting a value or a range of values. Think of price range sliders, 360-degree-view sliders, timeline sliders, health insurance quote calculators, or build-your-own-mobile-plan features.

In all of these use cases, a slider is helpful because it allows users to explore a wide range of options quickly. For precise input, a slider can never beat a regular input field, but we can use a slider to nudge our customers to explore available options and, hence, aid them in making an informed decision.

After a close look at perfect accordions and date and time pickers, let’s turn our attention to sliders, with do’s and don’ts and things to keep in mind when designing one. But first, we need to figure out when a slider makes sense in the first place. (Please note: that article is quite large, and contains many animations and videos.)

The post Designing The Perfect Slider appeared first on Smashing Magazine.

11 Jul

Wine Adventure Trail Run @ Warwick Wine Estate

We all knew it would be a wet day, from a week before the race the weather was already predicting upwards of 70% rain showers, steadily increasing as the days went on, by Saturday it was sitting at 93% so there was no doubt.

Photo by Chris Hitchcock

Around sunset Saturday evening it started pouring, and my never tested Waterproof Running jacket was added to race prep pile. After all, what is heavy rain shower to a real trail runner (guess I am one now).

Fast forward to Sunday morning and as best I could tell the rain had not let up much if at all, the wine farm was nothing but mud as far as the eyes could see, and yet plenty a runner had arrived, sporting all their colourful raincoats, and few more crazy ones dressed as if it where a summers day.

Having never run in such conditions before, I had no idea what to expect, and that pretty much added to the excitement, only 1 small change in the goals for the day, forget the time target and make down in one piece. Awesomely enough I had only missed what would been my target by about 3 minutes.

Nearing the finish line.

As it turns out, at least 78 other runners had arrived for the wet, wet, wet 15km run, and while I cannot speak for all of the rest, I most certainly hope they enjoyed it as much as I did, a familiar route, made more spectacular by a hole new perspective.

Thanks to the winter season now, in a few days time my shoes, that are now clean, should be dry enough for my next run. Part of me even hopes that for my next race, in about 2 weeks time, the weather tosses in a good downpour just for the funzies.

Wine Adventure Trail Run @ Warwick - Reme Le Hane's 14.3 km run

Help me as I raise fund for the animals while I run for the Cape of Good Hope SPCA in the Sanlam Cape Town peace Trail Run 22km.

Running for the animals

Wine Adventure Trail Run @ Warwick Wine Estate was originally published in Running For A Cause on Medium, where people are continuing the conversation by highlighting and responding to this story.

25 Jun

Running for a cause: Mid Year Trail Run @ Muratie

It was a very cold start to a pretty great run this morning, gloves, sleeves and rite until the gun, even the breaker.

A nice big crowd getting ready for the 12km, getting ready to enjoy some spectacular views. The sun was just starting to warm things up a bit, but that was short lived, as after 2 quick corners we were back int he shade of the mountain and climbing away. Would be a good 3 or 4km before we found some sun again.

Felt a bit tougher than it was at the start, felt almost like I was pushing too hard at the beginning, maybe it was the cold, maybe I just rested way too much this week :D.

But near the 7km mark, after a 20 second walk break and a 6 word pep talk off I went, and I was pretty impressed with my time, so maybe the pushing was all in my head, but I can see the training is definitely paying off, and back into full swing the coming week.

Running for the animalsMid Year Trail Run @Muratie - Reme Le Hane's 11.8 km run

Running for a cause: Mid Year Trail Run @ Muratie was originally published in Running For A Cause on Medium, where people are continuing the conversation by highlighting and responding to this story.

21 Jun

Free Icon Set: Happy 4th Of July 🇺🇸 (20 Icons, PNG, EPS, AI, SVG)

   

Every once in a while, we publish freebies related to different occasions and themes. Today, we'd like to share an icon set dedicated to a well-known upcoming American holiday.

Some of you may already be working on the usual flyers or brochures, so we thought we'd help you out with a set of colorful icons to spice up your designs a bit differently this year. Thank us later!

The post Free Icon Set: Happy 4th Of July 🇺🇸 (20 Icons, PNG, EPS, AI, SVG) appeared first on Smashing Magazine.

13 Jun

Convincing Clients: How To Get Sign Off When It Matters

   

We have all been there. That dreaded moment when after weeks of work we have to present our progress to key stakeholders, and they mercilessly tear it apart. It feels inevitable, but usually, we can avoid these situations.

Wouldn’t life be so much easier if we didn’t need to get other people to buy-in to our work? Unfortunately, it doesn’t work that way, especially in digital. What we do involves so many different disciplines working together. We have to get the support of colleagues, stakeholders and management. But, achieving that can be painful, to say the least.

The post Convincing Clients: How To Get Sign Off When It Matters appeared first on Smashing Magazine.

13 Jun

Convincing Clients: How To Get Sign Off When It Matters

   

We have all been there. That dreaded moment when after weeks of work we have to present our progress to key stakeholders, and they mercilessly tear it apart. It feels inevitable, but usually, we can avoid these situations.

Wouldn’t life be so much easier if we didn’t need to get other people to buy-in to our work? Unfortunately, it doesn’t work that way, especially in digital. What we do involves so many different disciplines working together. We have to get the support of colleagues, stakeholders and management. But, achieving that can be painful, to say the least.

The post Convincing Clients: How To Get Sign Off When It Matters appeared first on Smashing Magazine.

29 May

How To Build Your Own Action For Google Home Using API.AI

   

For the holidays, the owner of (and my boss at) thirteen23 gave each employee a Google Home device. If you don’t already know, Google Home is a voice-activated speaker powered by Google Assistant and is a competing product to Amazon’s line of Alexa products.

I already have the Amazon Echo, and as Director of Technology at thirteen23, I love tinkering with software for new products. For the Amazon Echo, you can create what are called "skills", which allow you to build custom interactions when speaking to the device.

The post How To Build Your Own Action For Google Home Using API.AI appeared first on Smashing Magazine.