Destination: Alaska

By Rick Berk, Digital Photography SchoolMarch 13, 2013 at 10:24AM

Wonder Lake is the furthest point in Denali National Park that the park bus system will reach.  It offers a spectacular view of the Alaska Range, when the weather is clear.

Wonder Lake is the furthest point in Denali National Park that the park bus system will reach. It offers a spectacular view of the Alaska Range, when the weather is clear.

Over the years, as I grew as a photographer, I wanted to expand my horizons and photograph exotic and epic places. Tops on my list was Alaska.  I wanted to photograph the grandeur of the Alaska Range, of Denali, and the beauty of the nature and wildlife.  I found Alaska to be full of beauty and opportunity, but at the same time, a difficult place to photograph.

The first challenge in photographing in Denali is the weather.  It is said that 80% of visitors to Denali National Park never see the mountain (known as Mount McKinley or Denali).  Denali (the mountain) generates its own weather pattern.  This was illustrated on my second visit there, when I camped at Wonder Lake for 4 days. I saw the mountain as I traveled in to the campsite on my first day, and saw it as I left the park on my way out on the 4th day.  The days in between, it was never seen again.

This view, captured from the Eilson Visitor's Center, is one of the iconic views as you approach Mount McKinley. The clouds surrounding the mountain illustrate the weather patterns around the mountain.  The dynamic range of the scene was huge- without using graduated neutral density filters, this image would not have been possible in one exposure. I used a 3-stop soft-edged ND grad. EOS 5D Mark II, EF 24-105f/4L IS.  1/500, f/8, ISO 200.

This view, captured from the Eilson Visitor’s Center, is one of the iconic views as you approach Mount McKinley. The clouds surrounding the mountain illustrate the weather patterns around the mountain. The dynamic range of the scene was huge- without using graduated neutral density filters, this image would not have been possible in one exposure. I used a 3-stop soft-edged ND grad. EOS 5D Mark II, EF 24-105f/4L IS. 1/500, f/8, ISO 200.

The next challenge I found in Denali National Park is the range of contrast in the landscape. Even late in the day, The range from the bright sky to the foreground was huge. I found graduated neutral density filters to be essential in helping to control the dynamic range of an image. Generally the mountains would be in bright light, while the foreground would be several stops darker.  A 3 stop or 4 stop ND grad was perfect for bringing the two closer together.

After spending all that money to get to this remote part of Alaska, I wasn’t about to let bad weather get in the way of my photography. As I mentioned, 80% of visitors to Denali don’t get to see the mountain.  The tallest peak in North America is obviously a major focal point when trying to photograph in Denali. When that’s taken away, it just means you have to work a little harder to find the shots. But Alaska is chock full of natural beauty, and there is no shortage of photos to be taken.

After two days of rain, we ventured onto the McKinley Bar Trail to hike to the McKinley River. The mountain was obscured by clouds, so I looked for other shots I could take.  This creek on the McKinly Bar Trail offered a nice opportunity. I composed the shot to eliminate as much sky as possible, due to the flat cloudiness of it.  EOS 5D Mark II, EF 17-40 f/4L @ 23mm.  1/250 at f/11, ISO 400.

After two days of rain, we ventured onto the McKinley Bar Trail to hike to the McKinley River. The mountain was obscured by clouds, so I looked for other shots I could take. This creek on the McKinly Bar Trail offered a nice opportunity. I composed the shot to eliminate as much sky as possible, due to the flat cloudiness of it. EOS 5D Mark II, EF 17-40 f/4L @ 23mm. 1/250 at f/11, ISO 400.

One of the best things I did in Alaska was get a different point of view.  Flightseeing tours are offered within the park.  I took one with Talkeetna Air Taxi, which is based at Kantishna Air Field, at the very end of the park road.  It was a 1 hour flight, bringing me as close to the mountains as I’d ever get.  You’re forced to shoot through the plane’s windows, but the reflections are pretty well controlled. I used a 5D Mark II and EF 24-105 f/4L lens for the entire flight. That gave me enough range to not have to change lenses during the flight. The cloud cover was already moving in on this day, but we got some dramatic shots of peaks poking through the clouds, glaciers making their way through mountain passes, and kettle ponds on the tundra reflecting blue skies.

