| ### Keybase proof | |
| I hereby claim: | |
| * I am mike-engel on github. | |
| * I am beardfury (https://keybase.io/beardfury) on keybase. | |
| * I have a public key whose fingerprint is F7D1 CC36 4FE8 7DB6 7509 C004 013C 1DD2 F998 EEC9 | |
| To claim this, I am signing this object: |
| <picture> | |
| <source srcset="desktop-1024.jpg 1024w, desktop-5000.jpg 5000w" media="(min-width: 1024px)> | |
| <source srcset="mobile-320.jpg 320w, mobile-768.jpg 768w" media="(min-width: 320px)> | |
| <img src="fallback.jpg"> | |
| </picture> |
| <picture> | |
| <source srcset="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1024/v1444865801/forest.jpg 1024w, | |
| https://res.cloudinary.com/beardfury/image/upload/c_scale,w_5000/v1444865801/forest.jpg 5000w" | |
| media="(min-width: 1024px)"> | |
| <source srcset="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_320/v1444865801/forest.jpg 320w, | |
| https://res.cloudinary.com/beardfury/image/upload/c_scale,w_768/v1444865801/forest.jpg 768w" | |
| media="(min-width: 320px)"> | |
| <img src="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1000/v1444865801/forest.jpg" alt="Green forest scene"> | |
| </picture> |
| <div class="portfolio-item-1"> | |
| <img src="<%= responsiveImageString('v1444865801/forest.jpg', 1000, true) %>" | |
| srcset="<%= responsiveImageString('v1444865801/forest.jpg', [320, 768, 1024, 5000]) %>" | |
| sizes="(min-width: 1024px) 50vw, 100vw) | |
| alt="Green forest scene"> | |
| </div> |
| <img src="fallback.jpg" | |
| srcset="small.jpg 320w, | |
| medium.jpg 768w, | |
| large.jpg 1024w, | |
| superHuge.jpg 5000w" | |
| sizes="(min-width: 1024px) 50vw, 100vw"> |
| function generateResponsiveString (filename, widths, isFallback) { | |
| 'use strict' | |
| const urlPrefix = 'https://res.cloudinary.com/beardfury/image/upload/c_scale,w_' | |
| let fullString = '' | |
| if (isFallback) { | |
| return urlPrefix + widths + filename | |
| } |
Right now, we have a fairly simple, but sometimes hard to describe branching strategy for picturefill. I've outlined the basic process which will hopefully clear up any questions.
Here is a simple version, which more closely aligns with the github flow. All new work gets merged into master and released as a new version when it's ready. No more waiting.
| #!/usr/local/bin/ruby | |
| require 'rubygems' | |
| require 'colored' | |
| print 'Colors are'.bold | |
| print ' black'.black | |
| print ' blue'.blue | |
| print ' cyan'.cyan | |
| print ' green'.green | |
| print ' magenta'.magenta |
| <img src="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1000/v1444865801/forest.jpg" | |
| srcset="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_320/v1444865801/forest.jpg 320w, | |
| https://res.cloudinary.com/beardfury/image/upload/c_scale,w_768/v1444865801/forest.jpg 768w, | |
| https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1024/v1444865801/forest.jpg 1024w, | |
| https://res.cloudinary.com/beardfury/image/upload/c_scale,w_5000/v1444865801/forest.jpg 5000w" | |
| sizes="(min-width: 1024px) 50vw, 100vw"> |
| #[macro_use] | |
| extern crate lazy_static; | |
| use std::fs::File; | |
| use std::io::prelude::*; | |
| use std::collections::HashSet; | |
| use std::iter::FromIterator; | |
| lazy_static! { | |
| static ref PASSWORDS: HashSet<&'static str> = { |
