WAI Site Usability Testing Questions

WAI Site Usability Testing Questions: "The homepage is attractive.
The overall site is attractive.
The site's graphics are pleasing.
The site has a good balance of graphics versus text.
The colors used throughout the site are attractive.
The typography (lettering, headings, titles) is attractive.
The homepage's content makes me want to explore the site further.
It is easy to find my way around the site.
I can get to information quickly."

'via Blog this'

WAI Site Usability Testing Questions

WAI Site Usability Testing Questions: "Do you ever research issues related to Web accessibility for people with disabilities? (If no: skip to 11)
What resources do you use to learn about Web accessibility? (Probe: Web sites, books, classes)
(May not need to ask) What Web sites do you use to learn about Web accessibility?
How often do you use them?
What do you like about each of the Web sites?
What do you dislike about each of the Web sites?
What types of Web accessibility information do you look for on the Internet?
What are the last three Web accessibility topics or questions you researched on the Internet?
What drives your interest in Web accessibility?
How long have you been involved in Web accessibility?
Do any of the authoring tools you use have features to help make your Web sites accessible?
How long have you been involved in Web development or management?
If you were to envision your ideal Web accessibility Web site, what sorts of information would it contain? What would it look and act like? How would it be organized?"

'via Blog this'

question: B.Tullis.08 : Human-Computer Interaction Bibliography Search

question: B.Tullis.08 : Human-Computer Interaction Bibliography Search: "Measuring the User Experience : Collecting, Analyzing, and Presenting Usability Metrics / Tullis, Tom / Albert, Bill 2008 p.317 Morgan Kaufmann Publishers
ISBN: 0-12-373558-0 978-0-12-373558-4
Companion Website
Detailed Table of Contents
1. Introduction
2. Background
3. Planning a Usability Study
4. Performance Metrics
5. Issues-Based Metrics
6. Self-Reported Metrics
7. Behavioral and Physiological Metrics
8. Combined and Comparative Metrics
9. Special Topics
10. Case Studies
10.1 Redesigning a Website Cheaply and Quickly
+ Loranger, Hoa
10.2 Usability Evaluation of a Speech Recognition IVR
+ Lewis, James R.
10.3 Redesign of the CDC.gov Website
+ Bailey, Robert
+ Wolfson, Cari
+ Nall, Janice
10.4 Usability Benchmarking Case Study: Mobile Music and Video
+ Weiss, Scott
+ Whitby, Chris
10.5 Measuring the Effects of Drug Label Design and Similarity on Pharmacists' Performance
+ Bojko, Agnieszka (Aga)
10.6 Making Metrics Matter
+ Zazelenchuk, Todd
11. Moving Forward"

'via Blog this'

User Interface Usability Evaluation with Web-Based Questionnaires

User Interface Usability Evaluation with Web-Based Questionnaires: "Questionnaires have long been used to evaluate user interfaces (Root & Draper, 1983). Questionnaires have also long been used in electronic form (Perlman, 1985). For a handful of questionnaires specifically designed to assess aspects of usability, the validity and/or reliability have been established, including some in the following table, some of which are discussed in Chapter 6 of Tullis & Albert, 2008.

Acronym Instrument Reference Institution Example
QUIS Questionnaire for User Interface Satisfaction Chin et al, 1988 Maryland 27 questions
PUEU Perceived Usefulness and Ease of Use Davis, 1989 IBM 12 questions
NAU Nielsen's Attributes of Usability Nielsen, 1993 Bellcore 5 attributes
NHE Nielsen's Heuristic Evaluation Nielsen, 1993 Bellcore 10 heuristics
CSUQ Computer System Usability Questionnaire Lewis, 1995 IBM 19 questions
ASQ After Scenario Questionnaire Lewis, 1995 IBM 3 questions
PHUE Practical Heuristics for Usability Evaluation Perlman, 1997 OSU 13 heuristics
PUTQ Purdue Usability Testing Questionnaire Lin et al, 1997 Purdue 100 questions
USE USE Questionnaire"

'via Blog this'

Doing more with the Django admin

Doing more with the Django admin: "
from django.contrib import admin
from more_with_admin.examples import models

class DocumentAdmin(admin.ModelAdmin):
pass

class CommentAdmin(admin.ModelAdmin):
pass

admin.site.register(models.Document, DocumentAdmin)
admin.site.register(models.Comment, CommentAdmin)
"

'via Blog this'

Bytes Matter - The Art Of Delightful Software

Bytes Matter - The Art Of Delightful Software: "I love to profile applications, because I always learn something that surprises me.

Initial Profiler Surprise: Client Side
Case in point, I was recently profiling our Android application, the Famigo Sandbox. This app sends a lot of data back and forth with our API, as we try to determine which of the apps on your phone are safe for your kids. I always assumed that, if app performance suffered during some of the chattier features, it was probably due to slow cell reception."

'via Blog this'

The Evolution of Programming [Infographic]

The Evolution of Programming [Infographic]:

'via Blog this'

Making a Fast Website - Scirra.com

Making a Fast Website - Scirra.com: "Jakob Nielsen is an authority on usability and has studied response times extensively. He notes that response times of:

Up to 100 milliseconds is perceived as instantaneous response
Up to 1 second will be noticed by the user but their thought flow will remain uninterrupted.
Over 10 seconds is also mentioned but this shouldn’t be applicable to normal websites which is the focus of this blog. If your site takes longer than 10 seconds to load something is probably critically wrong!"

'via Blog this'

Control Your Development Environment And Never Burn Another Hamburger « Rails Test Prescriptions Blog

Control Your Development Environment And Never Burn Another Hamburger « Rails Test Prescriptions Blog: "The name of the game in being an expert developer is reducing cognitive load.

Try and list all the things you need to keep in your head to get through your day. Think about all the parts of that you could offload onto your environment, so that you can see them at a glance, like the short order cook, and not have to check. What are the repetitive tasks that you do that can be made easier by your environment? What can you do so that your attention and short-term memory, which are precious and limited, are focused on the important parts of your problem, and not on remembering the exact syntax of some git command."

'via Blog this'

#23: Moving admin.site.register to admin.py so shell works by jtatum for p2pu/lernanta - Pull Request - GitHub

#23: Moving admin.site.register to admin.py so shell works by jtatum for p2pu/lernanta - Pull Request - GitHub: "When using autodiscover(), admin calls should be in admin.py. This is referenced in the django docs under http://docs.djangoproject.com/en/dev/ref/contrib/admin/. This change allows models to be imported in the shell, which is really handy for debugging."

'via Blog this'

NatureInstruct - Dendroica Canada : Guest Version

NatureInstruct - Dendroica Canada : Guest Version: "Song: Advertising calls consist of a rapidly repeated call and song, both given in flight. Call consists of single, low frequency humming pulses. Song a combination of wheezy "gwarrr-gwarrr-gwarrr" and high twittering whinnies.
Sound: Bill Evans; 1989 Apr; USA, Florida; Adult; Call;"

'via Blog this'

JavaScript Object Literal

JavaScript Object Literal: "What is an object literal? In nontechnical terms, it is a means of containing a lot of data in one tidy package. It is a comma separated list of name value pairs wrapped in curly braces. In JavaScript an object literal is declared or defined as follows:

var myObject = {}
An object literal with a few properties, from a Rotating Images example:

var myRotator = {
path: 'images/',
speed: 4500,
images: ["smile.gif", "grim.gif", "frown.gif", "bomb.gif"]
}"

'via Blog this'

datetime - How do I output an ISO-8601 formatted string in Javascript? - Stack Overflow

datetime - How do I output an ISO-8601 formatted string in Javascript? - Stack Overflow: "Last example on page: https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference:Global_Objects:Date

/* use a function for the exact format desired... */
function ISODateString(d){
 function pad(n){return n<10 ? '0'+n : n}
 return d.getUTCFullYear()+'-'
      + pad(d.getUTCMonth()+1)+'-'
      + pad(d.getUTCDate())+'T'
      + pad(d.getUTCHours())+':'
      + pad(d.getUTCMinutes())+':'
      + pad(d.getUTCSeconds())+'Z'}

