XHTML.RU - заметки

Прелоадеры для AJAX

XHTML.ru — Fri, 11 Sep 2009 07:03:01 +0300

ajaxload.info — можно выбрать картинку из предоставленного набора, изменить её цвет и цвет фона
loadinfo.net — в отличие от предыдущего больше набор картинок.
preloaders.net — картинки отсортированы по категориям, есть набор трёхмерных, больше настроек: можно изменять скорость анимации.

IE collection

XHTML.ru — Thu, 28 May 2009 06:55:11 +0300

Упаковка Internet Explorer от 1.0 до 8.0.

Internet Explorer 1.0 (4.40.308)
Internet Explorer 1.5 (0.1.0.10)
Internet Explorer 2.01 (2.01.046)
Internet Explorer 3.0 (3.0.1152)
Internet Explorer 4.01 (4.72.3110.0)
Internet Explorer 5.01 (5.00.3314.2100)
Internet Explorer 5.5 (5.51.4807.2300)
Internet Explorer 6.0 (6.00.2800.1106)
Internet Explorer 6.0 (6.00.2900.2180)
Internet Explorer 7.0 (7.00.5730.13)
Internet Explorer 8.0 (8.00.6001.18702)

Также в пакет включено жалкое подобие Firebug: Internet Explorer Developer Toolbar 1.00.2188.0.

Opera Dragonfly

XHTML.ru — Thu, 08 May 2008 20:42:51 +0300

Чудесный инструмент веб-разработчика для браузера Opera, как Firebug для Firefox. Включает отладчик Javascript, инспектор CSS и DOM, командную строку, консоль для вывода ошибок, предупреждений и прочие удовольствия. Подробнее в комьюнити разработчиков и на странице Opera Dragonfly. Собственно утилиту можно обнаружить в свежей версии Opera 9.5 beta 2.

WebHiTech

XHTML.ru — Sun, 06 Apr 2008 08:43:40 +0300

3 апреля 2008 года стартовал конкурс технологического совершенства сайтов WebHiTech.

«Если вы пишете чистый и валидный HTML- и CSS-код, разделяете контент и представление на уровне конечного кода веб-страниц, придерживаетесь идеалов семантической разметки, с пиететом относитесь к слову «веб-стандарты», и при этом ваши сайты красивы, аккуратны, удобны в использовании и функционально доступны максимально широкому кругу пользователей, то тогда наш конкурс — для вас!» Ждем ваших заявок.

CSS свойства и HTML элементы

XHTML.ru — Fri, 04 Apr 2008 09:40:54 +0300

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

HTML Elements Index — постоянно обновляемый список всех HTML элементов. В таблице отмечено их краткое описание и в каких версиях HTML или XHTML они встречаются.

W3C опубликовал черновик HTML 5

XHTML.ru — Wed, 23 Jan 2008 19:22:14 +0300

22 января 2008 года - W3C опубликовал черновик проекта HTML 5, основательную ревизию языка разметки для Web.

«HTML, безусловно, очень важный стандарт», говорит Тим Бернерс-Ли, автор первой версии HTML и руководитель W3C. «Я рад тому, что сообщество разработчиков, включая продавцов браузеров, сотрудничают, чтобы создать наилучшие пути для развития Web. Объединить участие столь многих людей, это тяжелая работа, как - вызов балансирующей стабильности с новшеством, прагматизму с идеализмом».

Некоторые из наиболее интересных новых возможностей для авторов: API для вывода двумерной графики, внедрение и управление аудио и видео контентом, поддержка хранения данных на стороне клиента, и предоставление пользователям возможности редактировать документы и части документов. Другие особенности облегчают представление знакомых элементов страницы, в том числе <section> <footer>; <nav> (для навигации), и <figure> (для присвоения подписи к фотографии или прочего встраиваемого содержимого). Авторы могут использовать HTML 5, применяя либо "классический" синтаксис HTML или XML-синтаксис, в соответствии с требованиями приложений. Смотрите список изменений по сравнению с HTML 4.

