| * { | |
| font-size: 12pt; | |
| font-family: monospace; | |
| font-weight: normal; | |
| font-style: normal; | |
| text-decoration: none; | |
| color: black; | |
| cursor: default; | |
| } |
| Tänkte sammanfatta vad vi pratade om och få ner lite länkar till de saker som kom upp. | |
| http://reactize-todo.herokuapp.com är som @ptomasroos nämde byggt enligt ROCA http://roca-style.org/ vilket jag inte hade någon aning om när jag satte ihop den. Kul att det fanns ett namn på tankesättet. | |
| Boken Adaptive Web Design http://kammerkunst.de/data/Adaptive-Web-Design.pdf beskriver hur webben var tänkt att fungera med kontent först via HTML och att sedan CSS och Javascript lades på som lager för att utöka upplevelsen för de som hade stöd för det. | |
| Jag nämde att jag tagit mycket inspration från Ryan Singer från 37Signals / Basecamp på hur han designar och tänker när han skapar sina UI / Flöden. "Designing with Forces: How to Apply Christopher Alexander in Everyday Work" http://interactiondesign.sva.edu/archive/view/video_ryan_singer_lecture/ är en bra video där han beskriver hur han tänker. Diskutterar gärna denna mer ingående om du finner den intressant. | |
| Ryan var även med i podcasten full stack radio http://full |
I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).
| #!/bin/bash | |
| # | |
| # This script merges all the repos we have into subfolders in a new repo | |
| # | |
| # Clones or copies a repository from either disc or remote repository. | |
| cloppy() { | |
| local dir=$1 | |
| if [[ -z $2 ]]; then | |
| local repo=$dir |
| angular.module('myServices') | |
| .factory('visibilityBroadcaster', function($rootScope, $document, _) { | |
| var document = $document[0], | |
| features, | |
| detectedFeature; | |
| features = { | |
| standard: { | |
| eventName: 'visibilitychange', |
| // Large swatches copied from jQuery. | |
| // "cargo-culting, makes me happy" Don Ho we love you!! | |
| Snap.plugin(function (Snap, Element ) { | |
| // Used for splitting on whitespace | |
| var core_rnotwhite = /\S+/g, | |
| rclass = /[\t\r\n\f]/g, |
| int latch = 7; //signals controller to latch button states | |
| int pulse = 5; //toggle to shift out button states | |
| int data = 9; //data in line | |
| int data_byte; //byte that stores button states | |
| int count[] = {0,0,0,0,0,0,0,0}; //each value stores 1 or 0 indicating whether a key is currently pressed | |
| char keys[] = {'a','b','s','d','u','j','l','r'}; //keyboard keys to be pressed | |
| int tempbit; //iterates over the data_byte to grab each button's state | |
| void setup() { | |
| pinMode(latch, OUTPUT); |
| 'use strict'; | |
| var lrSnippet = require('grunt-contrib-livereload/lib/utils').livereloadSnippet; | |
| var mountFolder = function (connect, dir) { | |
| return connect.static(require('path').resolve(dir)); | |
| }; | |
| // ... |
| /node_modules/ | |
| /docs/ | |
| /benchmarks/results.csv |
When times get tough and people get nasty, you’ll need more than a killer smile. You’ll need a killer contract.
Used by 1000s of designers and developers Clarify what’s expected on both sides Helps build great relationships between you and your clients Plain and simple, no legal jargon Customisable to suit your business Used on countless web projects since 2008
…………………………
