| downloaded without user interaction |
We started with no organization. This is fine on small sites, but if you're coding something larger than 3 pages it gets hairy quickly.
Then OOCSS came out. OOCSS says, "make things out of small building blocks and then put them together to make bigger things - like LEGOs!"
https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/
| [ | |
| { "keys": ["ctrl+tab"], "command": "next_view" }, | |
| { "keys": ["ctrl+shift+tab"], "command": "prev_view" } | |
| ] |
| { | |
| "bold_folder_labels": true, | |
| "caret_extra_bottom": 1, | |
| "caret_extra_top": 1, | |
| "caret_style": "phase", | |
| "color_scheme": "Packages/User/SublimeLinter/Foobar (SL).tmTheme", | |
| "default_line_ending": "LF", | |
| "detect_indentation": true, | |
| "draw_white_space": "all", | |
| "ensure_newline_at_eof_on_save": true, |
| rl.on('line', function (line) { | |
| if (line.match(/rel="stylesheet"/)) { | |
| var newLine = line.replace(/(.*)/, '$1<script> </script>'); | |
| ws.write(newLine + '\n', 'utf8', function () { | |
| console.log(1) | |
| }); | |
| } else { | |
| ws.write(line + '\n', 'utf8', function () { | |
| console.log(2) | |
| }); |
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> | |
| <!-- Generated by: TmTheme-Editor --> | |
| <!-- ============================================ --> | |
| <!-- app: http://tmtheme-editor.herokuapp.com --> | |
| <!-- code: https://github.com/aziz/tmTheme-Editor --> | |
| <plist version="1.0"> | |
| <dict> | |
| <key>gutterSettings</key> | |
| <dict> |
| The Zen of Python, by Tim Peters | |
| Beautiful is better than ugly. | |
| Explicit is better than implicit. | |
| Simple is better than complex. | |
| Complex is better than complicated. | |
| Flat is better than nested. | |
| Sparse is better than dense. | |
| Readability counts. | |
| Special cases aren't special enough to break the rules. |
| { | |
| "bold_folder_labels": true, | |
| "caret_extra_bottom": 1, | |
| "caret_extra_top": 1, | |
| "caret_style": "phase", | |
| "color_scheme": "Packages/User/SublimeLinter/Chelevra (SL).tmTheme", | |
| "detect_indentation": true, | |
| "draw_white_space": "all", | |
| "font_face": "Droid Sans Mono for Powerline", | |
| "font_size": 11, |
| // touch package.json and put {} in it and save | |
| // npm install --save-dev npm-run-all browser-sync stylus | |
| // now write some sweet npm scripts (be sure to check out https://github.com/mysticatea/npm-run-all as it's awesome) | |
| { | |
| "scripts": { | |
| "start": "npm-run-all --parallel server:* styles:*", | |
| "server:browser-sync": "browser-sync start --no-notify --no-open --server --files='**/*.html, **/*.css, **/*.js'", | |
| "styles:stylus": "stylus -w css/style.styl" | |
| }, |
| var gulp = require('gulp'), | |
| postcss = require('gulp-postcss'), | |
| sourcemaps = require('gulp-sourcemaps'), | |
| autoprefixer = require('gulp-autoprefixer'), | |
| lost = require('lost'), | |
| uglify = require('gulp-uglify'), | |
| plumber = require('gulp-plumber'), | |
| stylus = require('gulp-stylus'), | |
| concat = require('gulp-concat'), | |
| browserSync = require('browser-sync').create(), |