W3C Publishes HTML 5 Draft, Future of Web Content

SWFObject

XHTML.ru — Tue, 08 Jan 2008 11:28:08 +0300

SWFObject — простой в использовании, удобный метод вставлять флэш-ролики в (x)HTML-документ, используя один небольшой файл JavaScript.

Сравнение WYSIWYG-редакторов 2007

XHTML.ru — Fri, 29 Jun 2007 20:50:55 +0300

Для создания одинаковых HTML-документов при тестировании использовались восемь наиболее распространенных онлайн-редакторов. Полученный с их помощью код был проинспектирован.
Таблица результатов.

JavaScript/CSS Font Detector

XHTML.ru — Tue, 13 Mar 2007 15:46:16 +0300

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

Посмотреть тест можно здесь: JavaScript/CSS Font Detector.

HTML возвращается

XHTML.ru — Fri, 09 Mar 2007 08:26:23 +0300

7 марта 2007 года в своем пресс-релизе W3C сообщил о возобновлении разработки HTML: W3C Relaunches HTML Activity.

Читайте также: W3C возвращается к HTML.

DHTML Window widget

XHTML.ru — Sun, 04 Mar 2007 12:09:12 +0300

Окошки выглядят как настоящие, сделаны с помощью DIV и легко настраиваются применением CSS, лишены недостатков традиционых popup. Их можно двигать, минимизировать и снова показывать, закрывать, изменять размер. Внутри можно разместить обычный фрагмент HTML-кода из скрытого DIV, а также целый HTML-документ в IFRAME или код, полученный с помощью XMLHttpRequest.

Dynamic Drive DHTML Window widget (v1.01) — страница с примерами и описанием скрипта.
Dynamic Drive DHTML Modal window — расширение к предыдущему скрипту, позволяет создавать модальные окна.

Ajax loading gif generator

XHTML.ru — Thu, 22 Feb 2007 10:02:39 +0300

Ajaxload — генератор анимированных иконок.

Niceforms 1.0

XHTML.ru — Sun, 11 Feb 2007 13:58:04 +0300

Niceforms — это javascript, который позволяет изменить внешний вид основых элементов формы. Вашему вниманию предлагаются: пример работы скрипта, собственно скрипт (включая картинки и CSS), а также его описание.

A JavaScript Compressor/Obfuscator

XHTML.ru — Sun, 11 Feb 2007 13:57:12 +0300

Сжать файл javascript раза в 2-3, да еще и сохранив его работоспособность? Легко: A JavaScript Compressor/Obfuscator

CSS - 10 лет!

XHTML.ru — Sun, 17 Dec 2006 09:05:56 +0300

10 лет назад, 17 декабря 1996 года W3C опубликовал рекомендации Cascading Style Sheets, level 1.

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

При использовании CSS, можно в считанные секунды изменить внешний вид тысяч страниц на сайте. CSS отделяет дизайн от контента: чем меньше внешний вид привязан к коду страницы — тем легче им управлять или изменить его.

Firebug 1.0

XHTML.ru — Fri, 08 Dec 2006 08:29:29 +0300

Firebug 1.0 Beta 2 - очень полезное расширение для Firefox. Позволяет просматривать и редактировать HTML и CSS для любой веб-страницы. Любой, кто хоть раз сталкивался с исследованием чужого кода высоко оценит этот инструмент.

С его помощью можно легко определить какие правила CSS влияют на художественное оформление элемента. Кроме правил, которые применены непосредственно к элементу, видно все наследуемые свойства. Чтобы узнать размеры любого элемента, значения margin, padding и border просто мышкой наведите на него курсор. Вы можете изменить любое из этих значений и тут же увидеть результат.

Здесь есть встроенный и очень мощный отладчик JavaScript, который позволяет быстро отыскать ошибки и исправить их. Объектная модель документа (DOM) - огромная иерархия объектов, методов и свойств. DOM-инспектор позволяет быстро найти в документе нужные объекты DOM, а затем редактировать их "на лету", отслеживая внесенные изменения.

Firebug не ограничивается частью окна документа, как это было раньше, теперь его можно открыть в отдельном окне.
Хотите знать, что происходит внутри веб-страницы в других браузерах? Firebug Lite - это JavaScript файл, который, при подключении к документу, будет имитировать консоль Firebug для Internet Explorer или Opera.

Multiple IE

XHTML.ru — Thu, 30 Nov 2006 21:12:58 +0300

Internet Explorer (3.0, 4.01, 5.01, 5.5, 6.0, 7.0) все на одном компьютере!
Что для этого нужно?

Сперва установите IE7. Затем откройте страницу Install multiple versions of IE on your PC, пробегите глазами по тексту, найдите ссылку Download Multiple IE installer и скачайте файл размером 10.5МБ.
При установке вас спросят, какие версии браузера вам нужны и в какую папку все это хозяйство положить. Все!

И еще, в тему: архив браузеров.

Условные комментарии для ИЕ

XHTML.ru — Wed, 29 Nov 2006 08:53:43 +0300

Test for CC on IE — 27 вариантов условных комментариев для Internet Explorer. Разумеется, все работает только для Internet Explorer, поэтому в других браузерах переходить по ссылке нет никакого смысла. Таблица поможет оперативно выбрать необходимое условие. Кстати, если кто забыл или не знает, само условие выглядит так:

 

Использовать можно следующие условия:
gt – больше, чем
lt – меньше, чем
gte – больше или равно
lte – меньше или равно
! – все, исключая указанное (символ "!" должен быть написан непосредственно перед условием).

About Conditional Comments

Посмотрите ваш сайт в разных браузерах

XHTML.ru — Fri, 17 Nov 2006 20:47:39 +0300

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

Также на сайте можно узнать как все происходит, посмотреть, какие сайты ожидают очереди, увидеть скриншоты других сайтов, и многое другое, не менее интересное.

BrowsrCamp — еще один сервис, скриншоты сайта в браузере Safari on Mac OS X.

Скриншот XHTML.ru в браузере Safari 2.0 на Mac OS X

Карта сайта (Sitemap)

XHTML.ru — Fri, 17 Nov 2006 09:11:40 +0300

Карта сайта (Sitemap) — самый простой способ показать поисковым машинам, какие страницы доступны для поискового робота. Sitemap это XML-файл, который содержит список ссылок на страницы сайта, также в нем могут содержаться meta-данные для каждого URL (когда страница была обновлена, как часто изменяется содержимое, ее позиция по отношению к другим ссылкам).

Обычно, о новых страницах поисковые роботы узнают по ссылкам на эти страницы. Sitemap облегчает этот процесс и роботы, поддерживающие Sitemap забирают все URL, которые содержатся в файле.

Sitemaps XML format — документ, который описывает структуру XML-файла.

Коллекция багов браузеров

XHTML.ru — Thu, 16 Nov 2006 18:11:42 +0300

1 в Mozilla и Firefox
23 в Internet Explorer 6
32 в Opera 9
38 в Internet Explorer 7

Browser bugs section. Здесь собрана коллекция багов, обнаруженных в популярных браузерах с примерами. О них следует помнить, потому что при создании сайтов, рано или поздно они могут повстречаться каждому веб-разработчику. Кроме собственно багов с описаниями, здесь собран большой список ссылок на страницы об особенностях верстки для разных браузеров.

Тест CSS селекторов

XHTML.ru — Thu, 16 Nov 2006 08:57:57 +0300

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

Сравнение WYSIWYG-редакторов

XHTML.ru — Wed, 15 Nov 2006 15:34:30 +0300

Онлайн-редакторы давно стали неотъемлемой частью систем управления контентом. Однако, часто средства WYSIWYG-редактирования делают некорректную HTML разметку или не обеспечивают достаточной функциональности.

На странице Evaluation of WYSIWYG-editors можно ознакомиться с результатами тестирования нескольких онлайн-редакторов.