Статьи
Когда возникает задача, что на сайте нужно использговать нестандартный шрифт, то можно пойти несколькими путями:
1. font-face метод — для этого достаточно в CSS написать (данный метод не поддерживается в браузерах IE). Хотя метод достаточно распространненный, когда вы готовы закрыть глаза на невозможность отображения в Internet Explorer
@font-face {
font-family:'Hagin Caps Medium';
font-style:normal;
font-weight:400;
src:local('Hagin Caps Medium'), local('HaginCapsMedium'), url('HaginCapsMedium.otf') format('opentype');
}
2. Нарезать картинок с заголовками из jpg и вставлять вместо текста картинки.
3. sIFR – наиболее употребляемый на сегодняшний день, но его недостаток – требует наличия Flash-плагина. Хотя в нынешнее время это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
4. Typeface.js
5. Cufon – cегодня это самый новый метод, который является достойной альтернативой sIFR и показывает превосходные результаты, который и будет рассмотрен.
Подробнее »
Опубликовано: 14.05.2012 | Метки: cufon, javascript, шрифт | нет комментариев
Для нормальных браузеров помещаем текст/картинку в контейнер, для контейнера задаём:
display:table-cell;
vertical-align:middle;
для ie7 контейнеру задаем display:block
А для самого элемента, который нужно выровнять:
display:block;
margin-top: expression((parentNode.offsetHeight.offsetHeight/2)-(parseInt(this.offsetHeight)/2) <0 ? "0" :(parentNode.offsetHeight/2)-(parseInt(this.offsetHeight)/2) + 'px');
Подробнее »
Опубликовано: 25.03.2012 | Метки: css, ie7 | нет комментариев
Хак — это специальная css-конструкция, которую одни браузеры понимают, а другие игнорируют. Использование хаков, как правило, говорит о непрофессиональности верстальщика. Но бывают встречаются случаи, когда все-таки без хаков не обойтись и их использование является единственным случаем избавления от проблем.
Если есть возможность избежать использования хаков, то лучше их не использовать. А для исправления ошибок в Internet Explorer лучше использовать отдельный файл, который можно подлкючить с помощью условных комментариев (векторов версий).
Подробнее »
Опубликовано: 06.03.2012 | Метки: | нет комментариев
| Вид |
Значение |
Пример (наведите курсор на ячейку) |
Браузер |
| |
auto |
Браузер самостоятельно определяет вид курсора |
Все |
 |
default |
style="cursor: default;" |
Все |
 |
pointer |
style="cursor: pointer;" |
Все |
 |
crosshair |
style="cursor: crosshair;" |
Все |
 |
text |
style="cursor: text;" |
Все |
 |
wait |
style="cursor: wait;" |
Все |
 |
help |
style="cursor: help;" |
Все |
| |
inherit |
Значение наследуется от родительского элемента |
Все |
 |
move |
style="cursor: move;" |
Все |
 |
e-resize |
style="cursor: e-resize;" |
Все |
 |
ne-resize |
style="cursor: ne-resize;" |
Все |
 |
nw-resize |
style="cursor: nw-resize;" |
Все |
 |
n-resize |
style="cursor: n-resize;" |
Все |
 |
se-resize |
style="cursor: se-resize;" |
Все |
 |
sw-resize |
style="cursor: sw-resize;" |
Все |
 |
s-resize |
style="cursor: s-resize;" |
Все |
 |
w-resize |
style="cursor: w-resize;" |
Все |
 |
progress |
style="cursor: progress;" |
Все |
 |
col-resize |
style="cursor: col-resize;" |
IE, Moz, Webkit |
 |
not-allowed |
style="cursor: not-allowed;" |
IE, Moz, Webkit |
 |
row-resize |
style="cursor: row-resize;" |
IE, Moz, Webkit |
 |
vertical-text |
style="cursor: vertical-text;" |
IE, Moz, Webkit |
 |
url(uri) |
style="cursor: url(mycursor.cur), cursor_type;" |
IE, Moz
Webkit — ошибка с точкой привязки
Opera — применит стандартное значение |
 |
all-scroll |
style="cursor: all-scroll;" |
IE
Moz, Webkit — аналогичен «move» |
 |
