All posts by Sean

Web Development, Visual Design, Accessibility, User Experience, Technology Evangelism, Leadership, Cooking, Geek Culture, Being Awesome. And Ninjas.

M3talinks For 10/31/2012

  • One of my personal favorites among the new features that Windows 7 came with was the introduction of some awesome and long awaited keyboard shortcuts. I personally use them as much as I can to save time, and I recommend the practice of using keyboard shortcuts to others too.

    This article talks about 15 really cool keyboards shortcuts that are specific to Windows 7. I can bet that you don’t know all of them. Check them out, some of them will surprise you for sure.

    tags: Keyboard shortcuts windows7

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 10/30/2012

  • tags: css3 javascript 3d chemistry

  • Move over Abba, Sweden has found new fame. The small Nordic country is breaking records — in waste. Sweden’s program of generating energy from garbage is wildly successful, but recently its success has also generated a surprising issue: There is simply not enough trash.

    Only 4 percent of Swedish garbage ends up in a landfill, according to Swedish Waste Management. Due to its efficiency in converting waste to renewable energy, Sweden has recently begun importing around 800,000 tons of trash annually from other countries.

    tags: environment alternative_energy NPR trash

Posted from Diigo. The rest of my favorite links are here.


Learning About CSS Sprites

CSS Sprites are a method of improving web site performance borrowing an image optimization technique from video games – the sprite. This technique was ported to web development around 2003 and a decade later its still a strong practice to be using. Using sprites on your website requires a few steps, from building your sprite image to using it in your style sheet.

One of the key advantages of CSS sprites is that it replaces image slices and javascript, still providing the benefit, but requires just CSS. If you want to get started with CCS sprites, here where I suggest you begin:


And a neat tool for finding x-y coordinates on a CSS sprite image


Javascript Internationalization

Websites are available to the world…but that won’t matter if your audience can’t read your message. I’m spending some time looking at tools for javascript internationalization, commonly referred to as i18n (because 18 characters are replaced).

If you haven’t heard of this issue, check out the Wikipedia article.

If you’re not sure how complicated the issue is, here’s a list of the pluralization rules for different languages.

If you’re a coder, here’s what you need to know, at a minimum

If you like stackoverflow, here’s what they’re discussion on the issue.

Here are the tools I’m currently looking at – after sifting through a dozen or so options:

  • Javascript gettext
    simple, based on GNU gettext, which is the classic pattern
    about 3 years old
  • Jed
    “Gettext Style i18n for Modern JavaScript Apps”
    Made by a coder of Modernizr
    Doesn’t graceful handle a missing translation as per StackOverflow 
  • JavaScript Internationalisation
    A bit old, but still interesting pattern. Very readable code using a “_” function
    Checking in with author if he’s still using the pattern
  • i18next
    Looks like this approaches complete
    Uses JSON resource files
  • i18njs
    Works with Rails translations
  • jsperanto
    requires JQuery
    Similar to Rails
    better featured than other jquery options

Other links:


M3talinks For 10/14/2012

  • “While XBMC functions very well as a standard media player application for your computer, it has been designed to be the perfect companion for your HTPC. Supporting an almost endless range of remote controls, and combined with its beautiful interface and powerful skinning engine, XBMC feels very natural to use from the couch and is the ideal solution for your home theater.”

    tags: XBMC player media htpc

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 10/11/2012

  • “It’s showtime in a terminal near you! Put on your best colours, resize to 80 columns, and let your fingers fly!

    Termshows are purely text based. This makes them ideal for demoing instructions (as the user can copy-paste), making fail-safe “live-coding” sessions (plain text is very scalable), and sharing all your l33t terminal hacks.

    Installation instructions have been showtermed for your enjoyment :)”

    tags: screencast terminal demo commandline awesome

  • Instead of counting the hours you work, judge your success by the results you produce. Did you clear a backlog of customer orders? Did you come up with a new idea to solve a tricky problem? Did you write a first draft of an article that is due next week? Clearly, these accomplishments – not the hours that you log – are what ultimately drive your organization’s success.

    Many of your results-oriented strategies will be specific to your job and your company, but here are a few general ways that professionals across all industries can improve their efficiency.

    tags: nyt measure results efficiency productivity

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 10/10/2012

  • “To celebrate our 150th issue, we present this special collection: 150 fabulous, classic recipes from around the world; recipes that speak to the timelessness and scope that are the essence of SAVEUR. Twenty-five of these recipes have appeared in previous issues in our Classic column, and it’s a rare pleasure to revisit these moments past. But the lion’s share came to use from some of our most trusted contributors, a group as eclectic as the foods themselves. We’re certain that when you see these recipes, you’ll want to start cooking right away. Because you, too, experience the world food first. As SAVEUR evolves—as we all evolve as cooks and lovers of good food—that fundamental truth remains.

    tags: recipes

Posted from Diigo. The rest of my favorite links are here.

M3talinks For 10/07/2012

  • “Are you a print designer, photographer, fine-artist, or general creative person? Do you have a shitty website that you slapped together yourself in Dreamweaver in that ONE web design class that you took in college? Do you not have a site at all because you’ve been waiting two years for your cousin to put it together for you? Well, we’re here to help. We know that you have little to no desire to do web design professionally, but that doesn’t mean that you want an ugly cookie-cutter site or to settle for one that hasn’t been updated since Hackers was in theaters. Through short tutorial videos, you’ll learn how to take a basic wordpress blog and manipulate the css, html (and even some php!) to match your aesthetic. You’ll feel empowered rather than crippled by the internet and worst case scenario you’ll at least end up having a better idea of how professional web designers turn your design dreams into a reality on screen.”

    tags: html css webdesign tutorial

  • “Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

    They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.”

    tags: design webdesign templates

Posted from Diigo. The rest of my favorite links are here.