<!DOCTYPE html> | |
<html> | |
<head> | |
<!-- Meta conf --> | |
<meta charset="UTF-8"> | |
<!-- Meta info --> | |
<title>HTML5 Microdata Resume (CV) Template</title> | |
<meta name="description" content="An example of how to layout a semantic html5 page for a curriculum vitae/resume"> | |
<meta name="keywords" content="template, html, semantic, microdata, resume, cv, curriculum, vitae"> | |
</head> |
{ fontWeight: '100' }, // Thin | |
{ fontWeight: '200' }, // Ultra Light | |
{ fontWeight: '300' }, // Light | |
{ fontWeight: '400' }, // Regular | |
{ fontWeight: '500' }, // Medium | |
{ fontWeight: '600' }, // Semibold | |
{ fontWeight: '700' }, // Bold | |
{ fontWeight: '800' }, // Heavy | |
{ fontWeight: '900' }, // Black |
#!/usr/bin/env bash | |
echo "Install XCode first" | |
xcode-select --install | |
# Setup directories | |
mkdir ~/Projects | |
mkdir ~/Projects/Repositories | |
mkdir ~/Projects/Material |
STUFF = this is some stuff |
(() => { | |
let count = 0; | |
function getAllButtons() { | |
return document.querySelectorAll('button.is-following') || []; | |
} | |
async function unfollowAll() { | |
const buttons = getAllButtons(); |
Note: < i=OS 5.1 use
prefs:
. > 5.1 useapp-settings:
- app-settings:root=General&path=About
- app-settings:root=General&path=ACCESSIBILITY
- app-settings:root=AIRPLANE_MODE
- app-settings:root=General&path=AUTOLOCK
- app-settings:root=General&path=USAGE/CELLULAR_USAGE
- app-settings:root=Brightness
I have always struggled with getting all the various share buttons from Facebook, Twitter, Google Plus, Pinterest, etc to align correctly and to not look like a tacky explosion of buttons. Seeing a number of sites rolling their own share buttons with counts, for example The Next Web I decided to look into the various APIs on how to simply return the share count.
If you want to roll up all of these into a single jQuery plugin check out Sharrre
Many of these API calls and methods are undocumented, so anticipate that they will change in the future. Also, if you are planning on rolling these out across a site I would recommend creating a simple endpoint that periodically caches results from all of the APIs so that you are not overloading the services will requests.
CloudFlare is an awesome reverse cache proxy and CDN that provides DNS, free HTTPS (TLS) support, best-in-class performance settings (gzip, SDCH, HTTP/2, sane Cache-Control
and E-Tag
headers, etc.), minification, etc.
- Make sure you have registered a domain name.
- Sign up for CloudFlare and create an account for your domain.
- In your domain registrar's admin panel, point the nameservers to CloudFlare's (refer to this awesome list of links for instructions for various registrars).
- From the CloudFlare settings for that domain, enable HTTPS/SSL and set up a Page Rule to force HTTPS redirects. (If you want to get fancy, you can also enable automatic minification for text-based assets [HTML/CSS/JS/SVG/etc.], which is a pretty cool feature if you don't want already have a build step for minification.)
- If you
<html> | |
<head> | |
<title>Google Maps Multiple Markers</title> | |
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> | |
</head> | |
<body> | |
<div id="map" style="height: 400px; width: 500px;"> | |
</div> | |
<script type="text/javascript"> |