Time is passing by
CSS selectors all exist within the same global scope. Anyone who has worked with CSS long enough has had to come to terms with its aggressively global nature — a model clearly designed in the age of documents, now struggling to offer a sane working environment for today’s modern web applications. Every selector has the potential to have unintended side effects by targeting unwanted elements or clashing with other selectors. More surprisingly, our selectors may even lose out in the global specificity war, ultimately having little or no effect on the page at all.
Any time we make a change to a CSS file, we need to carefully consider the global environment in which our styles will sit. No other front end technology requires so much discipline just to keep the code at a minimum level of maintainability. But it doesn’t have to be this way. It’s time to leave the era of global style sheets behind.
It’s time for local CSS.
In other languages, it’s accepted that modifying the global environment is something to be done rarely, if ever.
In the JavaScript community, thanks to tools like Browserify, Webpack and JSPM, it’s now expected that our code will consist of small modules, each encapsulating their explicit dependencies, exporting a minimal API.
Yet, somehow, CSS still seems to be getting a free pass.
Many of us — myself included, until recently — have been working with CSS so long that we don’t see the lack of local scope as a problem that we can solve without significant help from browser vendors. Even then, we’d still need to wait for the majority of our users to be using a browser with proper Shadow DOM support.
We’ve worked around the issues of global scope with a series of naming conventions like OOCSS, SMACSS, BEM and SUIT, each providing a way for us to avoid naming collisions and emulate sane scoping rules.
We no longer need to add lengthy prefixes to all of our selectors to simulate scoping. More components could define their own foo and bar identifiers which — unlike the traditional global selector model—wouldn’t produce any naming collisions.
import styles from './MyComponent.css'; import React, { Component } from 'react'; export default class MyComponent extends Component { render() { return ( <div> <div className={styles.foo}>Foo</div> <div className={styles.bar}>Bar</div> </div> ); }
The benefits of global CSS — style re-use between components via utility classes, etc. — are still achievable with this model. The key difference is that, just like when we work in other technologies, we need to explicitly import the classes that we depend on. Our code can’t make many, if any, assumptions about the global environment.
Writing maintainable CSS is now encouraged, not by careful adherence to a naming convention, but by style encapsulation during development.
Once you’ve tried working with local CSS, there’s really no going back. Experiencing true local scope in our style sheets — in a way that works across all browsers— is not something to be easily ignored.
Introducing local scope has had a significant ripple effect on how we approach our CSS. Naming conventions, patterns of re-use, and the potential extraction of styles into separate packages are all directly affected by this shift, and we’re only at the beginning of this new era of local CSS.
process.env.NODE_ENV === 'development' ? '[name]__[local]___[hash:base64:5]' : '[hash:base64:5]' )
Understanding the ramifications of this shift is something that we’re still working through. With your valuable input and experimentation, I’m hoping that this is a conversation we can have together as a larger community.
Note: Automatically optimising style re-use between components would be an amazing step forward, but it definitely requires help from people a lot smarter than me.
Me Myself and I
Many years ago, I worked for my parents who own a video production company. Because it is a family business, you inevitably end up wearing many hats and being the czar of many different jobs. I mainly managed projects and worked as a video editor. On production, there were times that I was called on to work as an audio tech and was made to wear headphones on long production days. In those days, having a really good set of headphones that picked up every nuance of sound was essential to making sure the client got what they needed.
First impressions.
Naturally, my first impression of these headphones is based off of the look of them. They have a classic over-the-ear style that is highlighted by a blue LED light that indicates the power for the noise canceling. The padding on the ear pieces seems adequate for extended usage periods.
They are wired headphones, but the 3.5mm stereo mini-plug cable is detachable. Something else I noticed right of the bat was the very nice carrying case that comes with them. It has a hard plastic exterior with a soft cloth interior that helps to protect the surface of the headphones from scratches. I never truly appreciated cases for headphones until I started carrying them from place-to-place. Now I can’t imagine not having a case.
A perfect fit.
Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable.
It’s safe to say that because of my unique professional experiences, I’ve tested out a lot of headphones.
Quality.
Now that I had the headphones on my head, I was finally ready to plug and play some music. I plugged the provided cable into the jack on the headphones and then the one on my iPhone 6. Then I called up Pandora. I tend to have a very eclectic music purview and have many stations set up for different moods. From John Williams to Fallout Boy, the sound quality of these headphones was remarkable. There is an amazing depth of sound and incredible highs and lows that make listening to music a truly breathtaking experience.
In order to test how voices sounded, and the overall art of sound mixing, I pulled up Netflix on my iPad Air 2 and watched a few minutes of a movie to hear all the nuances of the film. None of them were lost. In fact, I ended up hearing sounds that I hadn’t heard before. Echoes…birds chirping…wind blowing through trees…breathing of the characters…it was very impressive what the headphones ended up bringing out for me.
I would highly recommend these to any sound mixing specialist.
My tech travel setup
MacBook Pro
Robert Capa, a famous photojournalist once said, “If your pictures aren’t good enough, you’re not close enough.” It’s not just about zooming in with your lens, either. It’s about getting physically closer to people and getting to know them better. It’s also about spending a little time with a stranger before taking their photo. That helps build the trust and comfort that’ll come through in your pictures. Walk up to your subject with a simple wave and a smile to help communicate that you mean no harm.
Ask permission to take a photo if they speak the same language as you. If you don’t share a language, try learning some basic phrases ahead of time, gesture at your camera and ask through expression. Of course if someone doesn’t want their picture taken, it’s imperative to respect their wishes and move on — people are always more important than photographs. National Geographic writes that “making great pictures is primarily a mental process.” What makes you want to photograph the person or place? How might you describe it to a friend, and what adjectives would you use? Are there details you can focus on that tell a story?
iPad/iPhone
Maybe it’s a dry, arid desert, captured by focusing on the patterns of cracked earth. Or a prairie that’s photographed with the horizon at the bottom of the frame, to help create a sense of the open sky and tranquility. Or maybe it’s the story of a deft artisan, fingernails covered in wet clay as she molds a pot. When you’re on the road it can be tough to eat right and make sure you get all the right nutrients. I started taking daily supplements of Multi-Vitamin, Fish Oil capsules and Vitamin D and it helps a lot. Especially the Vitamin D since I don’t get to see the sun a lot during the winter in Sweden.
Sennheiser HD-25 Headphones
It’s difficult to recreate the grandeur of a vast landscape in the confines of a picture frame. But one way to add a sense of depth to your photos is to compose them with objects in the foreground that support the scene. It can be as simple as a winding road through a national park, or some rocks to show off the local geology.
If you’re taking photos of people during normal daylight hours, a quick way to get more flattering light is to move the person out of direct sunlight. The light is much “softer” and doesn’t cast stark, unflattering shadows across their facial features. Even better, have someone stand next to an open door or window as the single source of light.
Optimizing your media strategy can generate a significant budget release, either for growth reinvestment or return to bottom line.
As your company’s content strategy becomes more sophisticated, your marketing budgets become bigger and more complex, demanding top-notch planning efficiency. Global marketing spend exceeds $1 trillion, around 1 to 2 percent of global GDP and keeps growing faster.
beforehand, this requires stepping back to evaluate priorities and best practices to achieve that, understanding the strengths and weaknesses of each type of planning. When blended together, you end up with a highly effective strategy that moves your business forward much more quickly than focusing on a single tactic alone, allowing the investment to be effective. The goal is to be more efficient and by experience, it can be achieved. The key is to progressively incorporate certain practices into your daily planning.
TEST YOUR BUDGET “USABILITY”: FROM CARD SORTING TO JOURNEY MAPPING…ALL YOU CAN EAT UX BUFFET
1-Create a visual spent landscape I used this technique from my storyboarding days and now is a must-use tool in UX design. It’s like pitching the budget to yourself! Take a wall and use as many post-its until you see the full budget ecosystem. It really works.
2-Ensure alignment across units: create an objective analysis of economic, strategic, and marketing-oriented criteria for each brand. Better marketing return of investment (MROI) starts with better and clear objectives.
3-Align your targets: clarify and align mismatched marketing and sales targets, it will bring light into your budget allocation efforts.
4-Consolidate your brand spending: sort your spent in relation to your growth goals and forecast: grow aggressively, grow, sustain, etc.
5-Find relevant drivers of value: made your mission to constantly find new ways to engage and guide customers. New experiences, new channels, research, communications or content, your brand should bring innovation and expertise.
6-Identify the most effective media and channels: spending in the right places will reach more priority customers, whether is online or in-store -or your partner venue- it will most likely to be a hit. Find out where consumers make their decisions. Data-driven media spent is an extremely efficient way to advertise.
7-Country-based budget: Consider the particulars of each country’s multicultural context and shift spending from lower- to higher-priority markets.
8-Generate internal communications: demonstrate to the rest of the organization how the new allocations would benefit the company overall. Every successful planning needs everyone in the company to be involved and supportive.
9-Identify your consumer's journey: use digital analytics, social media management, in-store initiatives, and post-purchase online service. Understanding the consumer path from research and consideration to purchase and brand loyalty.
10-Focus on your consumer's experience: deliver consistent high-quality content for use across touch-points both online and in-store. This also applies to your partners’ experience, think of them as your ambassadors and evangelist. Create a workshop or a learning event. An online channel exclusively for your partners could be a hit -and a relatively inexpensive- way to get where your audience is.
CONCLUSION:
You can mix and match these UX practices like colors on a palette to create the right vision of your media budget into a successful work of art.
Let me know what you think. Thank you!
The new audience identity
Understanding your audience in this ever-complex marketplace requires a unique ability to combine massive amounts of measurement information with the right perspective.
While entertainment industry is changing the way they do business, technology is doing its part. Analytics tools had proven to be successful, making connections between pieces of research, identifying facts and behaviors. But if we want to understand how our audiences interact with our content, we might need to change how questions are made.
The New Audience Format
Spoiler alert. There's is no audience format anymore. Audiences have grown to become agnostic, nomadic, multi-tasking, experiential and very direct. There are no two viewers alike. In the same demographic, they might not share the same interests. Most of the time they are ‘uninspired’ by expensive Networks marketing extravaganzas. Options multiply with every tweet, facebook like or selfie ever taken. If you’re not reaching, engaging, and monetizing your audience, you’re likely losing them to someone else.
Changing the concept of engagement
When it comes to understanding, all the information you can get is important. But you have to be smart and sensitive in order to relate effectively. Read the signs, get feedback, and adjust your approach as necessary. Think of an audience in terms of a “first date”. Analytics can give you a way to read your audience “body language”. You’ll get tons of real time feedback. From measurement tools, analytics apps and marketing research, you get to embed with your product, and how much you can play out. It’s important to have all the details, but the key is to understand how to read the information. You got to be responsive.
A subtle smile, eye contact, mirroring, head-tilt, all require a bit of interpersonal sensitivity. Look at the trends in the social media; keep an eye on relevant comments. The right timing or even the weather can give you a metric that algorithms might have missed. Take a moment, observe, and the pointers will become visible. You’ll actually see your audience ‘body language’ the way Neo sees The Matrix.
A relevant example is the movie Jurassic World. The audience ‘body language’ was pretty clear: On that weekend, the re-post rate for Jurassic videos on YouTube was 45 to 1 (the average is 9 to 1). The trailer on the official Universal channel got 66.6m views (multi-channel networks money well invested) Twitter almost broke: #JurassicWorld peaked at 63K. The “conversation” for the film was very high and very positive on social media that weekend. Thousands and millions share trailers with their community, on multiple social channels. And that’s intent of purchase...like a kiss. Plus, no big sports events or soccer matches on TV that weekend. Add shirtless Chris Pratt and school calendars and TV were packed with dino-theme curricula. Finally, people just love seeing Pterosaurs munching on tourists! Go family-friendly entertainment! Jurassic World broke the box office, scoring the biggest opening weekend in history with a sweet $511.8 million in tickets sales worldwide, outdoing even Harry Potter. Universal Studios had a nice date!
Conclusion. Audiences consume and interact with information in unexpected ways, so you have to be tuned in real-time. Consider what’s going on in the analytics and reports, and outs of them. Data is generated and delivered by the same audience you are trying to connect, from video channels, chat, social media and tweets. Paying attention to the ‘vibe’ or body language cues can go a long way. Use them to your advantage. Analytics can be tricky, but they are just the tip of the data iceberg. Keep your cool, be yourself and be responsive. Pick your actions accordingly and maybe it could be the start of an unforgettable relationship.
Sounds from the streets
Many years ago, I worked for my parents who own a video production company. Because it is a family business, you inevitably end up wearing many hats and being the czar of many different jobs. I mainly managed projects and worked as a video editor. On production, there were times that I was called on to work as an audio tech and was made to wear headphones on long production days. In those days, having a really good set of headphones that picked up every nuance of sound was essential to making sure the client got what they needed.
It’s safe to say that because of my unique professional experiences, I’ve tested out a lot of headphones.
First impressions.
Naturally, my first impression of these headphones is based off of the look of them. They have a classic over-the-ear style that is highlighted by a blue LED light that indicates the power for the noise canceling. The padding on the ear pieces seems adequate for extended usage periods.
They are wired headphones, but the 3.5mm stereo mini-plug cable is detachable. Something else I noticed right of the bat was the very nice carrying case that comes with them. It has a hard plastic exterior with a soft cloth interior that helps to protect the surface of the headphones from scratches. I never truly appreciated cases for headphones until I started carrying them from place-to-place. Now I can’t imagine not having a case.
A perfect fit.
Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable.
Quality.
Now that I had the headphones on my head, I was finally ready to plug and play some music. I plugged the provided cable into the jack on the headphones and then the one on my iPhone 6. Then I called up Pandora. I tend to have a very eclectic music purview and have many stations set up for different moods. From John Williams to Fallout Boy, the sound quality of these headphones was remarkable. There is an amazing depth of sound and incredible highs and lows that make listening to music a truly breathtaking experience.
In order to test how voices sounded, and the overall art of sound mixing, I pulled up Netflix on my iPad Air 2 and watched a few minutes of a movie to hear all the nuances of the film. None of them were lost. In fact, I ended up hearing sounds that I hadn’t heard before. Echoes…birds chirping…wind blowing through trees…breathing of the characters…it was very impressive what the headphones ended up bringing out for me.
I would highly recommend these to any sound mixing specialist.
Some amazing buildings
Minimalism and geometric.
When you are alone for days or weeks at a time, you eventually become drawn to people. Talking to randos is the norm. I’ll never forget the conversation with the aquarium fisherman, forest ranger, and women at the Thai market. It’s refreshing to compare notes on life with people from vastly different backgrounds.
When you meet fellow travelers, you’ll find they are also filled with a similar sense of adventure and curiosity about the world. Five days of friendship on the road is like five months of friendship at home. It’s the experiences that bond you together, not the place. A rule I followed that worked well: be the first to initiate conversation. I met some incredible people by simply being the first to talk.
Long term travel is different than a luxury vacation. The point is to see the world, not stay in a 5-star hotel. During the trip, I stayed on a strict budget. The goal was to spend no more than $33 per day on accommodations. After a year, I was able to spend only $26.15 per day by booking through HostelWorld and Airbnb. When I wanted to meet people, I’d stay in a shared room at a hostel. When I wanted to be alone, I’d book a private room with Airbnb.
Take the cost of your rent or mortgage + food per month and divide it by 30. This is how much it costs per day to live at home. You will find that it’s possible to travel the world for roughly the same amount. Or, if you live in an expensive city like San Francisco, far less.
An universal language.
I was surprised how many people spoke English (apparently 1.8 billion people worldwide). Places where English was less prevalent, I made an effort to learn a handful of words and phrases in the local language. Even though it’s passable, I do desire to learn another language fluently. You can only take the conversation so far when all you can say is: “¿Esto contiene gluten?”
It’s possible to communicate a lot without saying a word. For instance, I left my phone at a restaurant in Chile. I pointed at the table where I was sitting, put my hand to my ear like a phone, then shrugged — 2 minutes later, my phone had been retrieved.
Working from your home?
01. Wake up at the same time every day.
Naturally, my first impression of these headphones is based off of the look of them. They have a classic over-the-ear style that is highlighted by a blue LED light that indicates the power for the noise canceling. The padding on the ear pieces seems adequate for extended usage periods.
They are wired headphones, but the 3.5mm stereo mini-plug cable is detachable. Something else I noticed right of the bat was the very nice carrying case that comes with them. It has a hard plastic exterior with a soft cloth interior that helps to protect the surface of the headphones from scratches. I never truly appreciated cases for headphones until I started carrying them from place-to-place. Now I can’t imagine not having a case.
It’s funny — the thing I feared would take away my “freedom” is the one thing that has allowed me to have it.
Joelle Steiniger
02. Have a routine when you wake up.
Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable. In order to test how voices sounded, and the overall art of sound mixing, I pulled up Netflix on my iPad Air 2 and watched a few minutes of a movie to hear all the nuances of the film. None of them were lost. In fact, I ended up hearing sounds that I hadn’t heard before. Echoes…birds chirping…wind blowing through trees…breathing of the characters…it was very impressive what the headphones ended up bringing out for me.
I’d start my day by checking email, Twitter, Facebook. Reading the “news”. I’d look at my to-do list and start working on something.
03. Plan your workout time — stick to it.
Now that I had the headphones on my head, I was finally ready to plug and play some music. I plugged the provided cable into the jack on the headphones and then the one on my iPhone 6. Then I called up Pandora. I tend to have a very eclectic music purview and have many stations set up for different moods. From John Williams to Fallout Boy, the sound quality of these headphones was remarkable. There is an amazing depth of sound and incredible highs and lows that make listening to music a truly breathtaking experience.
In order to test how voices sounded, and the overall art of sound mixing, I pulled up Netflix on my iPad Air 2 and watched a few minutes of a movie to hear all the nuances of the film. None of them were lost. In fact, I ended up hearing sounds that I hadn’t heard before. Echoes…birds chirping…wind blowing through trees…breathing of the characters…it was very impressive what the headphones ended up bringing out for me.
Distractions aside, there was no real rhyme or reason to my workflow. The not-so-fun (but necessary) stuff kept getting neglected.
04. Call it a night.
Now that I had the headphones on my head, I was finally ready to plug and play some music. I plugged the provided cable into the jack on the headphones and then the one on my iPhone 6. Then I called up Pandora. I tend to have a very eclectic music purview and have many stations set up for different moods. From John Williams to Fallout Boy, the sound quality of these headphones was remarkable. There is an amazing depth of sound and incredible highs and lows that make listening to music a truly breathtaking experience.
In order to test how voices sounded, and the overall art of sound mixing, I pulled up Netflix on my iPad Air 2 and watched a few minutes of a movie to hear all the nuances of the film. None of them were lost. In fact, I ended up hearing sounds that I hadn’t heard before. Echoes…birds chirping…wind blowing through trees…breathing of the characters…it was very impressive what the headphones ended up bringing out for me.
I was recently quoted as saying, I don't care if Instagram has more users than Twitter. If you read the article you’ll note there’s a big “if” before my not giving of said thing.
Of course, I am trivializing what Instagram is to many people. It’s a beautifully executed app that enables the creation and enjoyment of art, as well as human connection, which is often a good thing. But my rant had very little to do with it (or with Twitter). My rant was the result of increasing frustration with the one-dimensionality that those who report on, invest in, and build consumer Internet services talk about success.
Numbers are important. Number of users is important. So are lots of other things. Different services create value in different ways. Trust your gut as much (or more) than the numbers. Figure out what matters and build something good.
Trust in your intuitions
Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable. Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable.
If no one hates you, no one is paying attention. If attention is what you want for vanity, confidence, or, hell — to make a decent living — then know that it’s not instantaneous. Every single person that you’re currently paying attention to, at some point in their lives, was in your exact position.
You need to be
true to yourself
Just like every other human on the planet, I have epically awesome days and days when life just turne against me. And while I can’t stand most self-help (see: tired quotes over stock photography on Instagram), sometimes I need a little pick-me-up. And most of the time, in order to get out of a slump (because my brain leans more into math/science than anything else), I need to drop a logic bomb on my ass.
Yes, this is a long article. But here’s the thing — if you’re reading this in your inbox and are already like, “fuck this!” delete it. No hard feelings. If you’re reading this in a browser on a website, and you see how tiny the scroll-bar is because of how far you still have to scroll to get to the bottom, close this tab and go back to 140-character tidbits of advice. Still with me? Phew. Just had to weed out all the folks from points: #1, #4 and #8. Welcome friends, onward we go.
Remember to
never give up
If no one hates you, no one is paying attention. If attention is what you want for vanity, confidence, or, hell — to make a decent living — then know that it’s not instantaneous. Every single person that you’re currently paying attention to, at some point in their lives, was in your exact position. They kept at it and worked enough so that others started listening. Also know that if no one is watching, you can experience true freedom. Dance in your underwear. Write entirely for yourself. Like there’s a going-out-of-business sale. Find yourself — not in some coming-of-age hippie way involving pasta and ashrams— but in a way that helps you draw your own line in the sand for what matters and what doesn’t. Do what you want to do, just because you want to do that thing. This will build confidence that will come in handy later.
Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable. Once I gave the headphones a thorough once-over exam, I tried them on. As I mentioned, they have a classic over-the-ear style and just looking at them, the padding on the ear pieces seem adequate and the peak of the headband seemed to be a bit lacking, but you don’t really know comfort unless you try on the product. So, I slipped the headphones on and found them to be exquisitely comfortable.
If no one hates you, no one is paying attention. If attention is what you want for vanity, confidence, or, hell — to make a decent living — then know that it’s not instantaneous. Every single person that you’re currently paying attention to, at some point in their lives, was in your exact position. They kept at it and worked enough so that others started listening. Also know that if no one is watching, you can experience true freedom. Dance in your underwear. Write entirely for yourself. Like there’s a going-out-of-business sale. Find yourself — not in some coming-of-age hippie way involving pasta and ashrams— but in a way that helps you draw your own line in the sand for what matters and what doesn’t. Do what you want to do, just because you want to do that thing. This will build confidence that will come in handy later.