2012-01-31

Собственный домен для Amazon S3

howto, вебмастеринг

Amazon представляет замечательный сервис для хранения данных в облаке известный как Amazon S3. Но при всей своей замечательности файлы, хранимые в облаке, имеют доменное имя http://s3.amazon.com/[имя корзины]/путь/к/файлу.gif. Ежу понятно, такое имя совершенно некрасиво и хочется, чтобы оно было покрасивее. Разработчики пошли нам навстречу и сделали, чтобы к файлу можно было обращаться по имени http://[имя корзины].s3.amazon.com/путь/к/файлу.gif

Немного лучше, но не айс - всё равно, доменное имя некрасивое. Оказывается, для S3 можно указать собственное доменное имя третьего уровня. Для этого достаточно именем корзины выбрать желаемое доменное имя и создать CNAME запись со ссылкой на амазоновский сервер.

Алгоритм работы следующий:

1. Создаем корзину с именем домена для наших файлов (в моем случае это s3.o.itaccept.ru)
2. Создаем CNAME запись для домена третьего уровня ссылающуюся на s3.amazonaws.com

Если все получилось но после обновления DNS ваши файлы будут видны по трем адресам: http://s3.o.itaccept.ru.s3.amazonaws.com/folder2/banner.jpg, http://s3.amazonaws.com/s3.o.itaccept.ru/folder2/banner.jpg, http://s3.o.itaccept.ru/folder2/banner.jpg

 

Оставить комментарий

 
  2011-12-27

HTML5 сегодня

вебмастеринг

Всё больше и больше разработчики начинают использовать HTML5. При этом большинство браузеров до сих пор не умеют нормально поддерживать HTML5, и под большинством я подразумеваю Internet Explorer версии ниже чем девятка, который стоит у большей части интернет пользователей. При этом, у IE есть одна нехорошая особенность - если он встречает в разметке незнакомый тег - он просто его игнорирует. Старые версии Firefox ведут себя более терпимо к незнакомым элементам - незнакомые теги используются в отображении контента если для них задан display:[something], поэтому, и если для незнакомых элементов задать стили отображения в CSS то они будут отображены как надо. IE незнакомые теги просто проигнорирует.

Чтобы исправить такое поведение браузера Реми Шарп (Remy Sharp) сделал маленький скрипт заменяющий теги типа article, section и прочие обычными div'ами. Конечно, теги типа video работать не будут, но зато теперь можно использовать контекстные HTML теги типа section, footer, header и прочие.

Насколько это оправдано я пока не прочувствовал, но, как факт, HTML5 теперь вполне можно использовать для кроссбраузерной вёрстки. Хотя, лично для меня, преимущества HTML5 тегов пока выглядят спорными, но многим нравится, особенно тем кто заказывает музыку, а значит, придётся с этим считаться.

 

Оставить комментарий

 
  2011-05-24

Рубины на рельсах

вебмастеринг, Ruby on Rails

Сел разбираться в Ruby - существо занятное, мне оно больше всего напоминает JavaScript, хотя синтаксис весьма безумен... Хотя... если разобраться так я могу и на JS написать так, что никто не поймет...

 

Оставить комментарий

 
  2011-04-26

Leverage browser caching

howto, вебмастеринг

Для того чтобы проверить есть ли у сайта узкие места можно воспользоваться мега полезной штукой Page Speed Plugin. Работает в chrome и firefox. Оказывается на большинстве сайтов по умолчанию не выводятся заголовки которые говорят браузеру как правильно кешировать ресурсы

На linode.com для решение проблемы добавил в httpd.conf следующее:

<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/x-icon "access plus 2 weeks"
    ExpiresByType image/png "access plus 2 weeks"
    ExpiresByType image/jpeg "access plus 2 weeks"
    ExpiresByType image/gif "access plus 2 weeks"
    ExpiresByType text/javascript "access plus 1 week"
    ExpiresByType text/css "access plus 1 week"
</IfModule>

На другом сервере указанное действо оказалось недостаточным пришлось добавить:

Header unset Pragma
FileETag None
Header unset ETag

И еще включил сжатие для некоторых файлов:
AddOutputFilterByType DEFLATE text/css application/x-javascript application/javascript

 

 

Оставить комментарий

 
  2011-03-25

New York Times in HTML5

вебмастеринг

Нью-Йорк Таймс сделали online версию своей газеты на HTML5, однако, действительно, удобная штука получилась, как будто читаешь реальную газету. Нужно будет присмотреться повнимательнее к этой технологии.

 

Коментариев: 3

 
  2011-02-24

Домены за сто рублей

вебмастеринг

Давно хотел написать, да все было лень. Обычно я покупаю домены в зоне ru примерно за 500 рублей. В интернете полно предложений на этот счет, но недавно узнал, что, оказывается цена доменов практически ничем не регулируется - поэтому регистраторы продают домены по той цене по которой их покупают.