var d = new Date();
print(ISODateString(d)); // prints something like 2009-09-28T19:03:12Z"

'via Blog this'

zerofill - How can I create a Zerofilled value using JavaScript? - Stack Overflow

zerofill - How can I create a Zerofilled value using JavaScript? - Stack Overflow: "function zeroFill( number, width )
{
  width -= number.toString().length;
  if ( width > 0 )
  {
    return new Array( width + (/\./.test( number ) ? 2 : 1) ).join( '0' ) + number;
  }
  return number;
}"

'via Blog this'

JavaScript Object Literal

JavaScript Object Literal: "What is an object literal? In nontechnical terms, it is a means of containing a lot of data in one tidy package. It is a comma separated list of name value pairs wrapped in curly braces. In JavaScript an object literal is declared or defined as follows:

var myObject = {}
An object literal with a few properties, from a Rotating Images example:

var myRotator = {
path: 'images/',
speed: 4500,
images: ["smile.gif", "grim.gif", "frown.gif", "bomb.gif"]
}
Object literals are used as a means of encapsulating data, avoiding the use of global variables which can cause problems when combining code.

"

'via Blog this'

CSS Transparency Settings for All Browsers | CSS-Tricks

CSS Transparency Settings for All Browsers | CSS-Tricks: "Transparency is one of those CSS properties that has a weird history and requires lots of different properties and values to ensure cross browser compatibility that goes back as far as you can. To cover all your bases, you need a bunch of CSS statements. Fortunately they don't interfere with each other, so using them all every time you wish to add transparency is no big hassle and worry-free. Here they are, and are currently set to 50% transparency:"

'via Blog this'

html - how to set anchor tag text width using css? - Stack Overflow

html - how to set anchor tag text width using css? - Stack Overflow: "Style the anchor and remove the span.

(The problem is due to how some browsers handle elements that are display: block inside elements that are display: inline. You can work around it by styling both the anchor and the span, but the span appears redundant in this example)"

'via Blog this'

CSS Cheat Sheet

CSS Cheat Sheet:

'via Blog this'

CSS Cheat Sheet

CSS Cheat Sheet:

'via Blog this'

Sans-Serif | CSS-Tricks

Sans-Serif | CSS-Tricks: "Have you ever written this?

body {
font-family: Helvetica, Arial, Sans-Serif;
}
You're all like: "Helvetica is the most awesome so I want that first, then Arial for PC's since hey it's pretty close, then fall back to whatever McSansSerif for crazyputers with like zero normal fonts installed."

Turns out this is way better:

body {
font-family: Sans-Serif;
}
Macs will get awesome Helvetica by default. On PC's, even if they have Helvetica it can look worse than Arial for whatever reason, so this way they get Arial by default. And you're still covered by the generic keyword. Shorter, easier, yay."

'via Blog this'

DailyJS: A JavaScript Blog

DailyJS: A JavaScript Blog: "KinectJS (License: MIT) aims to bring Kinect controls to HTML5. The author has created some KinectJS demos and KinectJS YouTube videos, so with the required hardware it should be possible to try it out."

'via Blog this'

moviepilot/chaplin - GitHub

moviepilot/chaplin - GitHub: "CoffeeScript class hierarchies as well as object composition
Module encapsulation and lazy-loading using RequireJS
Cross-module communication using the Mediator and Publish/Subscribe patterns
Controllers for managing individual UI views
Rails-style routes which map URLs to controller actions
An application view as dispatcher and view manager
Extended model, view and collection classes to avoid repetition and enforce conventions
Strict memory management and object disposal
A collection with additional manipulation methods for smarter change events
A collection view for easy and intelligent list rendering
Client-side authentication using service providers like Facebook, Google and Twitter
"

'via Blog this'

NYAN NYAN NYAN NYAN

NYAN NYAN NYAN NYAN:

'via Blog this'

Bookmarklets for Zapping Annoyances

Bookmarklets for Zapping Annoyances:

'via Blog this'

Read the Web :: Carnegie Mellon University

Read the Web :: Carnegie Mellon University: "So far, NELL has accumulated over 15 million candidate beliefs by reading the web, and it is considering these at different levels of confidence. NELL has high confidence in 991,445 of these beliefs "

'via Blog this'

Base64 - Wikipedia, the free encyclopedia

Base64 - Wikipedia, the free encyclopedia: "Base64 encoding can be helpful when fairly lengthy identifying information is used in an HTTP environment. For example, a database persistence framework for Java objects might use Base64 encoding to encode a relatively large unique id (generally 128-bit UUIDs) into a string for use as an HTTP parameter in HTTP forms or HTTP GET URLs. Also, many applications need to encode binary data in a way that is convenient for inclusion in URLs, including in hidden web form fields, and Base64 is a convenient encoding to render them in not only a compact way, but in a relatively unreadable one when trying to obscure the nature of data from a casual human observer.
Using standard Base64 in URL requires encoding of '+', '/' and '=' characters into special percent-encoded hexadecimal sequences ('+' = '%2B', '/' = '%2F' and '=' = '%3D'), which makes the string unnecessarily longer."

'via Blog this'

Base64 - Wikipedia, the free encyclopedia

Base64 - Wikipedia, the free encyclopedia: "Base64 is a group of similar encoding schemes that represent binary data in an ASCII string format by translating it into a radix-64 representation. The Base64 term originates from a specific MIME content transfer encoding.
Base64 encoding schemes are commonly used when there is a need to encode binary data that needs be stored and transferred over media that are designed to deal with textual data. This is to ensure that the data remains intact without modification during transport. Base64 is commonly used in a number of applications including email via MIME, and storing complex data in XML."

'via Blog this'

Create a Slick CSS3 Button with box-shadow and rgba - Inspect Element

Create a Slick CSS3 Button with box-shadow and rgba - Inspect Element: "Create a Slick CSS3 Button with box-shadow and rgba
20th January, 2011 Tom Kenny Tutorials
When redesigning my new site, I experimented with creating a realistic behaving button with CSS3. You can see it in action on the contact page. It was created mainly with the use of different box-shadow values for the static state and the active state to mimic the real behaviour of a typical button.
"

'via Blog this'

How to make sexy buttons with CSS

How to make sexy buttons with CSS: "This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS. Dynamic buttons save you heaps of time otherwise spent creating graphics and will basically make you a happier person at the end of the day. Here's what you'll get:"

'via Blog this'

22 CSS Button Styling Tutorials and Techniques

22 CSS Button Styling Tutorials and Techniques: "CSS button styling can be tricky and sometimes tedious. If you are looking for a simple and effective way of creating dynamic CSS buttons with cross browser compatibility, these tutorials are for you.
Below, you will find 22 CSS Button Styling Tutorials and Techniques."

'via Blog this'

ResponsiveSlides.js · Responsive jQuery slideshow

ResponsiveSlides.js · Responsive jQuery slideshow: "ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It works with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that don't natively support it. Only dependency is jQuery and that all the images are same size."

'via Blog this'

Shiny Demos

Shiny Demos:

'via Blog this'

Helping Improve the Mobile Web - Facebook Developers

Helping Improve the Mobile Web - Facebook Developers: "To help developers reach more people, we're committed to providing distribution across all platforms. The Open Graph, combined with News Feed and Timeline, helps people discover new apps through friends, regardless of the technology stack used.

We see more people accessing Facebook on the mobile web than from our top native apps combined, so we know the mobile web is important for reach. So why aren't more people building apps for the mobile web? We hear from developers that there are three challenge areas that make it hard to build on the mobile web: app discovery, mobile browser fragmentation and payments.

"

'via Blog this'

RabbitMQ » Blog Archive » How to compose apps using WebSockets - Messaging that just works

RabbitMQ » Blog Archive » How to compose apps using WebSockets - Messaging that just works: "As you may know, WebSockets are a cool new HTML5 technology which allows you to asynchronously send and receive messages. Our compatibility layer - SockJS - emulates it and will work even on old browsers or behind proxies.

WebSockets conceptually are very simple. The API is basically: connect, send and receive. But what if your web-app has many modules and every one wants to be able to send and receive data?"

'via Blog this'

Aurora Borealis

Aurora Borealis:

'via Blog this'