This shot, taken from a plane at 10,000 feet, shows the kind of image possible on a flightseeing tour. 5D Mark II with 24-105 f/4L at 45mm. 1/1000, f/8, ISO 400.

This shot, taken from a plane at 10,000 feet, shows the kind of image possible on a flightseeing tour. 5D Mark II with 24-105 f/4L at 45mm. 1/1000, f/8, ISO 400.

The McKinley River flows through the tundra of Denali.  The silt deposited by the river changes its direction and creates these little strands. This shot was taken at 11,000 feet up. 5D Mark II, Ef 24-105 f/4L IS at 105mm. 1/500 at f/8, ISO 400.

The McKinley River flows through the tundra of Denali. The silt deposited by the river changes its direction and creates these little strands. This shot was taken at 11,000 feet up. 5D Mark II, Ef 24-105 f/4L IS at 105mm. 1/500 at f/8, ISO 400.

Wildlife is abundant in Denali, though you do have to get a bit lucky to see it.  The big five is moose, eagles, Dall sheep, bears, and caribou.  A long lens is a must.  To save weight in my bag, I used a 70-200mm f/2.8L IS II, with a 2x extender to give me an effective focal length of 400mm.  While we weren’t able to get close enough to any bears, we did get close to a wolf, Dall sheep, and a golden eagle that buzzed the bus we were on heading to our campsite. You’ll need to be ready as the wildlife doesn’t stay still for very long.  The bus drivers will stop whenever you ask as long as it’s safe, and you can hop off one bus and onto another if you decide to hike around some.

To view more of my Alaska images, visit my website at www.rickberk.com.

This Dall Sheep was lounging just above Polychrome Pass. Using a 70-200 with a 2x extender, I was able to get in close and get a nice portrait. 5D Mark II, EF 70-200 f/2.8L IS II w/2x extender. 1/1000 at f/4, ISO 200.

This Dall Sheep was lounging just above Polychrome Pass. Using a 70-200 with a 2x extender, I was able to get in close and get a nice portrait. 5D Mark II, EF 70-200 f/2.8L IS II w/2x extender. 1/1000 at f/4, ISO 200.

Post originally from: Digital Photography Tips.

Check out our more Photography Tips at Photography Tips for Beginners, Portrait Photography Tips and Wedding Photography Tips.

Destination: Alaska

Memoto lapel camera turns your life into one big photoblog

By Brian Heater, Engadget RSS FeedMarch 12, 2013 at 07:51PM

Memoto lifeblogging camera turns your life into one big photoblog

There likely aren’t too many people in the world crying for ways to exponentially increase the number of digital pictures in their collections, but Memoto’s hoping to help wearers rethink picture taking as they know it. The device, which is roughly the size of an SD card case, clips on a shirt collar, taking five-megapixel pictures every 30 seconds without prompting, running on a battery that’ll last around two days. The idea is to create a lifeblog — an encapsulation of what you did during a given day, told through still photos.

Those images are served up to the company’s proprietary software application, which uses an algorithm to group them into clusters. Visiting a user’s page presents a sampling of photos from throughout the day. From there, you can drill down into the clusters to see the group of shots taken 30 seconds apart. And, of course, there’s sharing on the thing, letting you post those images and groups to places like Twitter and Facebook.

Filed under:

Comments

Where to sit?

By Jason Kottke, kottke.orgMarch 12, 2013 at 06:12PM

Alex Cornell has constructed a handy infographic to help you decide where to sit at a restaurant or dinner party table.

7 Person Rectangle: It’s very easy to get screwed in this scenario. While it may appear like you can sit anywhere except the ends, this is not so. You are at risk of sitting next to the lonely end-seat, which requires you to speak soley to that person for the duration of the meal.

Tags: Alex Cornell   how to

TravelNerd Makes Getting to and Around Airports a Cinch

By Melanie Pinola, LifehackerMarch 12, 2013 at 02:00PM

TravelNerd Makes Getting to and Around Airports a CinchFinding parking or hailing taxis, looking for food, and finding baggage claim are just some of the hassles air travelers have to deal with. TravelNerd is a comprehensive site and an iOS app with all the information you need for getting to or from the airport and around inside it.

