Tag Archives: street

Things To Keep In Mind When Designing A Transportation Map

For many people, a map of a transportation network is a given, an expected part of the system, something that just is — like a fire-escape plan in a building. So, when I say that I design transportation maps, they don’t understand. What is there to design even?
Well, let’s take the London underground map as an example. Designed by Harry Beck, it was the world’s first transportation map to use the principles of electrical circuit drawings.

More:  

Things To Keep In Mind When Designing A Transportation Map

It’s Time To Start Using CSS Custom Properties

Today, CSS preprocessors are a standard for web development. One of the main advantages of preprocessors is that they enable you to use variables. This helps you to avoid copying and pasting code, and it simplifies development and refactoring.

It's Time To Start Using CSS Custom Properties

We use preprocessors to store colors, font preferences, layout details — mostly everything we use in CSS. But preprocessor variables have some limitations.

The post It’s Time To Start Using CSS Custom Properties appeared first on Smashing Magazine.

This article is from:

It’s Time To Start Using CSS Custom Properties

Web Development Reading List #161: Restyling Form Elements, HTTP/2 HPACK, And The Empathy Vacuum

Are you afraid of refactoring code? I love refactoring code. It’s nice to see a code base growing, but this also means that new quirks and suboptimal changes are introduced along the way. At some point, you might realize that there could be a huge opportunity in rewriting the code — to eliminate conflicts or to rename things.
For me, refactoring is both: It’s a challenge to master, but, in the end, also a relief to see how the code evolved.

Original source: 

Web Development Reading List #161: Restyling Form Elements, HTTP/2 HPACK, And The Empathy Vacuum

The DAU Of Hip-Hop: Designing For Authenticity (A Case Study)

In the tech industry, many of us came of age during hip-hop’s rise as a dominant art form. Its spirit of individualism, bravado, and constant reinvention makes it impossible for us not to admire. Our thought leaders craft mixtapes and pour millions of dollars into apps that decode rap lyrics.
The founders of my former company rapped to celebrate every corporate milestone. We’re compelled to quantify what we love about it, and to somehow technologize it the same way Instagram did photography.

Continue reading here:  

The DAU Of Hip-Hop: Designing For Authenticity (A Case Study)

Map Design: Redesigning Ekaterinburg’s Metro Map

A large metropolitan underground train network might as well be a teleportation device: People don’t care how it gets them from A to B, just that it does. In London, Paris and Moscow, the map of the metro does not show surface geography, because there is not much empty space on the sheet.
Designing a city’s metro map is quite a challenging task, even when there is just one line.

Visit link:  

Map Design: Redesigning Ekaterinburg’s Metro Map

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.

The post A Guide To Building SVG Maps From Natural Earth Data appeared first on Smashing Magazine.

Originally posted here:  

A Guide To Building SVG Maps From Natural Earth Data

Considerations When Conducting User Research In Other Countries: A Brazilian Case Study

Following a recent economic windfall, Brazilians are faced with more choices of how to spend their money. This provides a situation for good UX to make a huge impact and sway customers to buy new products or services. Companies inside and outside Brazil are interested in capturing a part of this new market.
My company, Blink UX, had the opportunity to conduct in-home user interviews in São Paulo on behalf of a Brazilian real estate company called Zap Imóveis.

Read More: 

Considerations When Conducting User Research In Other Countries: A Brazilian Case Study

Typeplate: A Starter Kit For Beautiful Web Type

As of today we’re pleased to announce Typeplate, a free-range and open-source typographic starter kit that will hopefully help you build beautiful, text-rich websites. The word on the street is that the Web Is 95% Typography, so as we hurtle towards the future, we think there’s still a lot we can learn from five centuries of history. Typeplate is the result of this exploration of our typographic heritage.

See original article here:

Typeplate: A Starter Kit For Beautiful Web Type

Industrial-Strength Types

The Industrial Revolution gave us a new iron age, one of cast iron, which a devotee of Vulcan told me he thought was the highest achievement of man — or, as he put it, “the hairless ape.” In the 18th century, cast-iron bridges sprang across British rivers such as the Tay and Severn. These lovely sculptural archways are resistant to rust, so many are still standing.
But tragedies like the Dee Bridge collapse and the terrible Tay Bridge disaster of 1879 dampened the public’s enthusiasm and led to William McGonagall’s famous ballad: “Beautiful railway bridge of the silv’ry Tay, Alas!

Original post:  

Industrial-Strength Types

Keys To Better Communication With Clients

I recently spoke with a prospective client who started the conversation by saying that he had called us because he was unhappy with his website’s current design and development team. Questioning what about his current team he didn’t care for, I discovered that it wasn’t the company’s product or its prices — he was satisfied with the work they did for him and felt that he was charged fairly for it.

Originally posted here:  

Keys To Better Communication With Clients