- A Complete Guide to Flexbox | CSS-Tricks
- Bar Navigation with Flexbox and SVG icons - CodePen
- flexbox in the real world
- Flexbox Based Responsive Equal Height Blocks With JavaScript Fallback — Osvaldas Valutis
- Dando los primeros pasos con FlexBox: La caja flexible con CSS3 - Blog - [Desarrollo Libre]
- Putting Flexbox into Practice presentation at Blend Conference
- Flexbox Tutorial
- flexbox in 5 minutes
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
# https://dev.twitter.com/docs/auth/application-only-auth | |
require 'open-uri' | |
require "base64" | |
require 'net/http' | |
require 'json' | |
CONSUMER_KEY = 'MY_CONSUMER_KEY' | |
CONSUMER_SECRET = 'MY_CONSUMER_SECRET' |
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
{% assign array = 'c|c|b|b|a|a' | split: '|' %} | |
{% assign tags = array[1] %} | |
{% for item in array %} | |
{% unless tags contains item %} | |
{% capture tags %}{{ tags }}|{{ item }}{% endcapture %} | |
{% endunless %} | |
{% endfor %} | |
{{ tags | split: '|' | sort | join: ', ' }} |
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
/* this is the "root" in "root em." */ | |
html { | |
font-size: 62.5%; /* Now 10px = 1rem! */ | |
} | |
body { | |
font-size: 16px; /* px fallback */ | |
font-size: 1.6rem; /* default font-size for document */ | |
line-height: 1.5; /* a nice line-height */ | |
} |
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
<a id="my_popover" href="http://fast.wistia.com/embed/iframe/fcf31a497a?autoPlay=true&controlsVisibleOnLoad=true&playerColor=81c2f0&popover=true&version=v1&videoHeight=360&videoWidth=640" class="wistia-popover[height=360,playerColor=81c2f0,width=640]"><img src="http://embed.wistia.com/deliveries/e45e6fd93899ef7abbbd0d1dc643e99e8d2f84d7.jpg?image_play_button=true&image_play_button_color=4991C4e0&image_crop_resized=150x84" alt="" /></a><script charset="ISO-8859-1" src="http://fast.wistia.com/static/popover-v1.js"></script> | |
<script> | |
wistiaJQuery("#my_popover").click(); | |
</script> |
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
.popup { | |
position: relative; | |
font-size: 12px; | |
width: 300px; | |
background-color: #28C0F7; | |
color: white; | |
padding: 15px; |
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
function keepTrying(otherArgs, promise) { | |
promise = promise||new Promise(); | |
// try doing the important thing | |
if(success) { | |
promise.resolve(result); | |
} else { | |
setTimeout(function() { | |
keepTrying(otherArgs, promise); |