landing_page_christian_dior_4.jpg (274×274)

landing_page_christian_dior_4.jpg (274×274):

'via Blog this'



My new sunglasses :)

Alfred Wegener Institute for Polar and Marine Research (AWI) Livestream

Alfred Wegener Institute for Polar and Marine Research (AWI) Livestream:

'via Blog this'

10 Things I Learned from the jQuery Source « Paul Irish

10 Things I Learned from the jQuery Source « Paul Irish: "It’s jQuery on the big screen. We’ll open the jQuery source and run through how the jQuery object works, covering self-executing anonymous functions as a global abatement technique, several interesting jQuery methods, internal jQuery paradigms, and hiddenhancements. You’ll learn JavaScript techniques you can apply to your own code, as well as the basic workings of jQuery itself."

'via Blog this'

Backbone.js Views events « Yoel Gluschnaider

Backbone.js Views events « Yoel Gluschnaider: "Tapping this element would just not work! You need to bind the tap event manually after the element is added to the view, so instead of writing this:

events: {'tap .class1': 'eventHandler'}
Which will cause this call:

$(this.el).delegate('.class2', 'tap', method);
You should call this:

$(this.el).find('.class2').tap(this.eventHandler);"

'via Blog this'

HTML5 code example: Intelligently store Images in localStorage for faster page loads! (design @ IBM developerWorks)

HTML5 code example: Intelligently store Images in localStorage for faster page loads! (design @ IBM developerWorks): "However I hit an immediate challenge, as localStorage only supports String objects, which is fine for Javascript and CSS, however I was also interested in storing binary Images.
 
 
Given this limitation in localStorage, the first step required for my implementation is to base64 encode the binary Images.   I found a website that offers an online tool to perform this encoding, however there are many shareware tools available to encode/decode binaries from your workstation or dynamically from a server application.  I converted my Images at OpinionatedGeek, which offers a simple web interface tool to quickly encode Images. Once you have base64 encoded your Images,  you will need to implement the Javascript and localStorage API to read & write your Images from the local client:
 "

'via Blog this'

javascript - How do I grab a single image and put it in localStorage? - Stack Overflow

javascript - How do I grab a single image and put it in localStorage? - Stack Overflow: "Try storing base64 data, use canvas. Check this: Get image data in Javascript?"

'via Blog this'

jQuery Mobile Docs - Quick start

jQuery Mobile Docs - Quick start: "In the body, a div with a data-role of page is the wrapper used to delineate a page, and the header bar (data-role="header") and content region (data-role="content") are added inside to create a basic page (these are both optional). These data- attributes are HTML5 attributes are used throughout jQuery Mobile to transform basic markup into an enhanced and styled widget."

'via Blog this'

Adobe Flash - Click sounds

Adobe Flash - Click sounds:

'via Blog this'

The Sun is Setting on Rails-style MVC Frameworks « caines.ca/blog

The Sun is Setting on Rails-style MVC Frameworks « caines.ca/blog: "The AtomPub protocol, if you ignore its XMLiness,  gets this right -- The thick client just knows the root URL (which serves up a simple service document) and is aware of a bunch of relationship types (the 'rel' attribute on 'link' and 'a' tags) that it can follow as necessary.  If a game client needs to access a list of players, it just goes to the root url, and follows the link with the rel property called 'players' (and probably remembers that link until the server says it has moved via 301 status code).  JSON has no concept of links or rel, but this is still easy to imagine and implement, and while it's a teeny bit of extra work up front, the standardization buys you the ability to start writing smarter HTTP/REST clients for your frontend that take care of much more for you automatically, so you can spend time on real business logic and actually do something more productive than fiddle with the javascript version of a routes.rb file."

'via Blog this'

The Sun is Setting on Rails-style MVC Frameworks « caines.ca/blog

The Sun is Setting on Rails-style MVC Frameworks « caines.ca/blog: "The server is no place for view logic
The devices available for running a web app are vastly different from when these web frameworks first sprung up.  The slide towards thicker / richer clients has been proceeding on pace with increases in processing power since the Web 2.0 days.  It's much simpler to handle views and view logic in only one place, and that place is slowly moving away from the server side.  MVC has always been a strained pattern for a server-side, non-gui application and it is been a confusing and complicated trade-off to have the backend generating front-end logic.    Front-end frameworks like backbone.js, as well as advances in web technologies like HTML5's history.pushState are now making server-free views a realistic quality of cutting-edge front-ends.   Rendering on the client-side also gives us the opportunity to create responsive designs based on device capability rather than having the server try to somehow figure out what the capabilities are without actually running on that device."

'via Blog this'

Serious game - Wikipedia, the free encyclopedia

Serious game - Wikipedia, the free encyclopedia: "A serious game is a game designed for a primary purpose other than pure entertainment. The "serious" adjective is generally prepended to refer to products used by industries like defense, education, scientific exploration, health care, emergency management, city planning, engineering, religion, and politics."

'via Blog this'

Gamification Increasingly Transforms Life into Play - Technology & science - Innovation - msnbc.com

Gamification Increasingly Transforms Life into Play - Technology & science - Innovation - msnbc.com: "Many more examples emerged at a "Gamification Summit" held in New York City on Sept. 15 and 16, where venture capitalists and entrepreneurs rubbed elbows with game designers and educators. Startups set up booths offering to help customers "gamify" anything from marketing campaigns to internal systems for employees."

'via Blog this'

NU Social IMC: Gamification – Crowdsourcing that Engages Your Customers

NU Social IMC: Gamification – Crowdsourcing that Engages Your Customers: "Gamification – Crowdsourcing that Engages Your Customers
The author is a graduate student of Integrated Marketing Communications at Northwestern University, where she focuses on digital marketing and data analytics.

During my summer residency with the Marketing Store, I spent a lot of time working on loyalty program development and generating interesting ideas to appeal and engage customers. That was the first time I learned about the term "Gamification", and I have been actively following it since then.

As a marketer, gamification is a topic that you might want to start paying attention to. Why? Because gamification is a hot trend right now, just look at Google Trends. Gamification taps into the over 200 million people that play reward based online games. Moreover, investors have taken notice that it has a rapid-growing list of agencies are beginning to help their clients “do gamification.”

But what is it?"

'via Blog this'

Augmenting mobile computing with video game elements to support, motivate and engage young people in educational, real-world events | QUT ePrints

Augmenting mobile computing with video game elements to support, motivate and engage young people in educational, real-world events | QUT ePrints: "Video games have shown great potential as tools that both engage and motivate players to achieve tasks and build communities in fantasy worlds. We propose that the application of game elements to real world activities can aid in delivering contextual information in interesting ways and help young people to engage in everyday events. Our research will explore how we can unite utility and fun to enhance information delivery, encourage participation, build communities and engage users with utilitarian events situated in the real world. This research aims to identify key game elements that work effectively to engage young digital natives, and provide guidelines to influence the design of interactions and interfaces for event applications in the future. This research will primarily contribute to areas of user experience and pervasive gaming."

'via Blog this'

Gamification. using game-design elements in non-gaming contexts

Gamification. using game-design elements in non-gaming contexts: ""Gamification" is an informal umbrella term for the use of video game elements in non-gaming systems to improve user experience (UX) and user engagement. The recent introduction of 'gamified' applications to large audiences promises new additions to the existing rich and diverse research on the heuristics, design patterns and dynamics of games and the positive UX they provide. However, what is lacking for a next step forward is the integration of this precise diversity of research endeavors. Therefore, this workshop brings together practitioners and researchers to develop a shared understanding of existing approaches and findings around the gamification of information systems, and identify key synergies, opportunities, and questions for future research."

'via Blog this'

'via Blog this'

Gamification of Science

Gamification of Science: "External links

http://cosmiclog.msnbc.msn.com/_news/2011/09/16/7802623-gamers-solve-molecular-puzzle-that-baffled-scientists"

'via Blog this'

Ember.js - Documentation

Ember.js - Documentation: "What is Ember.js?

Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.

"

'via Blog this'

Surfin' Safari - Blog Archive » Introducing Text-Stroke

