Skip to content

Instantly share code, notes, and snippets.

View caleorourke's full-sized avatar

Michael O'Rourke caleorourke

View GitHub Profile

Introduction

In this document, the following roles are mentioned:

CLIENT: Also known as the Customer. The Client requests a service or product from us.

DEVELOPERS: Builds the website functionality and behavior. Translates designs produced by Designers to HTML/CSS + Business Code that drives the

Incremental Design

Rebecca Miller-Webster and Savannah Wolf

  • Rebecca: Developer, Savannah: Designer

  • How do you make design changes?

  • Big redesigns are often long and frustrating

  • Designers throw the design over the wall

  • Developers either are confused by it, or 'screw it up'

  • Redesigning page by page can lead to technical debt, and is awkward

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

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

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

Resources:

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));

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables