#HTML presentation tools
There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.
##CSSS
CSS-based SlideShow System
// -------------------------------------------------- | |
// Flexbox LESS mixins | |
// The spec: http://www.w3.org/TR/css3-flexbox | |
// -------------------------------------------------- | |
// Flexbox display | |
// flex or inline-flex | |
.flex-display(@display: flex) { | |
display: ~"-webkit-@{display}"; | |
display: ~"-ms-@{display}box"; // IE10 uses -ms-flexbox |
CULTURE SPEC.CULTURE ENGLISH NAME | |
-------------------------------------------------------------- | |
Invariant Language (Invariant Country) | |
af af-ZA Afrikaans | |
af-ZA af-ZA Afrikaans (South Africa) | |
ar ar-SA Arabic | |
ar-AE ar-AE Arabic (U.A.E.) | |
ar-BH ar-BH Arabic (Bahrain) | |
ar-DZ ar-DZ Arabic (Algeria) | |
ar-EG ar-EG Arabic (Egypt) |
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" | |
" Sections: | |
" -> General | |
" -> VIM user interface | |
" -> Colors and Fonts | |
" -> Files and backups | |
" -> Text, tab and indent related | |
" -> Visual mode related | |
" -> Moving around, tabs and buffers | |
" -> Status line |
#!/usr/bin/env sh | |
## | |
# This is script with usefull tips taken from: | |
# https://github.com/mathiasbynens/dotfiles/blob/master/.osx | |
# | |
# install it: | |
# curl -sL https://raw.github.com/gist/2108403/hack.sh | sh | |
# |
<!doctype html> | |
<!-- http://taylor.fausak.me/2015/01/27/ios-8-web-apps/ --> | |
<html> | |
<head> | |
<title>iOS 8 web app</title> | |
<!-- CONFIGURATION --> |
html:-moz-full-screen { | |
background: red; | |
} | |
html:-webkit-full-screen { | |
background: red; | |
} | |
html:-ms-fullscreen { | |
background: red; |
A good commit message looks like this:
Header line: explaining the commit in one line
Body of commit message is a few lines of text, explaining things
in more detail, possibly giving some background about the issue
being fixed, etc etc.
The body of the commit message can be several paragraphs, and
please do proper word-wrap and keep columns shorter than about
/* | |
* Property prefix hacks | |
*/ | |
/* IE6 only - any combination of these characters */ | |
_ - £ ¬ ¦ | |
/* IE6/7 only - any combination of these characters */ |
<!DOCTYPE html> | |
<html lang="en" | |
xmlns="http://www.w3.org/1999/xhtml" | |
xmlns:og="http://ogp.me/ns" | |
xmlns:fb="http://www.facebook.com/2008/fbml"> | |
<head> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<meta charset="utf-8"> | |
<!--[if lt IE 7]><html class="no-js ie6"><![endif]--> | |
<!--[if IE 7]><html class="no-js ie7"><![endif]--> |