Surfin' Safari - Blog Archive » Introducing Text-Stroke: "text-fill-color – This property allows you to specify a fill color for text. If it is not set, then the color property will be used to do the fill.
text-stroke-color – This property allows you to specify a stroke color for text. If it is not set, then the color property will be used to do the stroke.
text-stroke-width – This property allows you to specify the width of the stroke. It defaults to 0, meaning that only a fill is performed. You can specify a length for this value, and in addition the values thin, medium and thick can be used (with ‘thin’ being most like the outline behavior of OS X).
text-stroke – This property is a shorthand for the two stroke properties.

Here’s an example (download the latest WebKit nightly to see it):"

'via Blog this'

CSS examples - Centred Floats

CSS examples - Centred Floats: "It is normally stated that you cannot centre floated elements but this is not quite true. It's true that usually you can only float left or float right but if you have a group of buttons for a menu and you want them to be fluid in width then it would be nice to have them all float in the centre of the page. There is no problem if the floats have a width because you can then ascertain the main parents width and use margin:auto to center the whole block. However that means that the floats cannot be a fluid width (i.e. shrinkwrap their content) or you would have to class each individual element and apply a different width to each which is a little unsatisfactory."

'via Blog this'

CSS display: inline-block: why it rocks, and why it sucks - Robert's talk

CSS display: inline-block: why it rocks, and why it sucks - Robert's talk: "Conclusion

So, the conclusion is that white-space dependent rendering blows! But, there are also great possibilities with display: inline-block, so I advise you to try it out, play around with it and see if it works fine in your specific context.

"

'via Blog this'

What is Inline-Block? | Impressive Webs

What is Inline-Block? | Impressive Webs: "If you use inline-block there are some important factors and drawbacks to keep in mind. An inline-block element is white-space dependent, so if you display list items using inline-block (in a navigation bar, for example), the list items will have unwanted space next to each other. To remove the space, you’ll have to remove from your HTML code any whitespace that occurs in between the list items"

'via Blog this'

Meditate in Victoria

Meditate in Victoria: "Welcome to Bodhichitta Buddhist Centre

Buddhism has a timeless and universal relevance, and can be practised by anyone in any culture. Through training in meditation and other Buddhist practices we can improve the quality of our life by developing inner peace, love, and wisdom. We can bring true meaning to our very busy, modern lives, learning to respond to difficult situations and problems with a more enlightened view."

'via Blog this'

deployment - deploying app separately from data on iPad - Stack Overflow

deployment - deploying app separately from data on iPad - Stack Overflow: "Use iOS file sharing to get the files into the Documents directory for your app. The documents directory will be preserved across upgrades as you develop the app, so you only have to copy it once.

If there's a lot of files, you can copy a zip file instead and unpack it on the first run of your app using SSZipArchive."

'via Blog this'

iPad Programming: Port Your iPhone Apps, Part I

iPad Programming: Port Your iPhone Apps, Part I: " 
iPad Programming: Port Your iPhone Apps, Part I

Now that Apple has lifted the NDA on the iPhone 3.2 SDK, it's time for developers to start developing iPad applications. 

by Wei-Meng Lee
April 12, 2010  



Now that Apple has started selling the iPad and the NDA lifted on the iPhone 3.2 SDK, it is time for developers to start developing iPad applications. And for a large number of developers, developing iPad applications mean porting their existing applications to the iPad platform. Though the iPad is also running the iPhone OS, there are some subtle differences that developers need to look out for when porting their applications over to the new device. This article examines the various ways in which you can port your existing iPhone apps to the iPad."

'via Blog this'

Productivity Versus Performance: Fighting The Good Fight - CodeBrief

Productivity Versus Performance: Fighting The Good Fight - CodeBrief: "If you’ve been following the Javascript MVC landscape lately, you might have noticed a growing tension between Backbone.js and Ember.js. Being championed by Jeremy Ashkenas and Yehuda Katz respectively, both frameworks reside in decidely different camps. Ember.js favors deep abstraction and sensible defaults, whereas Backbone.js embraces the micro-framework mentality of providing a minimalist set of features whilst encouraging integration with a wide variety of other frameworks."

'via Blog this'

Amazon Web Services Blog: Amazon Simple Workflow - Cloud-Based Workflow Management

Amazon Web Services Blog: Amazon Simple Workflow - Cloud-Based Workflow Management: "Simple Workflow
Today we are introducing the Amazon Simple Workflow service, SWF for short. This new service gives you the ability to build and run distributed, fault-tolerant applications that span multiple systems (cloud-based, on-premise, or both). Amazon Simple Workflow coordinates the flow of synchronous or asynchronous tasks (logical application steps) so that you can focus on your business and your application instead of having to worry about the infrastructure."

'via Blog this'

WorldWideWeb wide-area hypertext app available - comp.sys.next.announce | Google Groups

WorldWideWeb wide-area hypertext app available - comp.sys.next.announce | Google Groups: " /pub/WWWNeXTStepEditor_0.12.tar.Z    NeXT application + sources
    /pub/WWWLineMode_0.11.tar.Z          Portable Line Mode Browser
    /pub/WWWDaemon_0.1.tar.Z             Simple server "

'via Blog this'


Notice : The binaries are for the NeXT machine. Steve Jobs was the CEO of NeXT computers, so in a way, he had a direct impact on creating the web. The NeXT machines were sweet computers, they had two in the lab that I worked at in the University of Alberta, along with two SGI machines. They didn't have enough money for a NeXT machine for me, so I built my own Linux machine with 3.5" floppies using Slackware. Those were heady days.

WorldWideWeb wide-area hypertext app available - comp.sys.next.announce | Google Groups

WorldWideWeb wide-area hypertext app available - comp.sys.next.announce | Google Groups: "Aug 20 1991, 2:01 am
The WorldWideWeb application is now available as an alpha release in source
and binary form from info.cern.ch.
WorldWideWeb is a hypertext browser/editor which allows one to read information
from local files and remote servers. It allows hypertext links to be made and  
traversed, and also remote indexes to be interrogated for lists of useful  
documents. Local files may be edited, and links made from areas of text to  
other files, remote files, remote indexes, remote index searches, internet news  
groups and articles. All these sources of information are presented in a  
consistent way to the reader. For example, an index search returns a hypertext  
document with pointers to documents matching the query.  Internet news articles  
are displayed with hypertext links to other referenced articles and groups.
"

'via Blog this'

ORCA LIVE | COMMUNITY

ORCA LIVE | COMMUNITY:

'via Blog this'

The A5s are still vocalizing in the Bight but it is hard to hear over what sounds like a fish boat fishing right beside critical point hydrophone.

Astronomy Picture of the Day

Astronomy Picture of the Day: "Explanation: Venus and Jupiter are this month's two brightest planets. Shortly after sunset on February 20, they dominate the sky above the western horizon and this snowy landscape. In clear and transparent skies over Cherry Springs State Park, Pennsylvania, USA, they are also seen immersed in Zodiacal light. The extended, diffuse, triangular glow is sunlight scattered by dust along the plane of the ecliptic. Brighter near the horizon, the Zodiacal glow angles upward, first to Venus and then to Jupiter hugging the ecliptic as they orbit the Sun. Fading even further, the glow stretches toward the lovely Pleides star cluster near the top of the frame. Following their appearance in this Zodiacal skyscape, the coming days will see Venus and Jupiter sharing the early evening sky with a young crescent Moon. The two bright planets are even headed for a close pairing or conjunction, separated by about 3 degrees on March 13.

"

'via Blog this'

The Joy of Tech comic... proven relief from moderate to severe Silicon-itis.

The Joy of Tech comic... proven relief from moderate to severe Silicon-itis.:

'via Blog this'

The Devil's Panties - It's not Satanic Porn

The Devil's Panties - It's not Satanic Porn:

'via Blog this'

Linksys by Cisco - WRT310N Support

Linksys by Cisco - WRT310N Support: "
• Fast Wireless-N speed
• Gigabit ports offer fast connectivity for wired devices
• Ideal for multiple users with intensive Internet, media and file sharing needs"

'via Blog this'

Text Blocks Over Image | CSS-Tricks