Select your airports and TravelNerd will show you detailed terminal maps, as well as restaurants, shops, airport lounges, and amenities such as Wi-Fi availability, family bathrooms, and ADA info for people with disabilities. If you need help with transportation, TravelNerd also provides a list of shuttle options and taxis with phone numbers, as well as public transportation information and nearby parking options.

The level of detail is great: You can filter restaurants by those that serve alcohol or are child-friendly, for example, get airport lounge hours, and access coupons for some companies (e.g., parking discounts).

TravelNerd is similar to the popular GateGuru Android and iOS app, but is a bit different, with the to/from transportation information and highlights for special travel needs. It also works on any mobile device or on your desktop. (GateGuru’s latest update also seems to have disappointed quite a few users.)

TravelNerd | via Tooz

I’ve Been Using Evernote All Wrong. Here’s Why It’s Actually Amazing

By Whitson Gordon, LifehackerMarch 12, 2013 at 11:00AM

I've Been Using Evernote All Wrong. Here's Why It's Actually AmazingFor years, I kept hearing how awesome Evernote was: how it could store everything you possibly needed, make it available everywhere, and how scores of people couldn’t live without it. I tried it multiple times, and never saw the appeal until now. Here’s what I was missing.

Any time we talk about Evernote, a good number of you say the same thing: you’ve tried it time and time again, but you could never really “get into it.” I was in the same camp, but after reading the other side’s experiences in this article and its comments, I decided to give it another shot. If you’re like I was and haven’t yet experienced the greatness of Evernote, here are some things you should try.

The More You Add, the More Useful Evernote Becomes

Let’s start with the most important trick: In order to see why everyone likes Evernote, it’s important to take advantage of everything it has to offer (rather than use it as just another note taker). Reader ppdd says it best:

The key to Evernote is to commit to it and jump in with both feet. It’s pretty rotten if you’re just using it for a few isolated tasks, because absolutely, it doesn’t do any one thing perfectly and it’s not as fast as other apps.

It really starts to show its brilliance once you start using it as your default bookmark/webclip app, notetaker, recipe box, repository of all your reference material, and so on. It’s great to have ALL the information you need indexed and searchable across every single platform you have. I love opening it up in a meeting and recording the meeting audio right along with my typed notes on my iPad. If I miss something (entirely possible while pecking things out on a glass screen) I can always return to it after the meeting.

So, if you want to give Evernote another shot, try putting everything in it that you want to hang onto. The more you add, the more useful Evernote becomes. Here are a few examples of what you could do.

Use the Web Clipper

I always thought Evernote’s web clipper extension was pointless. If I needed to reference articles for later, I’d just save them in my browser’s bookmarks folder or drag them to my desktop. However, that didn’t allow me to make notes on an article, or save it with other related notes on that project. Evernote solved that problem perfectly.

I've Been Using Evernote All Wrong. Here's Why It's Actually Amazing

Test Case: Buying a New Grill

I just moved into a new apartment, and I need to buy a new grill. After a bit of searching, I found a few I liked but wasn’t ready to buy. I used the Web Clipper to throw its product page into a note under a new notebook, entitled “Wish List.” Now when I come into some extra money, I can open up Evernote and see my top picks at the top of my “Wish List” notebook.

I've Been Using Evernote All Wrong. Here's Why It's Actually AmazingBonus tip: Evernote’s Web Clipper also integrates with Google. For example, let’s say I’m not quite done with my grill research, and I head back to Google later on to search for “gas grills.” When I do, any related Evernote clippings will show up in the right side of my search results to remind me which grills I already liked and saved. To turn on this feature, just open up Evernote’s options and check the box next to “Related Results.”

Don’t Be Afraid to Create Lots of Notes and Notebooks

I always tried to keep my notes to a minimum, so I didn’t get buried under an endless amount of notes that I could never filter through. Evernote is better than this, though: it manages a multitude of notes easily thanks to notebooks, tags, and note links (see below). I found that most of my “notes” should have, in fact, been “notebooks,” allowing me to store larger volumes of information with better organization.