На сайте www.2domains.ru сейчас можно купить домены в зоне ru на год за 99  рублей. При этом через год, продление домена также будет стоить 99 рублей.

Я сначала подумал — развод, но когда я таким образом зарегистрировал aiki-center.ru и seikikan.ru — все прошло на ура. Ребята предоставляют доступ к площадке reg.ru а reg.ru вполне себе солидный регистратор. Оплачивать можно через мобильный кошелёк QIWI - это вообще сказка. На сайте сказано, также, что можно переносить домены от других регистраторов и тогда их продление также будет стоить сто рублей. Это я еще не проверял, но переплачивать за домены как то не хочется, поэтому когда придет время что-нибуть продлять обязательно попробую.

 

Коментариев: 1

 
  2011-02-18

DNSBL

вебмастеринг, микросервисы

Потребовалось проверить некий IP адрес на наличие в блеклистах. Обычно для проверки занесен ли адрес в блеклист используют класс pear Net_DNSBL но у меня локально он наотрез отказался работать корректно, к тому же он требует чтобы PHP был не ниже 5.3.x.x. Такое его поведение мне не понравилось, поэтому решил разобраться как на самом деле происходит проверка. Оказалось все банально до пошлости: сам блеклист есть не что иное как набор DNS файлов на некоем сервере. Допустим, нужно проверить есть ли IP 1.2.3.4 на блеклисте 'db.wpbl.info' для этого просто достаточно проверить существует ли субдомен: 4.3.2.1.db.wpbl.info (обратите внимание - IP указывается в обратном порядке). Если существует - адрес в блеклисте, если нет - на нет и суда нет. Функция checkdnsrr нам в помощь.

По аналогии с  http://www.dnsbl.info/dnsbl-database-check.php сделал аналогичный сервис у себя на сайте - на всякий случай.

Кстати, оказалось что ренетовский IP через который я выхожу в Internet находится сразу в нескольких блеклистах из этого списка.

 

Оставить комментарий

 
  2010-12-01

Семантический CSS

howto, вебмастеринг, css

Если вы когда либо занимались HTML версткой, то вам наверняка доводилось  слышать от клиентов фразы типа: "сделай эту надпись больше", "этот заголовок должен быть красным",  все синие заголовки сделать светлее" и т. п...
Подобные задачи наиболее часто приходится решать HTML верстальщику при работе с текстом. Само собой разумеется, все эти задачи должны рещаться использованием стилей — хороший верстальщик будет использовать внешние стили прописанные в CSS файле, плохой - нагородит кучу inline стилей.

Когда-то, когда я был студентом, я подрабатывал версткой газет. При верстке печатных изданий у тебя есть фиксированный набор стилей, которые ты и можешь использовать. Что характерно, именно строгость стиля и делает внешний вид издания стильным и профессиональным. Кроме этого, профессиональные издания сделаны так, чтобы было проще сначала создать стиль a потом многократно его использовать, это гораздо удобнее, чем постоянно задавать, размер, цвет, выравнивание, кернинг, трекинг, гарнитуру и еще десятки параметров, которые могут изменяться у текста.

Кстати, в Microsoft Word, почему-то, используется прямо противоположный подход — там проще изменить атрибуты самого текста, чем стиля на котором этот текст основан. С каждой новой версией панель инструментов в этой программе увеличивается и увеличивается, вынуждая разработчиков придумывать все новые способы, чтобы уместить на экране все больше и больше кнопочек форматирования. Они даже изобрели новый вид меню, которое назвали "Меда-Лента" (правильно да?). Но с введением нового интерфейса дело еще более ухудшилось. Поэтому, редактирование документов в этом редакторе частенько вызывает приступ острой зубной боли у людей которым довелось поработать в профессиональных программах.

В это же самое время, профессиональные программы верстки часто вообще не имеют панелей инструментов освобождая освободившееся место под собственно документ. Например, интерфейс известного пакета QuarkXpress спроектирован таким образом, чтобы в нем практически невозможно было НЕ пользоваться стилями, тоесть нельзя было работать так как многие привыкли работать в Microsoft Word.

Каскадные таблицы стилей еще более удобны для форматирования текста чем стили текстовых редакторов, в них одному куску текста можно назначать одновременно несколько разных стилей. Одно время я так увлекся бестабличной версткой, что почти позабыл о основном назначении каскадных таблиц - форматировать текст.

На деле, для форматирования текстов нужно совсем немного стилей:

- стили для заголовков h1, h2, h3, h4
- стили для тегов форматирования: b, i, em
- стили для выделения теста цветом: .red, .blue, .gray, .green
- стили для эффектов форматирования: .bold, .italic, .higlight
- стили для выделения размером: .small, .big, .bigger, .smaller
- вспомогательные стили для форматирования: .left, .right, .center, .middle