Text Blocks Over Image | CSS-Tricks: "Putting the image in as a background image of the wrapping div would be easier, but in this scenario I see the images as content, and thus belongs in the HTML. We'll use that wrapping div as a container for absolute positioning.

"

'via Blog this'

Asynchronous task queues - 99designs Tech Blog

Asynchronous task queues - 99designs Tech Blog: "The first reason is speed: When we’re talking to a third party API we have to face reality; unless that third party is physically located next to our infrastructure, there’s going to be latency involved. All it would take is the addition of a few API calls and we could easily end up doubling or tripling our response time, leading to a sluggish site and unhappy users. However if we push these API calls into our queue instead, we can return a response to our users immediately while our queues take as long as they like to talk to the API."

'via Blog this'

'via Blog this'

The first trip to the Racetrack was merely to observe the sliding rock oddities, as
recommended by a park ranger. The winter of 1992-93 was unusually wet throughout the
Southwest, and Death Valley was not immune from the excess moisture. The first visit to
the Racetrack took place on a stormy day; snow was falling at higher elevations to the
north along the Racetrack Road, but at the playa the precipitation was falling as rain.

Text On image HTML,css - Stack Overflow

Text On image HTML,css - Stack Overflow: "Create a div that is the dimensions of your image. Then place your text inside. Use margins/padding on your text to get it vertically-centered, and set text-align to "center" for its css.

.imgBox  { width:300px; height:100px; background-image:url('bg.jpg'); }
.imgText { text-align:center; margin:0; padding:25px 0 0 0; }

 

Hello World

"

'via Blog this'

Text On image HTML,css - Stack Overflow

Text On image HTML,css - Stack Overflow: "Create a div that is the dimensions of your image. Then place your text inside. Use margins/padding on your text to get it vertically-centered, and set text-align to "center" for its css.

.imgBox  { width:300px; height:100px; background-image:url('bg.jpg'); }
.imgText { text-align:center; margin:0; padding:25px 0 0 0; }

 

Hello World

"

'via Blog this'

Tell it to your Teddy Bear « Talk About Quality

Tell it to your Teddy Bear « Talk About Quality: "Another effective technique is to explain your code to someone else.  This will often cause you to explain the bug to yourself.  Sometimes it takes no more than a few sentences, followed by an embarrassed “Never mind, I see what’s wrong.  Sorry to bother you.”  This works remarkably well; you can even use non-programmers as listeners.  One university computer center kept a teddy bear near the help desk.  Students with mysterious bugs were required to explain them to the bear before they could speak to a human counselor."

'via Blog this'

Learn from Haskell - Functional, Reusable JavaScript

Learn from Haskell - Functional, Reusable JavaScript: "function count(array, matching) {
var counted = 0
for (var i = 0; i < array.length; i++) {
if (matching(array[i]))
counted++
}
return counted
}

// == 2, same as first example
count([1,3,3,4,5], function(num) {
return (num == 3)
})

// == 2, now we can use our functions for ANY kind of items or match test!
count([{name:"bob"}, {name:"henry"}, {name:"jon"}], function(obj) {
return (obj.name.length < 4)
})"

'via Blog this'

css - center image inside overflow-hidden-parent - Stack Overflow

css - center image inside overflow-hidden-parent - Stack Overflow: "

  [name of picture]

Then, match it with this CSS:

div {
  width: 50px;
  height: 50px;
  background: transparent url(...) center center no-repeat;
  border: 1px solid #000;
}
div a {
  display: block;
  height: 100%;
  text-indent: -9999em; /* Hides the link text */
}
In this case, the background will be automatically centered regardless of its dimensions, and it'll still be clickable."

'via Blog this'

Birders Rejoice: Library Puts Avian Calls, Photos and Maps Online | OurAmazingPlanet.com

Birders Rejoice: Library Puts Avian Calls, Photos and Maps Online | OurAmazingPlanet.com: "Attention, bird watchers: A treasure trove of all things bird-related can now be found online, thanks to a new database.

Bird sounds, photos and information have been collected for a growing library curated by the Avian Vocalizations Center at Michigan State University, in East Lansing. The database offers free downloads of bird sounds from around the world, plus sonograms that visually chart the sounds, photos of birds recorded, Google Earth maps of recording locations, and links to other sound collections. [Related: Image Gallery: Rare and Exotic Birds]"

'via Blog this'

Learn.GitHub - Git Tagging

Learn.GitHub - Git Tagging: "Simply listing the available tags in Git is very straightforward. Just type ‘git tag’.

$ git tag
v0.1
v1.3
"

'via Blog this'

git ready » tagging

git ready » tagging: "git tag -a v1.0.0 -m "Creating the first official version."
"

'via Blog this'

git ready » tagging

git ready » tagging: "Tagging in Git is a great way to denote specific release versions of your code, or perhaps if you need a way to refer to exactly one commit in your history for some reason. This post is going to over the right (and wrong) ways to use git tag.
Probably the best way to describe a tag is a post-it note that refers to one commit. It contains a name, so something like v1.0.0 or production, and a message too if you want. Git for Computer Scientists visualizes a tag like so:"

'via Blog this'

random - Is it correct to use JavaScript Array.sort() method for shuffling? - Stack Overflow

random - Is it correct to use JavaScript Array.sort() method for shuffling? - Stack Overflow: "function shuffle(array) {
    var tmp, current, top = array.length;

    if(top) while(--top) {
        current = Math.floor(Math.random() * (top + 1));
        tmp = array[current];
        array[current] = array[top];
        array[top] = tmp;
    }

    return array;
}"

'via Blog this'

Learn from Haskell - Functional, Reusable JavaScript

Learn from Haskell - Functional, Reusable JavaScript: "For the last couple months I have been learning Haskell. Because there are so many unfamiliar concepts, it feels like learning to program all over again. At i.TV, we write a lot of JavaScript (node.js and front end). While many functional/haskell paradigms don’t translate, there are a few techniques that JS can benefit from.

There are Haskell library functions for everything. At first I thought this was just because it was mature, but then I noticed that these functions could be applied to a wider variety of problems than in other languages. This makes them more useful, as you are less likely to have to write your own solution to a common problem."

'via Blog this'

APOD: 2012 February 21 - Anticrepuscular Rays Over Wyoming

APOD: 2012 February 21 - Anticrepuscular Rays Over Wyoming:

'via Blog this'

javascript - How can I prevent default double-tap behavior (zooming, panning) in Mobile Safari on iOS4? - Stack Overflow

javascript - How can I prevent default double-tap behavior (zooming, panning) in Mobile Safari on iOS4? - Stack Overflow: "When I double-tap near the edge of a page that exceeds the height or width of the browser window in Safari under iOS4, it zooms in or out and/or scrolls up, down, right, or left, depending on the size of the page and the current viewport position. How can I prevent this behavior, please?

I'm working on a site where this is (very) bad; we're preserving several layers of menu state and scrolling horizontally to navigate between layers. Double-tapping hoses the layout, and there's no intuitive way to get it back.

Double-tap does not seem to fire a scroll or touch event as far as I can tell. Other things I've tried:



"

'via Blog this'

Implementing doubletap on iPhones and iPads | appcropolis

Implementing doubletap on iPhones and iPads | appcropolis: "$(selector).doubletap(
/** doubletap-dblclick callback */
function(event){
alert('double-tap');
},
/** touch-click callback (touch) */
function(event){
alert('single-tap');
},
/** doubletap-dblclick delay (default is 500 ms) */
400
);"

'via Blog this'

Implementing doubletap on iPhones and iPads | appcropolis

Implementing doubletap on iPhones and iPads | appcropolis:

'via Blog this'

Breaking Floats Without Hacks

Breaking Floats Without Hacks: "Using the CSS Float and Clear Properties
I have run across so many problems with designers confused about how to properly make use of the CSS property, clear. As a result, I'll be discussing two common mistakes and how to avoid them in this article."

'via Blog this'

Test Doubletap

Test Doubletap:

'via Blog this'

The span and div Tags

The span and div Tags: "The tag has very similar properties to the

tag, in that it changes the style of the text it encloses. But without any style attributes, the tag won't change the enclosed items at all.

The primary difference between the and

tags is that doesn't do any formatting of it's own. The

