Использование Drag&Drop в HTML 5

Долгое время для создания Drag&Drop функционала использовались JavaScript-функции, однако браузеры не всегда корректно могли отображать результат. В HTML 5 есть способ грамотной поддержки Drag&Drop, с небольшим применением JavaScript. В этой статье подробно разобран наглядный пример применения Drag&Drop в HTML 5.

Поддержка браузерами

Расстояние между двумя точками

Нужно рассчитать расстояние между двумя точками?
Функция считает расстояние в километрах, милях и тп между двумя точками. Каждая точка задается широтой (latitude) и долготой (longitude).

Кэш в html5 приложениях

Давно ничего не писал, но пришло время наверстывать упущенное)

HTML5 (англ. HyperText Markup Language, version 5) — язык для структурирования и представления содержимого для всемирной паутины, а также основная технология, используемая в Интернете. Это пятая версия HTML-стандарта (изначально созданного в 1990 году и последней версией которого являлся HTML4, стандартизированный в 1997 году) и находится в стадии разработки по состоянию на февраль 2013 года. Основной её целью является улучшить язык, поддерживающий работу с новейшими мультимедийными приложениями, при этом сохраняется лёгкость чтения кода для человека и ясность исполнения для компьютеров и приспособлений (веб-браузеры, синтаксические анализаторы и т. д.).
Только вдумайтесь в это.. 1997 год.

Ближе к делу

Снятие масок. Mr. Freeman

Вертикальное и горизонтальное центрирование div

Наверняка все сталкивались отцентрировать блок

Горизонтальное выравнивание:
*все делает margin:0 auto;

.className{
    margin:0 auto;
    width:200px;
    height:200px;
}

Этот способ работает для всех блочных элементов, для строчных необходимо добавить еще одно свойсво: display:block;

Отличный и простой выбиральщик даты и времени на jQuery

Понадобилось реализовать одновременно выбор даты и времени из одного поля, изобретать велосипед не стал. Нагуглил отличный плагин - вот.
Все :D
Плагин действительно простой, симпатичный и с кучей настроек!

Настройка хостов в XAMPP

Открываем в текстовом редакторе файл httpd-vhosts.conf, расположенный по следующему адресу: C:\xampp\apache\conf\extra.

Примечание: рекомендую для большего удобства создать сразу ярлык для этого файла, например в папке C:\xampp, чтобы потом можно было быстро добавлять новые виртуальные хосты.

Все что находится в файле httpd-vhosts.conf мы трогать не будем, а просто добавим наши хосты (просто скопируйте и вставьте в файл приведенный ниже код):

NameVirtualHost *:80

<VirtualHost *:80>
    DocumentRoot "C:\xampp\htdocs"
    ServerName localhost
</VirtualHost>
<VirtualHost *:80>
    ServerAdmin webmaster@blog.local
    DocumentRoot "C:\xampp\htdocs\life_site\public_html"
    ServerName life.dev
    ServerAlias www.life.dev
    ErrorLog "C:\xampp\htdocs\life_site\public_html\error.log"
    CustomLog "C:\xampp\htdocs\life_site\public_html\access.log" combined
  <Directory "C:\xampp\htdocs\life_site\public_html">
    AllowOverride All
    Order allow,deny
    Allow from all
  </Directory>
</VirtualHost>

Верхний виртуальный хост, выделен другим цветом, позволит нам по прежнему заходить на localhost (локальный сайт XAMPP).

Следующим шагом нам потребуется добавить две строчки в файл hosts, расположенный по следующему адресу C:\Windows\System32\drivers\etc\hosts (также рекомендую создать для него ярлык в папке сервера):

127.0.0.1     life.dev
127.0.0.1     www.life.dev