For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * = MAIN Comment Block | |
| * | |
| * A Main Comment Block for a file. Recognized by the | |
| * 'heavy' bottom border. This comment lives at the top of a file and | |
| * document's its function. | |
| * | |
| * ========================================================================= */ | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #! /bin/sh | |
| alias gs="git status" | |
| alias gc="git commit" | |
| alias gr="git checkout" | |
| alias ga="git add" | |
| alias gl="git lola" |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #!/bin/bash | |
| USER=${1:-sebble} | |
| STARS=$(curl -sI https://api.github.com/users/$USER/starred?per_page=1|egrep '^Link'|egrep -o 'page=[0-9]+'|tail -1|cut -c6-) | |
| PAGES=$((658/100+1)) | |
| echo You have $STARS starred repositories. | |
| echo |
At some point you’ll find yourself in a situation where you need edit a commit message. That commit might already be pushed or not, be the most recent or burried below 10 other commits, but fear not, git has your back 🙂.
git commit --amendThis will open your $EDITOR and let you change the message. Continue with your usual git push origin master.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Flexible Layouts with Susy & Breakpoint | |
| Creating layouts for responsive design can be challenging because of the math involved in calculating column widths and gutters, so it’s common for designers to turn to Frameworks and/or Sass to help simplify some of the process. A lot of frameworks are structured around a 12-column grid, but a flexible and responsive grid doesn’t always fit into this structure. In this article, I’m going to show you how to use a coupe of Sass extensions that can help you create truly flexible layout that transcend the 12-column grid. | |
| In this article, I’m going to show you how to use a couple of Sass extensions to tame your layout problems. | |
| The problem | |
| Responsive design for layouts can be tough, because it involves calculating: |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var redirect = function(url, time) { | |
| window.setTimeout(function() { | |
| // http://stackoverflow.com/a/506004 | |
| window.location.replace(url); | |
| }, time); | |
| }; | |
| // redirect('http://жизнь-вечная.рус', 7000); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var $ = require('gulp-load-plugins')(); | |
| var gulp = require('gulp'); | |
| var merge = require('merge-stream'); | |
| gulp.task('sass', function() { | |
| var source = gulp.src('./src/scss/index.scss') | |
| .pipe($.sourcemaps.init()) | |
| // compile sass into css | |
| .pipe($.sass({ includePaths: './src' }).on('error', $.sass.logError)) | |
| // autoprefix css |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var gulp = require('gulp'), | |
| plugins = require('gulp-load-plugins')(); | |
| var bourbon = require('node-bourbon').includePaths, | |
| neat = require('node-neat').includePaths; | |
| function getTask(task) { | |
| return require('./gulp/tasks/' + task)(gulp, plugins, site); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var gulp = require('gulp'), | |
| plugins = require('gulp-load-plugins')(); | |
| var bourbon = require('node-bourbon').includePaths, | |
| neat = require('node-neat').includePaths; | |
| function getTask(task) { | |
| return require('./gulp/tasks/' + task)(gulp, plugins, site); | |
| } |
NewerOlder