tag acts includes a paragraph break, because it is defining a logical division in the document. The tag simply tells the browser to apply the style rules to whatever is within the ."

'via Blog this'

zsh – a bash alternative that’s easily customizable with oh-my-zsh

zsh – a bash alternative that’s easily customizable with oh-my-zsh: "And then one day in mid-2011 I discovered the Z shell and once I read about all the nice features it has, I started being even more productive and I fell in love with this tool.


In this tutorial, I will guide you through the installation of zsh, show you some of the many awesome features that this shell brings to your terminal and I’ll give you some tips on how to use this shell with your customizations on any machine that you use."

'via Blog this'

AtomizeJS - Home

AtomizeJS - Home: "AtomizeJS is a project which aims to make it easy to write programs in JavaScript that can be both concurrent and distributed. It does this by implementing Distributed Software Transactional Memory (DSTM)."

'via Blog this'

Why I Still Use Emacs « Occasionally sane

Why I Still Use Emacs « Occasionally sane: "anything: anything is similar to OS X’s QuickSilver utility; you activate it, start typing what you want and it’ll show you all the possible results, organized by categories. By default, it looks at the files in the current directory, and the opened buffers I believe, but you can configure it to find all sorts of things, such as Emacs commands, man pages, recently opened files, functions, etc."

'via Blog this'

On naming - Quietly amused by the world

On naming - Quietly amused by the world: "There are only two hard things in Computer Science: cache invalidation and naming things.

— Phil Karlton"

'via Blog this'

KK... JK... OK : /: A Bayesian Approach To Kalman Filtering

KK... JK... OK : /: A Bayesian Approach To Kalman Filtering: "INTRODUCTION
Ripped straight from Wikipedia...
The Kalman filter is an algorithm, commonly used since the 1960s for improving vehicle navigation (among other applications, although aerospace is typical), that yields an optimized estimate of the system's state (e.g. position and velocity). The algorithm works recursively in real time on streams of noisy input observation data (typically, sensor measurements) and filters out errors using a least-squares curve-fit optimized with a mathematical prediction of the future state generated through a modeling of the system's physical characteristics.
"

'via Blog this'

Using CSS without HTML · Mathias Bynens

Using CSS without HTML · Mathias Bynens: "Even with a completely empty HTML document, browsers will still auto-generate the implied HTML elements."

'via Blog this'

Penny Arcade - Firebird

Penny Arcade - Firebird:

'via Blog this'

Recordings Through The Decades Part 1 - Frequency

Recordings Through The Decades Part 1 - Frequency:

'via Blog this'

The ego epidemic and how more and more of us have an inflated sense of our own fabulousness | Mail Online

The ego epidemic and how more and more of us have an inflated sense of our own fabulousness | Mail Online: "Us women are more egocentric and narcissistic than we ever used to be, according to extensive research by two leading psychologists.

More of us have huge expectations of ourselves, our lives and everyone in them. We think the universe resolves around us, with a deluded sense of our own fabulousness, and believe we are cleverer, more talented and more attractive than we actually are.

We have trouble accepting criticism and extending empathy because we are so preoccupied with ourselves. "

'via Blog this'

magic words!

var self = this;
setTimeout(function() {
console.log("Reverting");
_.each(self.models, function(n) {
n.set("flipped", false);
});
}, 1 * 1000);

Apotheosis - Wikipedia, the free encyclopedia

Apotheosis - Wikipedia, the free encyclopedia: "Apotheosis (from Greek ἀποθέωσις from ἀποθεοῦν, apotheoun "to deify"; in Latin deificatio "making divine") is the glorification of a subject to divine level. The term has meanings in theology, where it refers to a belief, and in art, where it refers to a genre.

In theology, the term apotheosis refers to the idea that an individual has been raised to godlike stature. In art, the term refers to the treatment of any subject (a figure, group, locale, motif, convention or melody) in a particularly grand or exalted manner."

'via Blog this'

CSS 3D Transforms Module Level 3

CSS 3D Transforms Module Level 3: "CSS 3D Transforms extends CSS Transforms to allow elements rendered by CSS to be transformed in three-dimensional space.
"

'via Blog this'

Super Cool CSS Flip Effect with Webkit Animation

Super Cool CSS Flip Effect with Webkit Animation: ".megatron {
float: left; position: absolute; top: 30px; left: 20px;
}
.megatron .front {

}
.megatron .back {
width: 284px; height: 372px; padding: 20px;
background: #a3a3a3 url(texture.png);
}
.megatron .back h2 {
width: 287px; height: 42px; margin: 0 auto 20px auto;
background: url(megatron-title.png); text-indent: -9999px;
}
.megatron img {
float: right;
}
.megatron p {
float: left; width: 185px; margin: 0 0 20px 0;
font-size: 17px; line-height: 28px; color: #4c4c4c;
}"

'via Blog this'

Super Cool CSS Flip Effect with Webkit Animation

Super Cool CSS Flip Effect with Webkit Animation: ".container {
width: 324px; height: 412px;
-webkit-perspective: 1000;
}

.card {
width: 324px; height: 412px;
border: 8px solid #fff;
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
}"

'via Blog this'

Tomnod

Tomnod:

'via Blog this'

Chrome Developer Tools: Overview - Google Chrome Developer Tools - Google Code

Chrome Developer Tools: Overview - Google Chrome Developer Tools - Google Code: "The Developer Tools, bundled and available in Chrome, allows web developers and programmers deep access into the internals of the browser and their web application. The Developer Tools are heavily based on the WebKit Web Inspector, a part of the open source WebKit project. This overview of the Developer Tools points out its most popular and useful features. The target audience are web developers who don't know of, or have not yet investigated, the Developer Tools. However, we are sure that even if you are an experienced web developer, you will pick up a tip or two."

'via Blog this'

weinre - Home

weinre - Home: "weinre is WEb INspector REmote. Pronounced like the word "winery". Or maybe like the word "weiner". Who knows, really.

weinre is a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.

"

'via Blog this'

How To Build a Naive Bayes Classifier

How To Build a Naive Bayes Classifier:

'via Blog this'

Note To Self: Restart autofs – The Adventures of Systems Boy!

Note To Self: Restart autofs – The Adventures of Systems Boy!: "To restart autofs on Mac, do this:

sudo killall -HUP autofsd
To be additionally thorough, though this should not be necessary, you could also restart automount, which now looks slightly different (note the “d”, which is new):

sudo killall -HUP automountd"

'via Blog this'

Introduction to Autofs in Mac OS X

Introduction to Autofs in Mac OS X: "OS X auto_master and auto_home

The /etc/auto_master file controls the auto-mounted Network File System (NFS) file systems. If you are going to mount NFS volumes from a Linux server, there is one gotcha that I covered in an earlier blog post.

The auto_master defines all "maps" which are collections of automounts related by mount point and organized in one file (or directory service entry). Here is what the default file looks like on my Mac:

#
# Automounter master map
#
+auto_master # Use directory service
/net -hosts -nobrowse,nosuid
/home auto_home -nobrowse
/Network/Servers -fstab
/- -static"

'via Blog this'

Partial derivative - Wikipedia, the free encyclopedia

Partial derivative - Wikipedia, the free encyclopedia: "In mathematics, a partial derivative of a function of several variables is its derivative with respect to one of those variables, with the others held constant (as opposed to the total derivative, in which all variables are allowed to vary). Partial derivatives are used in vector calculus and differential geometry."

'via Blog this'

Dot product - Wikipedia, the free encyclopedia

Dot product - Wikipedia, the free encyclopedia: "In mathematics, the dot product or scalar product is an algebraic operation that takes two equal-length sequences of numbers (usually coordinate vectors) and returns a single number obtained by multiplying corresponding entries and then summing those products. The name "dot product" is derived from the centered dot "  " that is often used to designate this operation; the alternative name "scalar product" emphasizes the scalar (rather than vector) nature of the result."

'via Blog this'

The Inner Product

The Inner Product: "The inner product (or ``dot product'', or ``scalar product'') is an operation on two vectors which produces a scalar."

'via Blog this'

Universal quantification - Wikipedia, the free encyclopedia

