This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.
To capture the video (filesize: 19MB), using the free "QuickTime Player" application:
<style> | |
/* ... */ | |
/*--- Preheader declaration in style block in addition to inline for Outlook */ | |
.preheader { display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0; } | |
</style> | |
</head> | |
<body> | |
<!-- PRE-HEADER TEXT --> | |
<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">Preheader text shows up in GMail, iOS, Mail.app, & more: 75 text char limit</span> |
⇐ back to the gist-blog at jrw.fi
Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.
I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.
This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso
// Start server | |
grunt.registerTask('server', "Activate venv and start foreman.", function() { | |
var cmd = 'source venv/bin/activate \n'; | |
cmd += 'foreman start'; | |
exec(cmd, function(err, stdout) { | |
if (err) { | |
throw err; | |
} | |
grunt.log.write(stdout); |
# Rails Stuff | |
alias stoprails='kill -9 $(lsof -i :3000 -t)' | |
alias startrails='rails server -d' | |
alias restartrails='stopRails && startRails' | |
#Check PHP For Erroes | |
alias phpcheck='find ./ -name \*.php | xargs -n 1 php -l' | |
# ROT13-encode text. Works for decoding, too! ;) | |
alias rot13='tr a-zA-Z n-za-mN-ZA-M' |
var ko = require('knockout'); | |
ko.components.register('simple-name', require('./components/simple-name/simple-name.js')); | |
ko.applyBindings({ userName: ko.observable() }); |
Disclaimer: This piece is written anonymously. The names of a few particular companies are mentioned, but as common examples only.
This is a short write-up on things that I wish I'd known and considered before joining a private company (aka startup, aka unicorn in some cases). I'm not trying to make the case that you should never join a private company, but the power imbalance between founder and employee is extreme, and that potential candidates would
<!DOCTYPE html> | |
<html prefix="og: http://ogp.me/ns#"> | |
<head> | |
<!-- content-type, which overrides http equivalent header. Because of charset, this meta should be set at first. --> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | |
<!-- Overrides http equivalent header. This tells IE to use the most updated engine. --> | |
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
<!-- Tells crawlers how to crawl this page, and the role of this page. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta --> | |
<meta name="robots" content="index, follow"> |