csilverman

Human Interface Guidelines Archive

About this project

Keyboard/Mouse-based

AmigaOS

• Amiga User Interface Style Guide

Apple

csilverman

/*
    gutenbook.css
    Chris Silverman - v 0.9
    - - -
    Use: install a plugin like Stylebot, and then apply this CSS to gutenberg.org. This
    provides (in my mind) a slightly better reading experience than Safari Reader, and 
    definitely a better reading experience than the default HTML versions of their books.  
*/

.chapter {

csilverman

Useful tools

Keep updating this, rather than the Obsidian one

WordPress Plugins

Development

• WP All in One Migration
• Under Construction

csilverman

/*

Dillingest 1.0
==============
Chris Silverman
2022/10/26

This is custom CSS for the dillinger.io Markdown editor. It
makes editing text a little nicer. Set it up in something 
like Stylebot to use on the Dillinger site.

csilverman

/// Rem output with px fallback.
///
/// @group Typography
/// @author Adam Laki
///
/// @param {Number} $sizeValue - Element's font size
/// @output `font-size` with fallback
///
/// @example scss - Set rem font-size to `.foo`
///   .foo {

csilverman

:root {
	--burgundy-light: #951829;

	--gray-light: #d7cfcc;
	--gray-xxxlight: #f7f5f1;	
	--gray-xxxlight-border: 1px solid rgba(212, 204, 202, 0.3);
	--gray-charcoal: #222;
	
	--gold: #C6AA76;
	

csilverman

details {
	summary {
		list-style: none;
		
		&::marker,
		&::-webkit-details-marker {
			display:none;
		}
	}
}

csilverman

var discreteElements = document.getElementsByClassName('sticky-frame')
	for (var i = 0; i < discreteElements.length; i++) {
		new Waypoint({
			element: discreteElements[i],
			handler: function(direction) {
        if ( direction == 'down' ) 
  				this.element.classList.add('stuck');
        else 
          this.element.classList.remove('stuck');
			},

csilverman

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

csilverman

tell application "Finder"
	set p to path to desktop -- Or whatever path you want
	make new folder at p with properties {name:"New Folder"}
end tell