Используем Dropbox как хостинг для сайта или как создать свои сайт на Dropbox

Нравится мне Dropbox, нравится облачные темы, что-то в этом есть, не просто удобно использовать, но и как то особенно «вкусно» нам все это преподносят.
Вот и в данном случае красиво получается…
Совсем недавно появился сервис Droppages. Смысл заключается в том, что в итоге мы получим свой сайт на artslab.droppages.com, при этом файлы сайта будут лежать на сервисе Dropbox.
Как это сделать?

Во-первых необходимо зарегистрировать себе аккаунт на Dropbox и установить приложение сервиса на компьютер. После этого заходим в папку Dropbox и создаем в ней новую папку «название_сайта.droppages.com», расшариваем ее(правой кнопкой по папке «Dropbox -> Share This Folder…») с server1@droppages.com и через некоторое время получаем подтверждение по почте. Заходим по ссылке «название_сайта.droppages.com» и вуаля, заработало!
Что в этом особенного, кроме поддомена на сайте droppages.com?

1. Структура сайта
На дропбокс всегда можно было загрузить html файл, расшарить его и получилась бы своя страничка, кажется все тоже самое кроме домена второго уровня, но не все так просто.

Структура нашего сайта на droppages делится на три папки: Content, Public и Templates.
В первой хранится содержание сайта в текстовых файлах, стоит отметить разметку сайта, используется – Markdown.
В папке Public хранятся js- и css-файлы.
И последняя папка Templates cодержит html-шаблоны страниц.
Кстати, на сайте также доступны готовые шаблоны, правда пока что только их только два.

2. Удобная синхронизация файлов
Все файлы лежат в папке на компьютере, которая постоянно синхронизируется с dropbox, а это значит что бэкап всегда лежит готовый в папке. Так же не нужно лишний раз запускать фтп клиент, подключаться к серверу. Не нужно заходить в веб-интерфейс, вводить логин и пароль.
3. Бесплатность сервиса, ЧПУ
Dropbox дает нам бесплатный хостинг c 10 гб траффика в день + мин. 2 гб дискового пространства. Ну и последнее, не столь важное но приятное – это ЧПУ, красивые и понятные ссылки.
Итог: Сервис пока что новый и не совсем понятно что будет в будущем, но идея и реализация мне нравится. Подойдет для создания небольших статических сайтов.
Оптимизация сайта для для Iphone/iPod/iPad (добавляем иконку и сообщение приветствия)
Хоть в заголовке и присутствуют «яблочные» слова, но содержание поста будет наиболее важным не для владельцев данных девайсов, а для нас, вебмастеров. Сегодня мы займемся улучшением совместимости нашего сайта с iPhone/iPad и iPod.
Дело в том что в браузере iPhone, присутствует функция «+ -> Добавить «домой» «, которая добавляет иконку (с ссылкой на сайт) на домашний экран устройства. Эта самая иконка должна иметь название apple-touch-icon.png и путь к ней должен быть прописан, примерно так же, как и к favicon. Размер не имеет значения, я создал 60x60px. Некоторые рекомендуют 120x120px, но главное чтобы выглядело красиво.
Прописывается иконка таким образом:
<link rel="apple-touch-icon" href="путь_к_иконке/apple-touch-icon.png" />
Если же иконка отсутствует, то на её месте будет отображаться стандартный пустой вариант.
Для тех кто пользуется WordPress рекомендую воспользоватся плагином WpTouch, о нем я уже писал более подробно. В настройках WpTouch есть отдельная возможность добавить иконку прямо через админ-интерфейс движка.
И напоследок еще одна приятная мелочь, те кто заходил с айфона например на мобильную версию сайта vkontakte, наверняка видели такое всплывающее сообщение:

Добавить к себе на сайт такое pop-up окно, можно с помощью скрипта Add To Home Screen.
Устанавливается очень просто, скачиваем файлы и загружаем их к себе на сайт. Затем прописываем настройки скрипта и путь к файлам, на главной странице сайта, а именно перед тегом <head/>:
<script type="text/javascript">
var addToHomeConfig = {
touchIcon:true,
message:'This is a custom message. Your device is an <strong>%device</strong>. The action icon is `%icon`.'
};
</script>
<link rel="stylesheet" href="path/to/add2home.css">
<script type="application/javascript" src="path/to/add2home.js"></script>

В строке «message:» содержится текст всплывающего окна, его можно заменить на свои, либо удалить эту строка, тогда там будет отбражатся стандартное сообщение.
Темы для Firefox 4 (10 тем)

Во-первых наверное стоит поздравить всех пользователей огнелиса с выходом новой версий браузера. Во-вторых я решил сделать подборку, состоящую из 10 тем для новой версий браузера. Пока что не так уж и много тем поддерживают четверку, так что выбираем из того что есть
1. FXChrome – преобразует Firefox в образ хрома

2. Firefox 3 theme for Firefox 4 – может кому-то больше по душе старая тема?

3. MacOSX Theme – Firefox со вкусом яблока

Прочесть новость целиком »
На радость десктопу #2
Новая неделя, новые обои. Просто и красиво =)

Форматы: 16:10, 16:9, 5-4, 4-3, iPad, iPhone, доступны на страничке автора
Как зарегистрировать несколько аккаунтов на один email?

Небольшой совет для тех, кто по какой либо причине не может/хочет создавать отдельный email для регистраций второго аккаунта на одном сайте/сервисе. Работает только для владельцев почтовых ящиков на Gmail.
А вообще, всем рекомендую завести себе «гуглопочту», кто еще это не сделал.
Дело в том что пользователям почты Gmail разрешено использовать точки в почтовом адресе. То есть, myemail@gmail.com и my.email@gmail.com это один и тот же ящик, но для скрипта сайта это два разных адреса, так как они отличаются одним знаком – точкой. Поэтому если у Вас занят почтовый адрес myemail@gmail.com, то можете смело регистрировать второй аккаунт на my.email@gmail.com, третий на m.y.email@gmail.com и так далее. Скрипт сайта примет это и ни о чем не возмутиться.
Например, таким образом можно регистрировать аккаунты в Твиттере, в разных социальных сетях и на любых других сайтах.
PS: Вообще использование точки в адресе почты @gmail, это давно известный факт, только вот раньше я не видел в этом пользы и не находил для этого реального применения.