I've Been Using Evernote All Wrong. Here's Why It's Actually Amazing

Test Case: Troubleshooting a Finicky PC

I have a home server that I love, but always seems to give me problems, so it’s a “work in progress.” Back in the day, I used to keep track of this project in one note, jotting down lines from log files, troubleshooting commands I wanted to run, links to research I wanted to do, and more, all jumbled together in one big block of text. Even with some subheadings and formatting, it was still very difficult to navigate.

Now, I have an entire notebook dedicated to my home server. Right now, it has three notes:

  1. Some sections of my server’s log, containing all the information I need to troubleshoot my most recent problem
  2. A web clipping from an article on the best VPN providers, since I’m installing a VPN on my home server
  3. A web clipping on how to install OpenVPN on my home server, since I don’t remember how to do it by heart
  4. A web clipping on setting file permissions, since I need to give my girlfriend access to my server’s files

Because I saved each article with the Web Clipper, I have the entire text of the article and the source link right there, plus any highlights and notes I’ve made in each. This is light years better for me than just pasting the links to each article, or trying to write everything down myself into one giant note. Plus, by creating an entire notebook, each note functions as an item in a to-do list, which makes finishing the project much easier.

The bottom line: Don’t be afraid to create a ton of different notebooks and a ton of different notes. Evernote equips you with the ability to easily handle thousands of notes, and what seems overwhelming will soon feel like the best organizational scheme you’ve ever had.

Bonus Tip: Create a notebook called _INBOX, right-click on it, and make it your default notebook. That way, any new notes you send to Evernote show up in this inbox, at the top of your list of notebooks, ready for you to funnel into one of your other notebooks.

Sift Through Notes with Saved Searches and Tags

Using tags always felt like a waste of time to me: tagging every note seemed like a chore, and serves the same purpose that filing notes into notebooks does. However, tags can be useful if you have notes that you think could fit into multiple notebooks—or are on the same subject—without getting overwhelming. You don’t need to tag every note you have, and you only need a few really important ones. It basically makes your archive easier to search through with Evernote’s advanced search operators. You can even then save those searches by clicking the little arrow next to the search bar, and pressing the magnifying glass.

I've Been Using Evernote All Wrong. Here's Why It's Actually Amazing

Test Case: Filter Out Family Members

Our own Walter Glenn uses tags, albeit sparingly, to keep track of things across multiple notebooks. Both he and weblog Nerd Gap, for example, recommend creating a tag for each member of your family. That way, if you have notes across different notebooks that apply to someone besides you, it’s easy to find them through a simple search. Nerd Gap explains:

I have tags for both of my kids and my wife. When I look up my son’s tag, I get everything from pictures he’s drawn for me to the results of his last check-up with the doctor.

I've Been Using Evernote All Wrong. Here's Why It's Actually AmazingYou could also create tags for work (if your work likely spans multiple notebooks, and you want to filter out work-related notes after 5pm), to do items (since your to dos will span different notebooks), and so on. You can then save more complex searches related to those tags—say, tag:todo created:week-1 for to do items created in the last week—and access them with one click in your sidebar.

Again, don’t go overboard—Walter notes that tags are only really useful if you have a few that you really remember and use—but they can be a godsend once you start amassing thousands of notes. Check out Nerd Gap’s introduction to tags and search for more ideas on how to use these features.

Use Note Links to Jump Between Related Stuff

Once you have more notes and notebooks than you know what to do with, Evernote can linking everything together so you don’t have to search high and low for contextual information.

Right-click on one of your notes and choose “Copy Note Link.” Then, paste that link into another note for quick access later.

I've Been Using Evernote All Wrong. Here's Why It's Actually Amazing

Test Case: Researching This Article

When I write a long article (like this one), I create a notebook for that article. Then, I create a text note with a basic outline of how I want the article to look, with all its subheadings. As I research, I clip all relevant web articles to that notebook, highlighting all the important parts and cutting out the irrelevant stuff. Then, I’ll copy each note’s individual link, paste it in the article outline, and I’ll have a general skeleton of what that article’s going to look like, using just the stuff I’ve saved in Evernote.