Речь идет именно о стилях форматирования, стили текста по умолчанию для элеметов body table ul td и других я в этом посте не рассматриваю.
 
В принципе, этого набора стилей хватает чтобы получить большое количество различных текстовых стилей. Остальные эффекты можно получить комбинируя эти стили между собой.

Допустим, нам нужно сделать слово в тексте красным и полужирным:

Это <b class="red">слово</b> будет полужирным.

Или нам потребовался нестандартный заголовок H2 выровненный по правому краю и зеленого цвета:

<h2 class="right green">Заголовок H2</h2>

Конечно, указанный список стилей является неполным, каждый может дополнить его как желает нужным, но практика показывает — в большинстве случаев такого набора достаточно для решения большинства задач возникающих во время верстки.

У этого метода верстки есть один нюанс. Его можно применять только, если вы редактируете текст вручную, пользуясь текстовым редактором. К сожалению, я не видел еще не одного wysiwyg редактора, способного одновременно присвоить тексту несколько стилей. Если вы такие знаете подскажите.

 

Оставить комментарий

 
  2010-10-01

Цветное подчеркивание средствами CSS

вебмастеринг, howto, css

Случайно обнаружил способ как сделать цветное почеркивание для текста средствами CSS:

Текст с цветным подчеркиванием!

При этом это не бордер, а именно подчеркивание - можно заметить, что подчеркивание проходит гораздо ближе к тексту чем бордер и иногда пересекается с нижними глифами шрифта.

Сама идея проста до безобразия - делаем красный текст с подчеркиванием, затем у вложенного спана переопределяем текст на черный:

<p style="text-align: center; font-size: 1.5em; color: red; text-decoration: underline;">    <span style="color: black;">Текст с цветным подчеркиванием!</span> </p>
 

Оставить комментарий

 
  2010-08-25

FCKeditor умер, да здравствует CKEditor!!!

вебмастеринг

Самого лучшего Wysiwyg редактора для работы с HTML больше не существует и новых версий больше не ожидается!

Недавно решил проверить как поживает творение Фредерико Кальдейра Кнаббена и обнаружил множество удивительных вещей. Во первых, он больше не FCKEditor — теперь он CKEditor. Оказывается, сочетание букв FCK образованное из инициалов простого итальянского парня неблагозвучно звучит в англоговорящих странах.

Во вторых, теперь редактор не умеет закачивать файлы. Та часть редактора которая предназначалась для загрузки файлов теперь выделена в отдельный проект который называется CKFinder. Странно то, что CKFinder распространяется только по коммерческой лицензии для персонального использования он будет стоить 60 баксов.

Штука поначалу показалась мне жутко неприятной даже катастрофической - без закачивания файлов редактирование текстов мало кому нужно. К счастью, в Интернете оказалось несколько бесплатных альтернатив умеющих работать с CKEditor. Больше всего мне понравился KCFinder. Мне даже показалось, что сделан он гораздо приятней чем кнаббеновский прототип.

Код самого редактора изменился кардинально. Третья версия полностью переписана с нуля. Редактор теперь загружается почти мгновенно. Количество файлов максимально уменьшено. Кардинально изменен способ конфигурации, полностью переписан диалоговый движек. В общем, изменения мне понравились. Новые графические темы выставляемые по умолчанию выглядят непривычно и громоздко но их можно переключить на старую, так что конечные пользователи изменения вряд ли заметят.

Так что буду переходить на новую версию - оно того стоит.

 

Оставить комментарий

разное (184)
howto (124)
программирование (108)
гад-же-ты (75)
мысли (42)
PHP (41)
JavaScript (39)
вебмастеринг (37)
linux (28)
гондураша (28)
юмор (25)
полезное (21)
движок (17)
Android (17)
софт (15)
кино (14)
деньги (14)
видео (13)
музыка (10)
беспредел (10)
путешествия (10)
интернет (9)
diy (9)
ztools (8)
книги (8)
умный дом (8)
занимательная физика (8)
языки (7)
хостинг (7)
Nokia 5800 (7)
lifehack (6)
css (6)
вебдизайн (6)
apple (5)
arduino (5)
связной (5)
прелоадер (5)
козлы (5)
oDesk (5)
занимательная юриспруденция (4)
кухня (4)
Python (4)
аниме (4)
svn (4)
software (3)
synphony (3)
рестораны (3)
энергия (3)
движек (3)
webmastering (2)
Java (2)
фото на документы (2)
Ruby on Rails (2)
спорт (2)
bash (2)
гитара (2)
дурдом (1)
C++ (1)
годнурас (1)
микросервисы (1)
SEO (1)
programming (1)
технологии (1)
наука (1)
сайты (1)
авторское право (1)
восстановить (1)
Поиск по блогу:

Valid XHTML 1.0 Strict