caleorourke

UI/UX Design Principles

Overview

Establishing the role of the design within a project.

Designer* Roles

*Designer or Design Team

• Designer as Decorator
• Designer as Renovator

caleorourke

Better Products Through Typography

If you’re building a product, a little bit of good typography can have a lot of impact. We invest a ton of effort engineering solutions that improve our products—better caching, more efficient databases, partial pageloads for faster rendering. As developers, we often ignore the non-engineering improvements we can make to our products because we don’t know enough about them.

Design is a discipline, and every developer should know a little bit about it—just like you know a little bit about many topics that impact the products you are building. Design is just another tool in your development toolbox.

Whether you are building products for the screen or for print, type is often the main channel of communication between your product and your users. Modern typography has a rich history dating back to the invention of movable type in 1450 A.D., but many lessons were lost when type made the jump to the screen. The talk will be a mix of theory and practical advice on using typ

caleorourke

Visualizing Github

A treasure trove of data is captured daily by Github; it has become our shared consciousness of thoughts made code. What stories can that data tell us about how we think, work, and interact? How would one go about finding and telling those stories? This talk is a soup-to-nuts tour of practical data visualization with Python and web technologies, covering both the extraction and display of data in illumination of a familiar dataset.

Detailed Description

In the time that we have been crafting software, our collective efforts have never been cataloged neatly in one centralized location. Some projects have long developed in the open, and some have even exposed their development history in some form or another—but the connections between multiple projects remained hidden.

These connections between multiple developers and multiple projects are the glue that binds us together into larger developer communities—they are our mirror, and for the first time we can take a look at ourselves with

caleorourke

It can be hard to know where to start. Here are a few places.

Resources:

• Tiffany Jones Brown on the discovery process: Making Things Hard
• Whitney Hess on user interviews: My Best Advice for Conducting User Interviews
• Kevin M. Hoffman in A List Apart: Kick Ass Kickoff Meetings
• Corey Vilhauer in A List Apart: Audiences, Outcomes, and Determining User Needs
• Kristina Halvorson in the Brain Traffic blog: The Content Inventory is Your Friend
• Stephanie Hay in Web Standards Sherpa: [Designing for Content: Creating a Message Hierarchy](http://webstandardssherpa.com/reviews/designing-for-content-creating-a-message-hier

caleorourke

The first internationally recognized phonetic alphabet was created in 1927. The experience gained with that alphabet resulted in several changes being made up until the development of a standardized version during WWII.

The alphabet below is one variation of the classic 1927 version.

Letter	Name
A	Aurora
B	Black
C	Celsius
D	Dew

caleorourke

Introduction

Markdown provides a simple way to write web content without coding. It's syntactic sugar, but it's not HTML, nor does it create HTML pages. Something else does that, and that something might be Redcarpet.

Redcarpet takes Markdown syntax, like #, and translates it into HTML, which would be <h1>. This, of course, is a very elementary explanation, but you get the gist.

Table of Contents

Cheatsheet
Paragraphs

caleorourke

Installation

Run the following commands.

sudo gem install github-pages
sudo npm install

Run Tests

caleorourke

function RGBAtoRGB(r, g, b, a, r2,g2,b2){
    var r3 = Math.round(((1 - a) * r2) + (a * r))
    var g3 = Math.round(((1 - a) * g2) + (a * g))
    var b3 = Math.round(((1 - a) * b2) + (a * b))
    return "rgb("+r3+","+g3+","+b3+")";
    } 

$("#result").html(RGBAtoRGB(225,110,0,0.5,255,255,255));
​

caleorourke

$.ajax({
  url: 'https://api.github.com/repos/softlayer/softlayer-python?callback?',
  dataType: 'jsonp',
  success: function(json) {
    numStargazers = json.data;
    $('#js-github-stargazers').text(numStargazers.stargazers_count);
  }
    numWatchers = json.data;
    $('#js-github-watchers').text(numStargazers.subscribers_count);  // <-- "numStargazers" needs to be "numWatchers"
  }

caleorourke

/*
 * # Milestones
 * # Fetch data from the most recent milestone and code commit
 *
 * Copyright (c) 2014 SoftLayer, an IBM Company
 * Released under the MIT license
 *
 */