no-drop |
style="cursor: no-drop;" |
IE
Moz, Webkit — аналогичен «not-allowed» |
Опубликовано: 18.01.2012 | Метки: css | нет комментариев
Разбирая сайты для Галереи HTML5 и отвечая на вопросы читателей на сайте Доктор HTML5, я вынужден просматривать целую кучу страниц на HTML5 и, конечно же, их исходный код. В этой статье я расскажу вам об ошибках и сомнительной разметке, которые мне частенько приходится видеть, и объясню, как их избежать.
Подробнее »
Опубликовано: 11.01.2012 | Метки: html5 | нет комментариев
Если у вас есть возможность использовать ssh-доступ для работы с хостингом, то лучше этим воспользоваться. Из явных преимуществ — это возможность заливать файлы на сервер с другого сервера минуя свой компьютер (когда 100мб архив переносится с одного хоста на другой — это ощутимое преимущество), заархивировать или распаковать архив прямо на сервере, если такой возможности нет в панели управления хоста, мгновенно удалять файлы и выставлять быстро права (chmod) папкам и файлам (рекурсивно).
Одна из программ по работе с ssh — это putty. Официальный сайт, где можно найти последнюю версию программы, http://putty.org.ru/
1. Копирование файлов с сервера на сервер посредством ssh:
wget http://домен/категория/название файла
Подробнее »
Опубликовано: 05.01.2012 | Метки: ssh | нет комментариев
Прошло несколько с тех пор как был анонсирован первый черновик стандарта разбетки web-страниц HTML5. И за это время создалось не так много сайтов на HTML5, хотя все современные браузеры уже поддерживают данный стандарт. По состоянию на декабрь 2011 года стандарт все еще находится в состоянии разработки.
В HTML5 добавляет много новых синтаксических особенностей - <video>, <audio>, <header> и <canvas> . Эти элементы разработаны для того, чтобы сделать проще внедрение и управление графическими и мультимедийными объектами в вебе без необходимости обращаться к собственным плагинам и API. Другие новые элементы, такие как <section>, <article>, <header> и <nav> разработаны для того, чтобы обогащать семантическое содержимое документа (страницы).
Подробнее »
Опубликовано: 23.12.2011 | Метки: html5 | нет комментариев
Проверка форм на заполненность нужных полей — одна из важных составляющих в работе сайта. Смысл проверки полей формы сводится к тому, что пользователь сразу на странице получает информацию о том, какие поля не заполнены, какие заполнены, но не правильно (e-mail, телефонные номера, url и пр.) Для таких случаев очень полезно использовать плагин jQuery Validation Plugin, который умеет проверять форму на корректность заполенных данных.
Особенностями jQuery Validation Plugin являются:
- проверка URL и E-mail;
- проверка кредитных карт;
- проверка максимальных и минимальных значений, диапазонов чисел, дат;
- поддержка удаленной проверки, используя AJAX;
- Автоматическое отображение ошибок.
Подробнее »
Опубликовано: 17.12.2011 | Метки: addMethod, jQuery, validation | нет комментариев
Сегодня столкнулся с тем что, API функция getChildIds (выдает список id дочерних элементов на всю глубину вложенности) после обновления движка Modx Evolution с версии 1.0.2 до 1.0.5 перестала правильно выдавать количество строк. Перековыряв весь сниппет TvTagCloud, в котором проблема выявилась острее всего, оказалось, что все таки проблема в последней версии движка.
Подробнее »
Опубликовано: 20.11.2011 | Метки: modx | нет комментариев
Сегодня на почту пришло письмо с просьбой выяснить почему сайт при открытии в Internet Explorer 7 показывает ошибку "Не удалось открыть узел…. Операция прервана" и после нажатия на ОК, сайт отображает белую страницу.
Гугл на запрос по этой ошибке вывел посты, где предлагалось добавить defer="defer" в вызовы Javascript или передвинуть вызовы скриптов как можно ближе к закрывающемуся body.
Однако ни то, ни другое эффекта не возымели.
Подробнее »
Опубликовано: 16.11.2011 | Метки: google analytics, ie7, вектор версий | нет комментариев