Universal quantification - Wikipedia, the free encyclopedia: "In predicate logic, universal quantification formalizes the notion that something (a logical predicate) is true for everything, or every relevant thing. The resulting statement is a universally quantified statement, and we have universally quantified over the predicate. In symbolic logic, the universal quantifier (typically , U+2200 ∀ , a turned A) is the symbol used to denote universal quantification, and is often informally read as "given any" or "for all". Universal quantification is distinct from existential quantification ("there exists"), which asserts that the property or relation holds for at least one member of the domain."

'via Blog this'

FAQ: What do the double vertical bars mean at the end of Section 4.1? - FBSwiki

FAQ: What do the double vertical bars mean at the end of Section 4.1? - FBSwiki:

'via Blog this'

jQuery HTML5 Fullscreen Slideshow / Gallery

jQuery HTML5 Fullscreen Slideshow / Gallery: "This jQuery plugin lets you create fullscreen galleries where the slides are shown on the entire screen using the fullscreen APIs provided by Firefox 10+ and Chrome 15+ (and possibly Safari 5.1+).

In all other browsers it falls back to displaying the slideshow in the entire viewport."

'via Blog this'

Pinterest Data Analysis: An Inside Look

Pinterest Data Analysis: An Inside Look: "Pinterest’s traffic charts aren’t hockey sticks-- they’re rocket ships.  In our experience, when traffic is growing that sharply there is often something even more amazing going on under the hood. We wanted to see if the usage and engagement numbers for Pinterest were as remarkable as its traffic and gain insights into exactly what was driving growth. Unfortunately, the company has kept very quiet when it comes to its data."

'via Blog this'

Estimating like an Adult – What to Steal from Agile… — Write More Tests

Estimating like an Adult – What to Steal from Agile… — Write More Tests: "It turns out that we humans get a little weird about time. However much you believe “six hours” is “just an estimate”, however much buy-in there is from the team about this, and however many times you’ve accepted that there’s always hidden complexity, if a six hour task takes eighteen hours, everyone gets a little squirrely."

'via Blog this'

APOD: 2012 February 16 - NGC 5965 and NGC 5963 in Draco

APOD: 2012 February 16 - NGC 5965 and NGC 5963 in Draco:

'via Blog this'

What is a view? - Backbone.js Tutorials

What is a view? - Backbone.js Tutorials: "What is a view?

Backbone views are used to reflect what your applications’ data models look like. They are also used to listen to events and react accordingly. This tutorial will not be addressing how to bind models and collections to views but will focus on view functionality and how to use views with a JavaScript templating library, specifically Underscore.js’s _.template."

'via Blog this'

Binding model attributes to form elements with backbone js

Binding model attributes to form elements with backbone js: "Binding model attributes to form elements with backbone js"

'via Blog this'

Zombies! RUN! (Managing Page Transitions In Backbone Apps) | ThoughtStream.new :derick_bailey

Zombies! RUN! (Managing Page Transitions In Backbone Apps) | ThoughtStream.new :derick_bailey: "At the heart of all of these questions is a problem that most backbone developers will run into at some point: zombies. That’s right – the living dead creatures and plague us and cause problems… only in this case, we’re referring to zombie objects in an application – otherwise known as memory leaks."

'via Blog this'

JavaScript File & Folder Structures: Just Pick One | ThoughtStream.new :derick_bailey

JavaScript File & Folder Structures: Just Pick One | ThoughtStream.new :derick_bailey: "JavaScript File Organization: You’re Doing It Right

The reality of JavaScript in general web-based development (not talking about server side at all, here) is that it makes absolutely no difference how your files and folders are organized. Zero difference at all… at least as far as the JavaScript runtime is concerned."

'via Blog this'

Asynchronously Load HTML Templates For Backbone Views | ThoughtStream.new :derick_bailey

Asynchronously Load HTML Templates For Backbone Views | ThoughtStream.new :derick_bailey: "As JavaScript applications become larger and larger, we have to think about the download size, memory usage and other performance constraints for our end users. There are a number of aspects to consider, one of which is how to deliver the HTML templates that your application is using, to the user’s browser, so that your application can render the templates."

'via Blog this'

derickbailey/backbone.marionette - GitHub

derickbailey/backbone.marionette - GitHub: "Backbone.Marionette is a composite application library for Backbone.js that aims to simplify the construction of large scale JavaScript applications. It is largely a collection of common design and implementation patterns found in the applications that I (Derick Bailey) have been building with Backbone, and includes various peices inspired by composite application architectures, such as Microsoft's "Prism" framework."

'via Blog this'

Rewriting My ‘Guaranteed Callbacks’ Code With jQuery Deferred | ThoughtStream.new :derick_bailey

Rewriting My ‘Guaranteed Callbacks’ Code With jQuery Deferred | ThoughtStream.new :derick_bailey: "Then a few of my friends started talking about jQuery’s “deferred” objects and “promises”. I had heard of this previously but had not bothered to learn it. When I finally decided to dig in to it, this morning, I found that it was a much more robust implementation of what I had just written. I found a good article that helped me understand it better, and began working on an update for Marionette to use deferred objects instead of my own code. Addy Osmani also wrote a really good article on MSDN, which sheds even more light on how these work and how to work with them.

"

'via Blog this'

3 Stages Of A Backbone Application’s Startup | ThoughtStream.new :derick_bailey

3 Stages Of A Backbone Application’s Startup | ThoughtStream.new :derick_bailey: "The three stages that I have identified in my own applications are (in order):

The Application’s Foundation
The Application’s Initialization
A Contextual Start (optional)
"

'via Blog this'

Get A Model From A Backbone Collection Without Knowing If The Collection Is Loaded | ThoughtStream.new :derick_bailey

Get A Model From A Backbone Collection Without Knowing If The Collection Is Loaded | ThoughtStream.new :derick_bailey: "In working with a client recently, we ran in to a rather sticky situation. We were setting up a route to “persons/:id”, and as you would expect, we wanted to load the person in question and display the details of that person. The trick, though, is that we needed to wait until the persons collection was loaded to be able to retrieve the person from the collection. If we navigate to this route from somewhere else in the application, this isn’t an issue. The persons collection was already loaded and everything goes on normally. If we use a bookmark to get to this url directly, though, then there was no guarantee that the persons collection was loaded because we had not previously run any code to load the collection."

'via Blog this'

DOM Namespace

DOM Namespace:

'via Blog this'

javascript - Display the elements of [object Text] [object HTMLUListElement]? - Stack Overflow

javascript - Display the elements of [object Text] [object HTMLUListElement]? - Stack Overflow: "for (var member in myObj){
    if (myObj.hasOwnProperty(member)){
        alert(myObj[member]);
    }
}"

'via Blog this'

Document Object Model (DOM) Level 2 Core Specification

Document Object Model (DOM) Level 2 Core Specification: "This specification defines the Document Object Model Level 2 Core, a platform- and language-neutral interface that allows programs and scripts to dynamically access and update the content and structure of documents. The Document Object Model Level 2 Core builds on the Document Object Model Level 1 Core.

The DOM Level 2 Core is made of a set of core interfaces to create and manipulate the structure and contents of a document. The Core also contains specialized interfaces dedicated to XML."

'via Blog this'

W3C DOM Level 2 version 1.0 - Java API: Interface Node

W3C DOM Level 2 version 1.0 - Java API: Interface Node: "The Node interface is the primary datatype for the entire Document Object Model. It represents a single node in the document tree. While all objects implementing the Node interface expose methods for dealing with children, not all objects implementing the Node interface may have children. For example, Text nodes may not have children, and adding children to such nodes results in a DOMException being raised."

'via Blog this'

W3C DOM Level 2 version 1.0 - Java API: Interface HTMLUListElement

W3C DOM Level 2 version 1.0 - Java API: Interface HTMLUListElement: "org.w3c.dom.html2
Interface HTMLUListElement

"

'via Blog this'

Increase font size chrome console - Stack Overflow

Increase font size chrome console - Stack Overflow: "body.platform-linux .monospace, body.platform-linux .source-code {
font-size: 11px !important;
font-family: dejavu sans mono, monospace;
}"

'via Blog this'

