Компания Google объявила о скором прекращении поддержки браузера Internet Explorer 8. В соответствии с планом, объявленном год назад, нормальная работа Gmail, Google Docs и других сервисов Google гарантируется только в современных браузерах. К таким относятся:

 

  • – Google Chrome;
  • – Firefox (последняя и предыдущая версия);
  • – Internet Explorer (последняя и предыдущая версия);
  • – Safari (последняя и предыдущая версия).

 

Поскольку 26 октября состоится официальный релиз Internet Explorer 10, то с этого дня восьмая версия IE автоматически переходит в разряд «устаревших». Поддержка IE8 продлится до 15 ноября, после чего все пользователи этого браузера при заходе на Youtube или другие сервисы Google увидят рекомендацию обновить браузер.

Подробнее

Когда возникает задача, что на сайте нужно использговать нестандартный шрифт, то можно пойти несколькими путями:

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 и показывает превосходные результаты, который и будет рассмотрен.

Подробнее

Для нормальных браузеров помещаем текст/картинку в контейнер, для контейнера задаём:

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');

Подробнее

Хак – это специальная css-конструкция, которую одни браузеры понимают, а другие игнорируют. Использование хаков, как правило, говорит о непрофессиональности верстальщика. Но бывают встречаются случаи, когда все-таки без хаков не обойтись и их использование является единственным случаем избавления от проблем.

 

Если есть возможность избежать использования хаков, то лучше их не использовать. А для исправления ошибок в Internet Explorer лучше использовать отдельный файл, который можно подлкючить с помощью условных комментариев (векторов версий).

Подробнее

Свойства CSS позволяют изменить вид курсора для элементов веб-страниц: для изображений, текста, блоков, ссылок и пр.

Вид и CSS-код приведены в таблице ниже. Курсор меняет свою форму в зависимости от того, на какую строку таблицы навели мышкой.

 

ВидЗначениеПример (наведите курсор на ячейку)Браузер
 autoБраузер самостоятельно определяет вид курсораВсе
defaultstyle="cursor: default;"Все
pointerstyle="cursor: pointer;"Все
crosshairstyle="cursor: crosshair;"Все
textstyle="cursor: text;"Все
waitstyle="cursor: wait;"Все
helpstyle="cursor: help;"Все
 inheritЗначение наследуется от родительского элементаВсе
movestyle="cursor: move;"Все
e-resizestyle="cursor: e-resize;"Все
ne-resizestyle="cursor: ne-resize;"Все
nw-resizestyle="cursor: nw-resize;"Все
n-resizestyle="cursor: n-resize;"Все
se-resizestyle="cursor: se-resize;"Все
sw-resizestyle="cursor: sw-resize;"Все
s-resizestyle="cursor: s-resize;"Все
w-resizestyle="cursor: w-resize;"Все
progressstyle="cursor: progress;"Все
col-resizestyle="cursor: col-resize;"IE, Moz, Webkit
not-allowedstyle="cursor: not-allowed;"IE, Moz, Webkit
row-resizestyle="cursor: row-resize;"IE, Moz, Webkit
vertical-textstyle="cursor: vertical-text;"IE, Moz, Webkit
url(uri)style="cursor: url(mycursor.cur), cursor_type;"IE, Moz
Webkit — ошибка с точкой привязки
Opera — применит стандартное значение
all-scrollstyle="cursor: all-scroll;"IE
Moz, Webkit — аналогичен «move»
no-dropstyle="cursor: no-drop;"IE
Moz, Webkit — аналогичен «not-allowed»

 

Разбирая сайты для Галереи HTML5 и отвечая на вопросы читателей на сайте Доктор HTML5, я вынужден просматривать целую кучу страниц на HTML5 и, конечно же, их исходный код. В этой статье я расскажу вам об ошибках и сомнительной разметке, которые мне частенько приходится видеть, и объясню, как их избежать.

Подробнее

putty

Если у вас есть возможность использовать ssh-доступ для работы с хостингом, то лучше этим воспользоваться. Из явных преимуществ – это возможность заливать файлы на сервер с другого сервера минуя свой компьютер (когда 100мб архив переносится с одного хоста на другой – это ощутимое преимущество), заархивировать или распаковать архив прямо на сервере, если такой возможности нет в панели управления хоста, мгновенно удалять файлы и выставлять быстро права (chmod) папкам и файлам (рекурсивно).

Одна из программ по работе с ssh – это putty. Официальный сайт, где можно найти последнюю версию программы, http://putty.org.ru/

putty

1. Копирование файлов с сервера на сервер посредством ssh:

wget http://домен/категория/название файла

Подробнее

Прошло несколько лет с тех пор как был анонсирован первый черновик стандарта разметки web-страниц HTML5. И за это время создалось не так много сайтов на HTML5, хотя все современные браузеры уже поддерживают данный стандарт. По состоянию на декабрь 2011 года стандарт все еще находится в состоянии разработки.

 

В HTML5 добавляет много новых синтаксических особенностей –  <video>, <audio>, <header> и <canvas>. Эти элементы разработаны для того, чтобы сделать проще внедрение и управление графическими и мультимедийными объектами в вебе без необходимости обращаться к собственным плагинам и API. Другие новые элементы, такие как <section>, <article>, <header> и <nav> разработаны для того, чтобы обогащать семантическое содержимое документа (страницы).

Подробнее