Wednesday, February 15, 2017

Dimension

'Dimension' is a free One Page HTML template suited for a minimal personal site. It features a unique, subtle zoom-out (when loading the content modals) that creates a lovely depth effect. There are 4 content modals that can host any standard content including a contact form.

If you want the attribution-free (remove the footer credit) version of the Dimension HTML template, head over to Pixelarity for the Premium option.

by Rob Hope via One Page Love

How to Use Mobile Emulation Mode in Chrome

A new mobile emulation feature introduced in Chrome 32 could save hours of testing effort. Craig reveals all...

Continue reading %How to Use Mobile Emulation Mode in Chrome%


by Craig Buckler via SitePoint

How to Overcome All Your Fears Without Being Brave

In the United States, an average 63 people are killed by lawnmowers every year, according to the CDC. Another 37 die from hot tap water.

Over 33,000 Americans died in car crashes in 2013 alone.

But I can’t find hard evidence of someone dying of embarrassment after going in for a kiss, or suffering serious blood loss1 because their presentation was a bust.

Our fear response appears to be backward — at least from a logical standpoint — because far more people are afraid of public speaking than mowing the lawn or taking showers.

So what the hell is going on here? Why are we afraid of safe things, and cheerfully cavalier about things that are actually dangerous?2

Research has provided an answer, and if we use it to our advantage, we can use science to overcome our fear of… well, anything.

We don’t even need to be brave to pull it off.

We Want New — But Not Too New

According to research, animals (and people) “appear to be attracted towards mildly novel stimuli, and to avoid extremely novel stimuli.” What this means is that we don’t like being bored, but we also don’t like things that fall too far outside our comfort zones. In other words, when something is too unfamiliar, we find it scary.

[caption id="attachment_147852" align="alignright" width="320"]It's only scary when it's new. Afterward, we can laugh at it. It's only scary when it's new. Afterward, we can laugh at it.[/caption]

But repeated exposure to “novel stimuli” removes the novelty — put simply, it becomes old news.

Anything we’re exposed to frequently will eventually lose its power to frighten us. That’s why there are people who juggle chainsaws or casually eat lunch on steel girders forty stories high or voluntarily stuff themselves inside subterranean Petri dishes to be hurled through a hole in the ground at ear-popping speeds.

Is this actually scary, or is it just new?

When I think about talking to a stranger, I feel a surge of fear. Asking someone for a favor, or — worse — trying to introduce myself to someone who I hope will be a new friend, fills me with an abstract kind of terror.

But when I run disaster scenarios in my head, there’s nothing that could really go wrong. Short of freak disasters3 — lightning strikes, embolisms, sudden and catastrophic failures of the building’s load-bearing walls — there’s just not much worth fearing.

Discomfort in a new situation trips an alarm, and I feel afraid — even though there’s nothing that poses a credible threat to my safety. My fear is irrational. I’m just in an unfamiliar setting, and my idiot lizard brain4 is interpreting that as a threat.

Road Rash and Rationale

Upon arriving in Koh Samui, Marisa and I rented a scooter. It was the rainy season, so the roads were wet and we were being pelted by raindrops. About 20 minutes into our first ride — which we were both enjoying — I misjudged a turn, panicked, and crashed the scooter in a parking lot.

A half-dozen Thai kids swarmed out to help, and after a quick run through the survival checklist, Marisa and I climbed back on the bike and headed off again, sporting matching bloody elbows and knees.

Only now, we were terrified.

Given that it was our first time on the bike, this set a bad precedent: as of that moment, 100% of scooter rides resulted in pain and humiliation for us. And that made us both far more reluctant to get back on the scooter again.

[caption id="attachment_147938" align="alignright" width="900"]marisa on a scooter Marisa, somewhere between "sphincter-clenching" and "anxiety".[/caption]

But — out of necessity5 — we got back on the bike. And our familiarity with riding improved. I felt more confident after three or four rides, and had a better idea of how the bike would move underneath me.