Backbone.js: Getting The Model For A Clicked Element | ThoughtStream.new :derick_bailey

Backbone.js: Getting The Model For A Clicked Element | ThoughtStream.new :derick_bailey: "If you’re dealing with a large number of models you may run into performance problems having to instantiate a new view for every object.  I haven’t found a good rule of thumb yet to say when you’ll run into problem, but I’m going to guess that you would need hundreds if not thousands (or more) of models and views in memory to cause serious performance problems. This is, of course, dependent on the platform your app runs on. You’ll likely have less memory in a mobile browser than a desktop browser. Either way, you’ll run into zombie problems before memory usage problems, and cleaning these up will greatly improve your app’s ability to deal with larger lists of items."

'via Blog this'

often

This:

Uncaught TypeError: Cannot call method 'replace' of null

often means that you just forgot to type the name of the template wrong.

Setting up Emacs as a Javascript editing environment for Fun or Profit « Deadpan Sincerity

Setting up Emacs as a Javascript editing environment for Fun or Profit « Deadpan Sincerity: "(add-to-list 'load-path "~/path/to/lintnode")
(require 'flymake-jslint)
;; Make sure we can find the lintnode executable
(setq lintnode-location "~/path/to/lintnode")
;; JSLint can be... opinionated
(setq lintnode-jslint-excludes (list 'nomen 'undef 'plusplus 'onevar 'white))
;; Start the server when we first open a js file and start checking
(add-hook 'js-mode-hook
(lambda ()
(lintnode-hook)))"

'via Blog this'

Code Conventions for the JavaScript Programming Language

Code Conventions for the JavaScript Programming Language: "This is a set of coding conventions and rules for use in JavaScript programming. It is inspired by the Sun document Code Conventions for the Java Programming Language. It is heavily modified of course because JavaScript is not Java.

The long-term value of software to an organization is in direct proportion to the quality of the codebase. Over its lifetime, a program will be handled by many pairs of hands and eyes. If a program is able to clearly communicate its structure and characteristics, it is less likely that it will break when modified in the never-too-distant future.

Code conventions can help in reducing the brittleness of programs."

'via Blog this'

JSLint: The JavaScript Code Quality Tool

JSLint: The JavaScript Code Quality Tool: "What is JSLint?

JSLint is a JavaScript program that looks for problems in JavaScript programs. It is a code quality tool.

When C was a young programming language, there were several common programming errors that were not caught by the primitive compilers, so an accessory program called lint was developed that would scan a source file, looking for problems.

"

'via Blog this'

Things to Look at When You Are Using a PhoneGap Plugin

Things to Look at When You Are Using a PhoneGap Plugin: "Makeup Of a Plugin

PhoneGap plugins consist of 2 things.

JavaScript File
Native Code File
If you download a plugin from somewhere, and it doesn’t have at least those two things then you are missing something. It is a fairly simple thing to do you write your native code and then write a JavasSript interface for it which executes the native code."

'via Blog this'

Simon Mac Donald: Using the Media Class in PhoneGap

Simon Mac Donald: Using the Media Class in PhoneGap: "myMedia = new Media("/android_asset/www/test.mp3");
The second way to create a media object is by referencing a file on your devices file system. Say for instance, you have a file at "/sdcard/test.mp3" of your device you would create the media object by doing:
myMedia = new Media("test.mp3");"

'via Blog this'

PhoneGap Build

PhoneGap Build: "Apps built using PhoneGap Build can be set up either through our web interface, or by using a config.xml. The config.xml file, as specified in the W3C widget specification, allows developers to easily specify metadata about their applications. You can see a sample config.xml with our PhoneGap Start application.
In our beta period, we will have mixed support for the various features of config.xml, depending on which platform we're building for. If you have any specific features you would like us to support, please let us know.

"

'via Blog this'

SavageLook.com » 9 things to know about PhoneGap

SavageLook.com » 9 things to know about PhoneGap: "A PhoneGap project toolchain that automates common tasks for building cross platform mobile projects with OS X.

Automate common development workflow tasks such as: compiling, debugging, testing, releasing and other things in between. As an added benefit projects generated with Cordova create a consistent, predictable, easy to understand and therefor extend software project. A number of conventions are introduced removing the need for mobile developers to relearn their tools or, worse, rebuild them for every project."

'via Blog this'

NatureInstruct - Dendroica Canada : Guest Version

NatureInstruct - Dendroica Canada : Guest Version: "
Song: During display males produce a nasal grating "kaaKAA...kaKAA" higher pitched than calls of Ring-necked Duck, very different from Common Goldeneye. Female's guttural "guck" almost identical to female Common Goldeneye's call but slightly higher pitched. Wing whistle is quieter and less whining than Common's.
Sound: Robert C. Stein (Macaulay Library, Cornell # 3711); 1958 Jul 9; Canada, British Colum"

'via Blog this'

NatureInstruct - Dendroica

NatureInstruct - Dendroica:

'via Blog this'

Backbone.js: Getting The Model For A Clicked Element | ThoughtStream.new :derick_bailey

Backbone.js: Getting The Model For A Clicked Element | ThoughtStream.new :derick_bailey: "The usual source of this question is that the developer has decided to use a single View object and template to render the entire list of Backbone Models. There’s nothing necessarily wrong with this approach. It has it’s advantages but it also presents a set of challenges and limitations. There is another way of approaching this which eliminates some of those limitations, but also has it’s own challenges: rendering one View object per Model. Instead of trying to choose one or the other all the time, it’s best to understand each of these approaches and be able to recognize the scenarios where each fits best."

'via Blog this'

Quick Tip: Spaces instead of Tabs | M-x all-things-emacs

Quick Tip: Spaces instead of Tabs | M-x all-things-emacs: "FRONT PAGEARCHIVESABOUTSITEMAPRSS← Newbie Tip: Visual Emacs Keybinding CheatsheetDeclaring .emacs Bankruptcy →
Quick Tip: Spaces instead of Tabs
September 30th, 2007 by Ryan McGeary · 11 Comments

Tab characters used as indentation of source code is a pet peeve of mine. Add this to your emacs initialization to make sure all indentation uses spaces instead.

;; I hate tabs!
(setq-default indent-tabs-mode nil)"

'via Blog this'

jslint4java command line usage

jslint4java command line usage: "$ java -jar jslint4java-${project.version}.jar
usage: jslint [options] file.js ...
--adsafe If adsafe should be enforced
--bitwise If bitwise operators should not be allowed
--browser If the standard browser globals should be predefined
--cap If upper case html should be allowed
--css If css workarounds should be tolerated
--debug If debugger statements should be allowed
--devel If logging should be allowed (console, alert, etc.)
--eqeqeq If === should be required
--es5 If es5 syntax should be allowed
--evil If eval should be allowed"

'via Blog this'

jslint4java command line usage

jslint4java command line usage: " --nomen If names should be checked"

'via Blog this'

Jslint Is Not A Code Quality Tool For 3rd Party Code

Jslint Is Not A Code Quality Tool For 3rd Party Code: "1.3 A Note On Optional Parameters

If it is assumed that Crockford’s suggestion implied code should be ‘quality checked’ in JSLint with its default options, a myriad of purely aesthetic constraints are applied as well. For instance, of the three following if statements, only one is acceptable in JSLint:"

'via Blog this'

v8jslint the JSLint command line tool powered by v8 | Steve's stuff

v8jslint the JSLint command line tool powered by v8 | Steve's stuff: "v8jslint is a command line tool that uses JSLint to verify the quality of other JavaScript programs. v8jslint uses Google’s v8 open source, high performance JavaScript engine. v8jslint supports all JSLint options on the command line."

'via Blog this'

EmacsWiki: Flymake Java Script

EmacsWiki: Flymake Java Script: "There are multiple options for checking Javascript syntax that can be used within flymake. The javascript engines SpiderMonkey and Rhino can both check Javascript syntax. Alternatively, you can use Douglas Crockford’s rather handy JSLint, which is much less forgiving of bad syntax, and can enforce a sensible coding style. Another option is JSHint, which is a fork of JSLint, modified to be not as strict and more configurable in its requirements than the original. The following describe some of these options.

"

'via Blog this'