среда, 5 июня 2013 г.

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

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

вторник, 26 марта 2013 г.

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

регистрация доменов

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

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

Ближе к делу

воскресенье, 23 декабря 2012 г.

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

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

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

Горизонтальное выравнивание:
*все делает margin:0 auto;
.className{
    margin:0 auto;
    width:200px;
    height:200px;
}
Этот способ работает для всех блочных элементов, для строчных необходимо добавить еще одно свойсво: display:block;

четверг, 20 декабря 2012 г.

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

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

вторник, 11 декабря 2012 г.

Настройка хостов в 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

воскресенье, 21 октября 2012 г.

Изменить кнопку загрузки файла

Все просто, никакого JS, просто меняем стили (ну не совсем просто, если вы оказались на этой странице). Если все сделать правильно, кнопка загрузки файлов больше не будет такой ущербной. По примеру можно сделать ее и в своем стиле.

регистрация доменов

HTML
<div class="container upload">    <span class="btn">Добавить файл</span>    <input type="file"/></div>    
..и немного стилей:
CSS
.container {
width:300px;
margin:50px auto 0;
height:80px;
}
.upload {
position:relative;
}
.upload > input[type=file] {
display:block;
width:100%;
height:100%;
opacity:0;
}
.upload > .btn {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#efefef;
color:#555;
border:solid 1px #ddd;
border-radius:4px;
text-align:center;
font-size:2em;
line-height: 80px;
z-index:0;
}
.upload:hover > .btn {
background:#f7f7f7;
color:#333;
}
.upload:active > .btn {
background:#efefef;
color:#333;
margin-top:1px;
} ​
Вот и все! до невозможности просто)
Посмотреть как это выглядит можно здесь