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
basham / css-media-queries-best-practices.md
Last active May 14, 2019
CSS Media Queries: Best Practices
View css-media-queries-best-practices.md

CSS Media Queries: Best Practices

@basham
basham / qn.json
Created Feb 11, 2015
Quick Notes API
View qn.json
{
"notes":{
"1":{
"id":1,
"title":"Welcome",
"categoryId":1,
"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..."
},
"2":{
"id":2,
@basham
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
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';
angular.module('kscrPocApp')
.factory('termsService', function ($resource, apiService) {
return $resource(apiService.get('terms'), {}, {
query: {
method: 'GET',
cache: true,
isArray: true
}
@basham
basham / README.md
Last active Aug 29, 2015
Static KRAD Sample App
View README.md

Instructions

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

bash static-krad-sampleapp.sh
@basham
basham / css-units-best-practices.md
Last active Jul 11, 2019
CSS Units Best Practices
View css-units-best-practices.md

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
basham / element-query-spec.md
Last active Aug 29, 2015
Element Queries Draft Spec
View element-query-spec.md
View KRAD-prioritzation-JIRAs
June 25 JIRAs
KULRICE-10203
KULRICE-10360
KULRICE-10367
KULRICE-10371
KULRICE-10373
KULRICE-10376
KULRICE-10394
KULRICE-10454
KULRICE-10775
@basham
basham / ks-css-best-practices.md
Last active Aug 29, 2015
Kuali Student CSS Best Practices
View ks-css-best-practices.md

Table of contents

  1. Principles

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: http://pastebin.com/0zQvqpZ8 -->
<!-- Screenshot: http://i.imgur.com/bdspMbL.jpg -->
<!-- Line 130 -->
<div class="alert-danger">
<ul class="uif-validationMessagesList uif-pageValidationMessage-single">
<li class="uif-errorMessageItem">
<img class="uif-validationImage" src="http://env6.ks.kuali.org/themes/ksboot/images/validation/error.png" alt="Error"> <a href="#">Administering Organizations: 1 error</a>
</li>
</ul>
You can’t perform that action at this time.