Skip to content

Instantly share code, notes, and snippets.

Chris Basham basham

Block or report user

Report or block basham

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
basham /
Last active Aug 11, 2019
CSS Media Queries: Best Practices

CSS Media Queries: Best Practices

basham / qn.json
Created Feb 11, 2015
Quick Notes API
View qn.json
"note":"Welcome to the Kelley School of Business! Your acceptance into our school is a demonstration of the excellent work that you have completed during your first semester at Indiana University. The Kelley School of Business has a long history of graduating the brightest stars in the business world..."
basham / analyze-css.student.txt
Created Dec 19, 2014
Examining colorguard (npm) and analyze-css (npm) terminal output
View analyze-css.student.txt
analyze-css --file student.css -p
"generator": "analyze-css v0.9.1",
"metrics": {
"base64Length": 0,
"redundantBodySelectors": 0,
"redundantChildNodesSelectors": 0,
"colors": 35,
"comments": 10,
"commentsLength": 338,
basham / terms-service.js
Last active Aug 29, 2015
Demonstrating how JSON fixtures get replaced by endpoints, in the Kuali Student Course Registration proof of concept.
View terms-service.js
'use strict';
.factory('termsService', function ($resource, apiService) {
return $resource(apiService.get('terms'), {}, {
query: {
method: 'GET',
cache: true,
isArray: true
basham /
Last active Aug 29, 2015
Static KRAD Sample App


Start KRAD Sample App. Then run the following shell script.

basham /
Last active Sep 14, 2019
CSS Units Best Practices

CSS units

Recommendations of unit types per media type:

Media Recommended Occasional use Infrequent use Not recommended
Screen em, rem, % px ch, ex, vw, vh, vmin, vmax cm, mm, in, pt, pc
Print em, rem, % cm, mm, in, pt, pc ch, ex px, vw, vh, vmin, vmax

Relative units

Relative units

basham /
Last active Aug 29, 2015
Element Queries Draft Spec
View KRAD-prioritzation-JIRAs
June 25 JIRAs
basham /
Last active Aug 29, 2015
Kuali Student CSS Best Practices

Table of contents

  1. Principles


  1. Readability: Names of selectors must inherently describe the location of the corresponding source code.
  • Modularity: Styles should be grouped and isolated by their respective domain of use.
  • Low coupling: Styles should never depend on the structure or semantics of markup.
View krad-alerts-simple.html
<!-- Source: -->
<!-- Screenshot: -->
<!-- Line 130 -->
<div class="alert-danger">
<ul class="uif-validationMessagesList uif-pageValidationMessage-single">
<li class="uif-errorMessageItem">
<img class="uif-validationImage" src="" alt="Error"> <a href="#">Administering Organizations: 1 error</a>
You can’t perform that action at this time.