Статьи / Закладки / Профиль EzS / Хабр

Вкратце: как заставить новые теги из HTML 5 работать в Internet Explorer.

Любой веб-разработчик смотря на HTML 5 плачет от счастья, которое наконец-то пришло в наш дом. Для большинства функций (такие как WebGL, многопоточность и веб-сокеты) придётся ждать поддержки от браузеров (а в самых правильных эти возможности уже есть), но новые удобные теги мы можем использовать уже сейчас.

Однако Internet Explorer (даже последней, 8-ой версии) и тут сумел споткнуться — новые теги вне HTML 4 он просто не замечает — на них нельзя повесить стили.

В IE проблем даже две — отдельно нужно включать поддержку HTML 5 тегов в обычном документе, и отдельно в содержимом, которое добавляется динамически (например, через AJAX).

tenshi 8 апр 2010 в 14:17

+69

Кроссбраузерные HTML инклуды \(^_^)/

7 мин

6.5K

XSLT*

Пусть у нас есть простенький хтмльчик index1.htm

<!DOCTYPE html> <html> <head> <title>Xbrowser HTML includes</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <h1>First file</h1> </body> </html>

Как известно, хтмл поддерживает инклуды только через iframe/object, но с ними не очень удобно работать из яваскрипта.

Можно, конечно, прописать в каждую подключаемую страницу скрипт типа такого

new function(){ var frame= window.frameElement if( !frame ) return var parent= frame.parentNode var body= document.getElementsByTagName( 'body' )[0] var child; while( child= body.firstChild ) parent.insertBefore( child, frame ) parent.removeChild( frame ) }

Он переносит своё содержимое в родительский документ и удаляет фрейм. Но в случае отключённоо яваскрипта мы получим окошко ифрейма не подстраивающееся под размер содержимого.

А дальше - жёсткое порево

+38

132

ufoby 2 апр 2010 в 13:59

Революция веб-типографики с HTML 5? Не так быстро

4 мин

2.9K

Типографика*

Новое поколение браузеров поддерживает HTML 5, а вместе с ним, кроме всех полезных нововведений, и возможность использовать любые шрифты на веб-страницах. Когда только об этом стало известно, счастью многих веб-дизайнеров (а особенно тех, кто работает еще и с печатью) не было предела. Еще бы, раньше шрифты, подходящие для использования в вебе, можно было пересчитать на пальцах одной руки, а теперь бери и ставь вообще любой шрифт!

Естественно, продвинутые веб-дизайнеры сразу стали один за другим выпускать сайты, которые во всей красе используют только что появившиеся возможности. Ярким примером тому может послужить сайт британской студии Mark Boulton Design. Я сделал пару скриншотов сайта этой студии, что бы вы воочию могли убедиться, как клево могут выглядеть несистемные шрифты на веб-страницах.

+58

145

ZaiSL 2 апр 2010 в 10:57

15+ полезных документов по jQuery

2 мин

7.1K

jQuery*

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

spmbt 28 мар 2010 в 10:54

+48

Обзор 30 хостингов изображений для быстрой публикации. Продолжение, выводы

16 мин

79K

Хостинг

Продолжаем обзор хостингов изображений для быстрой публикации.
Начало статьи находится по ссылке habr.com/ru/blogs/hosting/89162, а потом переходим сюда.

Anonym 14 янв 2010 в 06:56

+62

nini 26 фев 2010 в 12:40

600 книг от издательства O’Reilly доступны к прочтению на сайте лейпцигского стартапа PaperC

1 мин

1.5K

Я пиарюсь

В недавнем анонсе создателей стартапа PaperC сообщается, что 600 книг от известного издательства O’Reilly доступны к прочтению на их сайте. Таким образом общее количество доступной литературы перевалило за 3000 наименований, причем многие из них уже и так были из IT-области.

Большинство книг предоставляются на английском языке, реже — на немецком.

Коротко о стартапе

+44

Модуль Views — API. Основы

6 мин

11K

Наверняка, многие, работающие с друпалом, знакомы с модулем Views. Как гласит Drupaler.ru, модуль Views — это Настройка и контроль за отображением любого типа контента в любом месте сайта, т.е. он позволяет создавать страницы, блоки, подменять содержимое нод, страниц пользователей и многое другое, формируя контент из любых доступных полей на сайте. Но что делать, когда необходимо вывести информацию, предоставляемую сторонним модулем, и к которой доступа из Views у нас нет?

+28

EzS 6 фев 2010 в 11:29

Типограф для BuEditor от artlebedev

1 мин

1.8K

– Это "Типограф"?
— Это «Типограф»!

celarent 6 апр 2009 в 00:33

Выводим ноды на Google Maps

2 мин

9.8K

мало текста, зато много скриншотов

Предположим, что у нас есть достаточно простая задача — показывать на карте местоположение объектов (нод, пользователей). Например, офисов, или, скажем, магазинов подарков. Т.е. мы должны получить страницу, где выводится карта с расположением всех объектов заданного типа, и показать карту на странице каждого отдельного объекта. Речь пойдет о 6-ой версии Друпала, но в 5-ке всё аналогично (если честно, скрин в конце снят именно с Drupal 5). Чтобы выполнить эту задачу я буду использовать следующие модули: GMAP, Location, Views (на сайте у меня используются еще и CCK & Contemplate, но они в этой задаче настолько вспомогательны, что говорить о них не стоит).

EzS 12 янв 2010 в 16:51

Полезные и интересные модули для Drupal 6.xx + Советы и трюки (Часть I)

6 мин

4.7K

В апреле прошлого года хабраюзер @7paca написал отличную статью про полезные модули и я решил её продолжить

dioteos 8 июл 2009 в 03:09

+49

Скругленные углы в 3 div-a

3 мин

4.4K

CSS*

Есть много способов делать в верстке скругленные углы. И пока все браузеры поголовно не начнут поддерживать свойство border-radius, надо будет каждый раз думать о том, какой метод использовать в том или ином проекте.

Есть множество разнообразных методов — от использования подложек блоков фиксированных размеров и до создания уголков с помощью vml или svg. В этом топике я не буду рассматривать известные методы, так как информации по данному поводу предостаточно. Я попробовал создать yet another метод.

Сразу оговорюсь — мой метод не панацея, и ему свойственны несколько минусов, которые я опишу подробнее.

sunnybear 4 сен 2007 в 13:47

+58

109

Изучаем наличие layout

1 мин

6.2K

Andex 13 окт 2008 в 09:09

Перевод

Примечание: ниже представлен официальный перевод статьи «On having Layout» на русский язык. Статья не является окончательной. Этот перевод отражает 9 версию от 23.10.2007.

UPD текст статьи полностью убран в связи с его неконтролируемыми изменениями с момента публикации. Перепечатка доступна здесь

+43

Статистика Google Analytics на вашем сайте

6 мин

17K

Помню, как-то проскакивала пара записей (здесь и здесь) по поводу импортирования данных из Google Analytics для отображения сводных диаграмм на сайте, в общем, как на хабре. Прочитав вышеупомянутые топики и не обратив особого внимания тогда, я о них успешно «забыл» и пошел себе дальше. И вот сейчас, появилась необходимость реализовать нечто подобное на одном из своих проектов.

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

UPDATE:
Добавил еще одну версию, подробности и линк под катом.

Andex 14 окт 2009 в 10:51

+87

142

Статистика Google Analytics на вашем сайте. Часть вторая. Использование GAPI

2 мин

11K

С момента публикации первого топика о создании хабраподобной статистики (которую, кстати, почему-то тут не обновляют) с импортированием данных из Google Analytics прошел ровно год.

Весь этот год все работало, статистика обновлялась, графики рисовались… пока все не сдохло. Как это и присуще гуглу, сдохло оно не сразу у всех, а потихоньку, в течение недели. При беглой диагностике проблемы выяснилось, что она заключается в гугловой авторизации. Учитывая, что скрипт авторизации мною был заимствован, разбираться в нем не было никакого желания, и тут до меня дошло — ведь Google выпустил API для аналитикса! Поэтому было решено не обрабатывать напильником существующую версию, а просто получить данные цивилизованно, посредством API, тем не менее, оставив при этом «структуру» и основные моменты предыдущей версии.

spanasik 2 апр 2008 в 21:26

+54

Настройка почты для отладки mail-функций разрабатываемых приложений на Ubuntu

3 мин

10K

Настройка Linux*

Здравствуйте!

Недавно купил новый ноутбук (старый стал совсем старый). Установил на него Ubuntu (почему удалил другую ОС, сначала описал, но потом стёр, чтобы не было флейма и холивара).

Для того, чтобы работала отправка почты из PHP и всего остального, нужен MTA. Я пользуюсь Synaptic для установки большинства программ, и в нём Postfix отмечен логотипом Ubuntu (что означает, что он является MTA по умолчанию), поэтому, без долгих раздумий, поставил Postfix. При установке с помощью синаптика вылезает окошко конфигурирования Postfix, я выбрал выриант localhost only.

Когда дошёл до момента тестирования одной функции в PHP приложении, связанной с отправкой почты, случился курьёз. Тестирую с копией живой базы, и, после отправки письма, оно, естественно, было отправлено MTA по назначению, от чего уже отвык под Windows, где использовал Courier Mail Server (кстати, очень маленький и удобный). Конечно, сразу извинился перед человеком, которому ушло письмо.

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

OutwardReality 25 сен 2009 в 15:10

+17

Web-сервер Cherokee

2 мин

7.3K

Здравствуйте, хабрапользователи!

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

dfuse 20 ноя 2009 в 17:30

+62

Верстка повторяющихся блоков

3 мин

14K

Довольно часто при верстке сайта возникает необходимость размещать блоки одинаковой ширины, но разной высоты в контейнере с переменной шириной (читай резиновом). Плюс на этот список может применяться фильтр, который JS-ом скрывает или показывает элементы списка, при этом он не должен разрушать «строки», верстку, или образовывать дыры, поэтому решения на таблицах не катят сразу. Простейший пример — каталог товаров:

darvin 2 ноя 2009 в 20:44

+81

Делаем Pidgin красивым как Adium

2 мин

16K

Настройка Linux*

Хочу поделиться своими наработками. Кто видел Adium на Mac OS X, тот знает, что он даже с дефолтными темами красивее Pidgin'a под всеми тремя поддерживаемыми им системами. Кроме того, для Adium'a расширений, icon и прочих паков огромное количество — смотреть здесь, а для Pidgin — кот наплакал, и даже то что есть централизованно нигде не выложено.

Далее я расскажу как прикрутить темы звуков, иконок статуса и смайликов, а также докбар темы от Adium'а к Pidgin'у, используя:

Мой конвентер тем Adium в темы Pidgin
Мой апплет для Cairo-dock:

UPD: Не поленитесь, проголосуйте тут за тикет, чтобы разработчики Pidgin темы трея, статус листа и протоколов прикрутили

+21

as3k 1 ноя 2009 в 22:06

NotCaptcha — новый способ защиты от спама

1 мин

4.3K

Спам и антиспам

В поисках эффективной защиты от спама наткнулся на интересный проект, о котором попытаюсь рассказать в этом обзоре.