And Marisa,6 after a dozen or so rides, slowly ratcheted down from “abject terror” to “mild panic” to “sphincter-clenching” to “anxiety”, ultimately landing at an uneasy truce.7

Is the scooter less dangerous today than it was three weeks ago? Hardly. But are we scared to ride it? Not at all.

Constant exposure to our fear dulled it to the point of meaninglessness.

How to Overcome your Fear

Make Your Fear Boring

Part of being incredibly adaptable is that humans get bored. Thrill seekers need a bigger risk each time to get the same rush. This holds true everywhere: very few of us can do exactly the same thing every day without feeling under-stimulated.

This can be bad news in some cases — for example, the adrenaline junkie upping the ante until he puts on one of those suicidal squirrel suits and all but guarantees he won’t see thirty — but our tendency to ultimately find everything boring after a while can be used to our advantage.

Our ability to become bored by virtually any stimulus can cure us of our fears. All we have to do is take baby steps toward our fear until we’ve knocked all its teeth out.

Who’s scared of a corpse in their bed?

There’s a director8 who’s famous for making horror movies. When he was a kid, he was terrified of dead bodies. But he didn’t want to be ruled by this fear, so he decided to do something about it.

He hung a photo of a corpse at the foot of his bed.

He had to stare at the photo before he went to sleep, and first thing when he woke up in the morning.

And after a while, it stopped scaring him. The dead guy in the photo was just a part of the scenery. An aspect of the room’s decor. A mere fact among the multitude of facts in his life.

He wasn’t scared anymore, because he spent so much time with the thing he feared that it lost its power to frighten him.

Seeking Fear a Little Bit at a Time

We don’t need to suddenly become brave. There’s no need to face our fear head-on with no warm-up and only our force of will to support us.

To overcome our own fears, we only need to spend more time exposing ourselves to things that scare us a little bit — until they’re not scary anymore. Then we go a little bit further and do it again.9

An example of this that I love is Jason Comely’s Rejection Therapy.

Comely, after realizing he was hamstrung by his fear of rejection, decided to go out and purposefully get rejected at least once a day.

By doing this, he took away his fear’s power. Each rejection — asking a stranger for a ride, requesting a discount at the store — made Comely a little more familiar with rejection, and after a while rejections became emotionally boring.

The idea that someone might turn him down was no longer a source of gut-wrenching panic; rejection was just one possible outcome that would, ultimately, have no long-lasting effects on his life.

We can overcome our own fears in the same way:

Continue reading %How to Overcome All Your Fears Without Being Brave%


by Jason Lengstorf via SitePoint

