Uber Tinyowl
This file contains 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
gulp.task('nunjucks', function() { | |
return gulp.src('./source/html/pages/*.html') | |
.pipe(data(function() { | |
return JSON.parse(fs.readFileSync('./source/data/data.json')); | |
})) | |
.pipe(nunjucks(nunjucksOpts)) | |
.pipe(gulp.dest('build')) | |
.pipe(browserSync.stream()); | |
}); |
RUBY_VERSION
has never changed within major Mac OS X releases.
Mac OS X version* | Mac OS X release date |
---|
This file contains 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
// ---- | |
// libsass (v3.2.5) | |
// ---- | |
.form-signin { | |
max-width: 380px; | |
padding: 15px; | |
margin: 0 auto; | |
label { | |
font-weight: normal; |
This file contains 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
Mobile first Responsive Web Design and Development | |
Mobile first Responsive HTML Email Development | |
Designing in browser | |
Cross Browser Compatibility and Testing | |
Web Peformance | |
On-Page SEO | |
Web Typography | |
User Experience | |
Web Standards & Accessibility | |
Front-end and Design workflow automation |
The single hardest part of front-end development at scale is making changes to code and understanding all of the visual and behavioral effects that will occur as a result.
When you build a component, tests should be written that expose each state a component can be in. This test should generate a static html file and a corresponding image for every discrete state a component can be in.
This file contains 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
<mjml> | |
<mj-body> | |
<mj-container background-color="#ccc"> | |
<!-- Company Header --> | |
<mj-section padding-bottom="0" background-color="#fff"> | |
<mj-column width="100%"> | |
<mj-image align="left" src="https://avatars0.githubusercontent.com/u/16115896?v=3&s=200" width="50px"/> |
This file contains 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
<mjml> | |
<mj-body> | |
<mj-container background-color="#f8f8f8"> | |
<!-- Company Header --> | |
<mj-section padding-bottom="0"> | |
<mj-column width="100%"> | |
<mj-image align="left" src="https://avatars0.githubusercontent.com/u/16115896?v=3&s=200" width="50px"/> |
This file contains 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
<mjml> | |
<mj-body> | |
<mj-container background-color="#f8f8f8"> | |
<!-- Company Header --> | |
<mj-section padding-bottom="0" padding-top="0" padding-bottom="0" padding-left="0"> | |
<mj-column> | |
<mj-image padding-top="20" padding-left="15" padding-bottom="15" align="left" src="https://s3.eu-central-1.amazonaws.com/airfy-mail-assets/Logo.png" width="62px"/> |