Leolik

<input type="date" list="days">
<datalist id="days">
  <option label="Chris' Birthday">1980-08-26</option>
  <option label="Apollo 11 Moon Landing">1969-07-20</option>
  <option label="DDay">1944-06-06</option>
</datalist>

<h3>Examples:</h3>
<a href="http://demo.agektmr.com/datalist/">http://demo.agektmr.com/datalist/</a>

Leolik

<input type="date" list="days">
<datalist id="days">
  <option label="Chris' Birthday">1980-08-26</option>
  <option label="Apollo 11 Moon Landing">1969-07-20</option>
  <option label="DDay">1944-06-06</option>
</datalist>

<h3>Examples:</h3>
<a href="http://demo.agektmr.com/datalist/">http://demo.agektmr.com/datalist/</a>

Leolik

<input type="date" list="days">
<datalist id="days">
  <option label="Chris' Birthday">1980-08-26</option>
  <option label="Apollo 11 Moon Landing">1969-07-20</option>
  <option label="DDay">1944-06-06</option>
</datalist>

<h3>Examples:</h3>
<a href="http://demo.agektmr.com/datalist/">http://demo.agektmr.com/datalist/</a>

Leolik

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

Leolik

div {
	width: 200px;
	height: 50px;
	margin: 30px;
	background: gold;
	border: 1px solid black;
	box-shadow: black 0 -5px 3px -3px;
}

Leolik

Зачем нужен

Создал этот скрипт по просьбе моей жены, для автоматического переименования большого количества файлов (фотографий и видео). При переименовании, к имени файла добавляется дата его создания из EXIF(для фотографий) или дата последней модификации.

Пример:
P1180010.JPG -> P1180010_03-05-2013.JPG

Как запускать

./rename_with_date.sh <путь к папке с файлами>

Leolik

body {
	background: #fff;
	min-height: 100%;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-style: solid;
	border-color: #000;
	border-width: 1px 0 0 1px;

Leolik

/**
 * Circular Tooltip (SO)
 * http://stackoverflow.com/q/13132864/1397351
 */
* { margin: 0; padding: 0; }
body {
	overflow: hidden;
	background: url(http://theearlcarlson.com/experiments/amTooltip/img/bg.jpg);
}
/* generic styles for button & circular menu */

Leolik

body {
	background: pink
}

.popup {
	position: relative;
	width: 200px;
	height: 150px;
	padding: 0;
	background: #fff;

Leolik

.btn {
	box-sizing: border-box;
	display: inline-block;
	min-width: 346px;
	padding: 33px 30px;
	color: #fff;
	font: normal 36px Arial, Tahoma, FreeSans, sans-serif;
	text-align: center;
	cursor: pointer;
	font-weight: bold;