This Week in Mobile Web Development (#145)

Read this on the Web

Mobile Web Weekly February 15, 2017   #145
Brian Rinaldi recommends
Achieving 60 FPS Mobile Animations with CSS3 — Jose Roasario shares tips for animating elements in mobile contexts.
Sitepoint
Chris Brandrick recommends
To Use Or Not To Use: Touch Gesture Controls For Mobile Interfaces — Kyle Sanders explores the benefits and drawbacks of gestural controls for mobile UIs, and offers advice on effective implementation that avoids the gap in user familiarity.
Smashing Magazine
Brian Rinaldi recommends
HTML5 for the Mobile Web: Forms and Input Types — A look at new browser form controls and how they look, behave and are supported on various mobile browsers.
Ruadhán O'Donoghue
Sponsored
Build your gem of an app on our jewel of a server. Linode: Simple. Reliable. Powerful. Fast. — Create your ultimate app using the cloud’s fastest, most scalable, powerful and reliable SSD servers: Linode. Use promo code MOBILEWEB20 for a $20 credit.
linode

Peter Cooper recommends
Mobile 2.0 — Thoughts from a key industry pundit: “If in 2004 we had ‘Web 2.0’, now there’s a lot of ‘Mobile 2.0’ around. If Web 2.0 said ‘lots of people have broadband and modern browsers now’, Mobile 2.0 says ‘there are a billion people with high-end smartphones now’.”
Benedict Evans
Brian Rinaldi recommends
Tabris.js 2.0 Beta 1 Is Here — The first beta of the 2.0 release includes a new UI model, new page navigation widget and more.
Gosia Mitros
Holly Schinsky recommends
Service Workers and Caching From Other Origins — How to handle service workers and caching when crossing origins.
Filip Bruun Bech-Larsen
Chris Brandrick recommends
Manifoldjs Is Becoming PWA Builder
Jeff Burtoft
Holly Schinsky recommends
Apache Cordova Windows 5.0.0 — Cordova 5.0.0 for Windows has been released and includes a major change in resource-file behavior, WinMD + C++ based DLL support, a new buildFlag feature and more.
Apache Cordova
Za'e Johnson recommends
Build An Android Realtime Feed with Pusher
Esteban Herrera
Chris Brandrick recommends
5 Steps to Better Responsive Images — Tips for optimizing image size, adaptivity, delivery and workflow.
Zarema Khalilova
Holly Schinsky recommends
How To Create a WordPress Mobile App — The first in a series of posts on how to create a WordPress mobile app using the JSON REST api and the Ionic Framework.
modemlooper
Chris Brandrick recommends
How to Build Cross-Platform Mobile Apps using Nothing More Than A JSON Markup
Ethan
Brian Rinaldi recommends
Crosswalk 23 to Be The Last Crosswalk Release — The Crosswalk team at Intel has decided that the changing mobile ecosystem means that Crosswalk is no longer needed.
Crosswalk Project
Holly Schinsky recommends
contacts7v: Contacts Management Application — A sample contacts management app built with Framework7
Guillaume Biton
Holly Schinsky recommends
Aurelia Framework7: A Lightweight Mobile App Platform — A repo combining Aurelia, Framework7, Webpack and Cordova to provide a simple framework for building hybrid apps
Alexander Flenniken
Holly Schinsky recommends
5 Tricks to Make Your Ionic App Look Better — Tips and tricks to help you make your Ionic apps look their best.
Maddy Russell
Brian Rinaldi recommends
Use Visually Appealing Fancy Alerts In A NativeScript Angular Application — How to display “Fancy Alerts,” which are visually appealing alerts, within a NativeScript mobile app built with Angular.
Nic Raboy
Chris Brandrick recommends
Mobile Navigation: The Battle Between Content and Chrome — A look at three basic navigational patterns for mobile apps, and when best to use each one.
Nick Babich
Curated by Brian Rinaldi and Holly Schinsky for Cooperpress.
Cooperpress is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK
Update your email address
or stop receiving MWW here


by via Mobile Web Weekly

CSS Pseudo-classes: Styling Elements Based on Their Index

The following is an extract from our book, CSS Master, written by Tiffany B. Brown. Copies are sold in stores worldwide, or you can buy it in ebook form here. CSS also provides selectors for matching elements based on their position in the document subtree. These are known as child–indexed pseudo-classes, because they rely on […]

Continue reading %CSS Pseudo-classes: Styling Elements Based on Their Index%


by Tiffany Brown via SitePoint

A Taste Quest

A Taste Quest

Interactive Long-Form Journalism One Pager covering the fourth edition of the Golden Spoon Awards – who crown the best up-and-coming Vietnamese chefs. The long scrolling site starts with several lovely load transitions and a few subtle parallax scrolling elements while covering the event. Then follows with the most gorgeous interactive map that highlights areas as you scroll that correlate with the alongside text. Seriously impressive - including the floating cloud overlay as an added touch. I don't usually list Landing Pages with big header navigations (to other sections of a site) but letting this one in as it's on a subdomain and an outstanding reference to the Long-Form Journalism trend.

by Rob Hope via One Page Love

Kickstart Your iOS Career With These 6 Courses