most of these require logout/restart to take effect
# Enable character repeat on keydown
defaults write -g ApplePressAndHoldEnabled -bool false
# Set a shorter Delay until key repeat| /** | |
| * CSS3 Border-Radius with Border - Circle Avatars | |
| */ | |
| /* General Styles */ | |
| body { background: url(http://subtlepatterns.com/patterns/white_texture.png); | |
| font: 100 14px sans-serif; | |
| color: #444555; text-shadow: 0 2px white; | |
| text-align: center; |
What if controlling your media queries was as easy as adding on to a Sass list? What if I told you it now is?
This snippet comes from a modified version of mixins in the Aura Responsive Framework and came from me hijacking the respond-to mixin namespace but still wanting to use it for custom media queries. It's a little ugly and requires Sass 3.2+ (for now, (sudo) gem install sass --pre), but it works a charm.
There are two fairly mundane caveats to this method. First, every media query needs to be named. Second, every media query needs a size and assumes min-width and screen. If you want to change min-width, simply add your operator as another option, but if you want to change screen, you need to also include your operator even if you want it to be min-width.
Also, I haven't built in warnings yet for when you do bad things, so bear that in mind.
Without further adue, tada.
#Mac OS X
Update: please note that I have since switched to using a set of bash scripts instead of poluting the Git repository with git svn.
Author: Kaspars Dambis
kaspars.net / @konstruktors
| /* | |
| Auto-version CSS & JS files, allowing for cache busting when these files are changed. | |
| Place in functions.php or wherever you are enqueueing your scripts & styles | |
| Avoids using query strings which prevent proxy caching | |
| Adjust paths based on your theme setup. These paths work with Bones theme | |
| */ |
| /** | |
| * Task: attach_heads | |
| * Description: Set the heads for all themes declared in themes.json | |
| */ | |
| module.exports = function(grunt) { | |
| 'use strict'; | |
| var fs = require('fs'); | |
| var path = require('path'); |
| gifify() { | |
| if [[ -n "$1" ]]; then | |
| if [[ $2 == '--good' ]]; then | |
| ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png | |
| time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- | gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif | |
| rm out-static*.png | |
| else | |
| ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - | gifsicle --optimize=3 --delay=3 > $1.gif | |
| fi | |
| else |
| # [...] | |
| function project_aware_subl { | |
| project_file=$(ls *.sublime-project 2>/dev/null | head -n 1) | |
| command subl ${*:-${project_file:-.}} | |
| } | |
| alias subl="project_aware_subl" | |
| # [...] |
| .clearfix:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| .clearfix { display: inline-block; } | |
| /* start commented backslash hack \*/ |