Walter notes that often, if he has a ton of notes in a notebook, he’ll just create a “Table of Contents” note at the top, where he can dump links to all the notes in that notebook, organized however he sees fit. This can be particularly helpful if Evernote’s sorting options don’t really fit your needs.

I've Been Using Evernote All Wrong. Here's Why It's Actually AmazingBonus Tip: You can also drag any note to Evernote’s toolbar to quickly access the ones you use every day. That way, your most used notes are always one click away. For example, I have a note entitled “Post Ideas” that I access throughout the day, so I’ve added a button to my toolbar so no matter where I am inside Evernote, I can get to it right away.

Other Things You Can Put In Evernote

We’ve talked a little bit about what you can store in Evernote, and I’ve given some examples above. But again: the more you put in, the more useful it becomes. Anything you need to save, put it in Evernote and see how it works. For example, you could use it to store:

…and of course, anything else you can possibly think of.

Is this approach for everyone? Of course not. In fact, our own former Editor Adam Pash found the “everything bucket” model too limiting for him (and he he advocates Simplenote instead). Like most things, it depends on the kind of work you do and how your brain wants to organize that information. Sometimes, you just need a simple app with a bunch of text notes. Evernote can do that if you want—that’s part of its beauty—but it isn’t what makes Evernote special. If you’ve tried it over and over again and can’t understand what the fuss is all about, focus its more specific features like notebooks, note links, and the web clipper. You might finally find the organizational nirvana you’ve been looking for.

Adapting To The Ink: Tips And Tricks For Print Style Sheets

By Dudley Storey, Smashing Magazine FeedMarch 08, 2013 at 07:14AM


  

Print continues to be treated somewhat cursorily by most Web designers, who tend to be obsessed with pixels rather than printers. In the real world, a significant portion of people rely on pages printed from websites for reference: there’s still something about having a physical sheet of paper in one’s hands, even in this age of digital saturation.

Web developers can take several steps to bridge the gap between the worlds of printers and LCD screens:

  • Treat print as an equal partner in adaptive and responsive design.
  • Print background images and colors, where appropriate.
  • Add visible URLs or scannable links for easy reference from the printed page.
  • Use CSS filters to improve the result of printed graphics.

Design For Print, Not Screen

First, let’s cover the basics. Modern print style sheets are typically placed within a media query:

@media print {

}

Recreating the entire CSS for your website is not necessary because the default styles will, on the whole, be inherited by the print query; only the differences need to be defined. Most browsers will automatically reverse colors when printing in order to save toner, but this won’t have the same degree of quality as a handcrafted solution. For best results, make color changes explicit. At the very least, a basic print media query should consist of the following:

@media print {
   body {
      color: #000;
      background: #fff;
   }
}

While display: none has rightly been derided in responsive design, it is entirely appropriate for print style sheets: in most cases, our goal is not to recreate a screenshot of an entire page, but to provide a concise, well-designed print version of it. As a second step, eliminate page elements that are simply irrelevant in print, including navigation bars and background images.

/* Default styles */

h1 {
   color: #fff;
   background: url(banner.jpg);
}

@media print {
   h1 {
      color: #000;
      background: none;
   }

   nav, aside {
      display: none;
   }
}

Writing a print style sheet is one of the few times when you’ll ever use centimeters or inches in CSS. Largely irrelevant to screens, real-world measuring systems become very useful in print. To ensure that you are using the printed page effectively, write CSS to display your content edge to edge, negating any margins or padding that may be present, and balance this with an @page rule:

@media print {
   h1 {
      color: #000;
      background: none;
   }

   nav, aside {
      display: none;
   }

   body, article {
      width: 100%;
      margin: 0;
      padding: 0;
   }

   @page {
      margin: 2cm;
   }
}

For content to which users can be expected to add handwritten notes on the page, such as educational material, you might consider increasing the print margin.

We also need to ensure that content is not broken across pages when printed. One obvious step is to prevent headings from being printed at the bottom of the page:

h2, h3 {
   page-break-after: avoid;
}

Another rule will prevent images from bleeding over the edge of the printed page:

img {
   max-width: 100% !important;
}

A third will ensure that articles always start on a fresh page:

article {
   page-break-before: always;
}

Finally, we can prevent large elements, such as unordered lists and images, from being split across multiple pages.

ul, img {
   page-break-inside: avoid;
}

While these declarations are not exhaustive, they’re a good start.

Force Background Images And Colors

On some websites, such as portfolios, background images and colors are an important visual component. If the user is printing from a WebKit browser (Google’s Chrome or Apple’s Safari), we can force the printer to render the colors as seen on screen (i.e. force any background images and colors to appear on the printed page). Generally speaking, we would do this for color printers, which we can test for in a separate media query:

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}

Sadly, there is (as yet) no immediate equivalent in Firefox, Opera or Internet Explorer.

Expand External Links For Print

We can’t (yet) directly interface with a printed page to explore links, so link URLs should be visible on the printed version of the Web page. To keep the page relatively clean, I prefer to expand only outbound links in articles, and suppress internal ones. If you’ve used relative URLs on your website for local links, you can easily do this through an attribute selector and :after pseudo=classes, thus preventing internal links and links around images from being printed:

@media print {
   article a {
      font-weight: bolder;
      text-decoration: none;
   }

   article a[href^=http]:after {
      content:" <" attr(href) "> ";
   }
}

Take the following HTML code and content:

<p>You’ve explored this <a href="/blog">website</a>; now it’s time to <a href="https://www.webplatform.org/">read other Web development documentation</a>.</p>

Here is the printed result:

Screen Shot 2013-01-13 at 8.58.10 PM

One issue is that anchor links and links around images will also be expanded on the printed page. We can fix the anchor links fairly readily with a countermanding CSS rule:

article a[href^="#"]:after {
   content: "";
}

Links around images are rather more difficult, because CSS does not currently allow for the selection of an element based on its children. Ideally, links around images would have a class that we could target via CSS. Longer term, CSS4 features a parent selector that will do the job:

$a:after > img {
   content: "";
}

CSS4 will also make expanding external links easier:

a:not(:local-link):after {
   content:" <" attr(href) "> ";
}

All of these approaches assume that users will continue to type in URLs by hand. A better solution is to make the digital version of the page easier to access by providing a matching QR code.

Print QR Codes For Easy URL References

Often regarded as an advertising eyesore, QR codes have their place in certain circumstances. One obvious example is providing an easily-scanned sigil on a printed Web page that enables the user to return to the live version without having to type the URL.

Web page printed with a self-referential QR code
Web page printed with a self-referential QR code. Larger view.

To create the matching QR code, we’ll use Google’s Chart API, which has four required components:

  • The kind of chart information we want Google to deliver (qr, in our case);
  • The rendered size of the QR sigil, in pixels;
  • The URL to encode;
  • The form of character encoding to use.

We’d typically associate the URL with a heading element at the top of the page:

<header>
<h1>Lizabeth’s Salon</h1>
<h2>Providing Intellectual Stimulation Online Since 2001</h1>
</header>

To create the printed result, we’ll provide a margin on the right side of the h1 that is large enough for the heading, and then position a QR code in that area:

header h1 {
   margin-right: 200px;
   margin-bottom: 2rem;
   line-height: 1.5;
}

Because the QR code will be unique to each page, this would be added as an embedded style sheet:

@media print {
   header h1:after {
      content: url(https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=https://yourdomain.com&choe=UTF-8);
      position: absolute;
      right: 0;
      top: 0;
   }
}

This approach has the downside of forcing the developer to enter a URL individually for each page into the API code. If your Web host is running PHP, you can provide the URL of the current page automatically:

@media print {
   h1:after {
      content: url(https://chart.googleapis.com/chart?cht=qr&chs=150x150
&chl=https://<?=$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];?>
&choe=UTF-8);
      position: absolute;
      right: 0;
      top: 0;
   }
}

For WordPress:

@media print {
   h1:after {
      content: url(https://chart.googleapis.com/chart?cht=qr&chs=150x150
&chl=https://<?phpthe_permalink();?>&choe=UTF-8);
      position: absolute;
      right: 0;
      top: 0;
   }
}

Obviously, both of the solutions above will only work on PHP and WordPress pages.

Use CSS3 Filters To Improve Print Quality

Browsers often have issues with printing out banner images, especially if the banners are white against a dark background:

Logo as a solid image Printed result
logo-black-background logo-black-background-printed
Logo as an alpha-masked PNG Printed result
logo-black-background logo-transperant-printed

In theory, you could use a CSS sprite to switch between different versions of the logo for print, but that would mean doubling the file size for potentially little benefit. Instead, I recommend using CSS filters (and their SVG equivalent, for Firefox) to invert the image just before it hits the printed page:

@media print {
   header {
      background: none;
      color: #000;
   }

   header img {
      filter: url(inverse.svg#negative);
      -webkit-filter: invert(100%);
      filter: invert(100%);
   }
}

CSS3 filters do what you’d expect — invert the colors in header images, turning black to white and vice versa — but they only work in Chrome and Safari. To cover Firefox, we need a different approach — the equivalent filter written as a separate SVG file:

<svg xmlns="https://www.w3.org/2000/svg">
<filter id="negative">
<feColorMatrix values="-1 0 0 0 1
0 -1 0 0 1
0 0 -1 0 1
0 0 0 1 0" />
</filter>
</svg>

The workings of the feColorMatrix SVG filter are a little complex to cover here. Much more information can be found in the article “Applying Color Tints to Web Pages With SVG Filters and JavaScript on Dev.Opera.

The result of printing either form of logo (i.e. alpha-masked PNG or solid-black background) is now this:

logo-inverted-printed

Conclusion

Due in part to the fact that printer use is not tracked by website analytics software and, thus, lacks strong metrics (although achieving this is possible, too, which we may discuss in a future article), print tends to be broadly ignored by Web developers. This is somewhat understandable, because most of the time we only read and browse pages online. As a result, developers tend to develop websites for the screens and devices in front of them, rather than for the printer at the other end of the office.

On the other hand, even if people only occasionally need to print something from the Web, it would be ideal if the page design adapted to the printer, just as modern websites adapt to various screen sizes and devices. Print should be considered another aspect of adaptive design, usability and accessibility, and an equally important part of Web development.

By treating print as another aspect of adaptive design, we fulfill the needs of more website users — and at the same time, save ink, paper and other resources, all of which are important aspects of sustainable design.

More Resources

A List Apart has a long and laudable history of supporting print style sheets through its articles and tutorials. While some of the following resources are now fairly old, they remain relevant to anyone who wishes to explore print as an equal partner in Web design.

Source of image on front page: Bottlerocket Creative.

(al)


© Dudley Storey for Smashing Magazine, 2013.

Universal Belay Device

By Kurt Sturm, University of Utah Technology Commercialization Office, iBridge Network InnovationsMarch 06, 2013 at 12:13AM

Invention
Summary

 

This is
the FIRST belay device that can be easily switched between a frictional mode and
auto-locking mode.  Switching
between the two modes can be done anytime without removing the ropes or
unclipping the device from the belayer’s harness. This means switching can occur
at any time without sacrificing safety. The universal belay device can also
handle single or double ropes of all commercially available diameters.  In frictional mode only a small force of
15-30 lbs is required to stop or “catch” a climber’s fall, while auto-locking
mode allows the device to be operated “hands-free” and immediately arrests a
climbers fall.  This technology is
available to license.

 

Features &
Benefits

 

·        
Switches between auto
locking and frictional modes without removing the rope or detaching from the
harness.

·        
Accommodates one or two
ropes.

·        
Use with
all rope diameters.

·        
The switch
can occur at any time.

·        
The device is safe for climbers making
the switch.

 

Market
Opportunity

 

Current
devices operate either in frictional mode or auto-locking mode. No device has
the capability to switch between the two options. This device can operate using
one or two ropes giving the climber options to choose
from.

 

The
Outdoor Industry Association (OIA) reports that over 9 million Americans
participated in recreational climbing last year. Military and search and rescue
teams are steady users and buyers of climbing and rappelling
equipment.

 

Intellectual Property

 

Two US
patents (No. 7,757,812, 8,316,989) has been issued from the US Patent and
Trademark Office.

 

Inventors

 

Dr. Eberhard Bamberg,
Ph.D., Dept. of Mechanical Engineering, University of Utah

 

Nathanial Young,
Department of Mechanical Engineering, University of Utah

 

This new technology
is available on an exclusive or nonexclusive basis.

 

 

Supercharge Your Pocket Experience With These IFTTT Recipes

By Nancy Messieh, MakeUseOfMarch 05, 2013 at 10:31PM

ifttt recipesBetween the two of them, Pocket and IFTTT are excellent services that do their part in making their users more productive. Pocket gives users a one-stop shop to access all of the content – articles, videos and more – that they want to save for later viewing.

Combine that with IFTTT, the ultimate automating service, and you have the ultimate way to automatically save content to your Pocket account, easy ways to share that content with others, and no limits to the kinds of content you can save to Pocket. IFTTT can also be used to keep up with new freebies, to automate your online interactions, and much more. With both of them extremely versatile tools, you can come up with a variety of interesting recipes that put Pocket to proper use. We’ve listed a few of our favourite recipes that we think will supercharge your Pocket use.

If you’re still getting the hang of IFTTT, be sure to check out our guide here.

Automatically Tweet Your Pocket Favourites

As your working your way through your Pocket reading list, if you want to get a certain flow going as you work, there’s one way you can tweet out interesting articles as you finish them without interrupting that workflow. Rather than manually tweet out the articles that you want to share with your Twitter followers, with this ifttt recipe, you can automatically tweet any articles you mark as your favourites in Pocket.

ifttt recipes

While Pocket does provide an easy tweet button to access, this method is far more fluid and will probably let you get through more articles in a shorter amount of time.

Save Pocket Favourites To Your Tumblr Blog

Let’s say you want to recommend your Pocket favourites to more than just your Twitter followers? If you want a page that’s all your own – filled only with recommended links for people to read – you could always send your Pocket favourites to a Tumblr blog using this recipe.

ifttt recipe ideas

When adding a story to your favourites, Tumblr is one of the best automated options since you can choose to create a link post. Your Tumblr blog could then become a unique recommended reads site accessible to anyone who has the link.

The recipe, as is, shares the title and link, but you could also choose to add an excerpt if you want.

Send links From Your Twitter Favourites To Pocket

While Twitter pulled the plug on its IFTTT integration, there are still some workarounds that people have come up with that allow you to still take advantage of that connection. This recipe sends links in your Twitter favourites to your Pocket account.

To use this recipe, all you have to do is paste the following in the RSS field, replacing ‘username’ with your Twitter username:

“https://api.twitter.com/1/favorites/username.rss”

ifttt recipe ideas

Save New Posts From A Site To Pocket

If there’s a specific site you know you don’t want to miss out on any of their posts, you can create a site-specific recipe that will be triggered each time its RSS feed is updated. We’ve created a recipe that does just that for the MakeUseOf site – so that all articles from the blog will end up in your reading queue.

You can replace the MakeUseOf RSS feed with any site of your choice, but we’d certainly encourage you to include MakeUseOf in your Pocket reads!

ifttt recipe ideas

Save Videos To Watch On Pocket

While Pocket is all about saving articles to read for later, there’s no reason you can’t use it for a bit of light entertainment as well. With these two recipes – one for Vimeo and one for YouTube – you can save videos to watch later by sending them to Pocket. Both recipes use the same triggers – simply mark the videos on the video sharing site to watch later – and they’ll automatically end up in your Pocket queue.

ifttt recipes

The cool thing about using these kinds of recipes is that you can create a playlist of sorts for yourself from both YouTube and Vimeo, and watch them all in one place.

Send Pocket Items To Your Kindle

If you want to save Pocket articles to your Kindle, you can use this recipe which takes advantage of the Kindle-Instapaper connection. This recipe works by sending your archived (or marked read) Pocket items to your Instapaper account. In order for the article to make it all the way onto your Kindle, you have to have the Kindle-Instapaper connection set up. You can do this by going to the Kindle page in your Instapaper account.

What are your favourite Pocket-related IFTTT recipes? Share them with us in the comments.

The post Supercharge Your Pocket Experience With These IFTTT Recipes appeared first on MakeUseOf.