Каталог статей » Web-кодинг - Страница 2

Переносимый сетевой графический формат (Portable Network Graphics, PNG) разрабатывается как более эффективная, гибкая и свободная от патентов замена GIF-формату. PNG был задуман для хранения отдельных растровых изображений для дальнейшего распространения по компьютерным сетям.
PNG был создан в 1995 в ответ на давление со стороны Unisys и их патента на алгоритм LZW-сжатия, используемый в GIF. Хотя срок действия патента Unisys уже закончился, причины на переход от GIF к PNG остались, практически, прежними. Заменив ваши GIF-изображения теми же самыми, но в формате PNG, вы можете ускорить загрузку ваших страниц и сэкономить трафик ваших пользователей.

PNG против GIF: алгоритмы сжатия

PNG использует алгоритм deflate-сжатия обычно с 32Кб скользящим (sliding) окном. Deflate является улучшенной версией алгоритма сжатия Lempel-Ziv (LZ77), который используется в ZIP- и GZIP-файлах. Созданный Phil Katz для второй версии PKZip, deflate совмещает LZ77 с кодированием Huffman и является от 10% до 30% более эффективным, чем LZW при сжатии без потери информации. Так же, как и GZIP, некоторые инструменты по PNG-сжатию предполагают опциональный параметр «степень сжатия», которая варьируется от 1 до 9.
По умолчанию выставляется 6. 9 является практически всегда лучшим выбором для максимального сжатия.

Задача: создать HTML-таблицу из трёх колонок шириной в 100px, 70% и 30% соответственно

Использовать или нет таблицы для вёрстки страниц - дело вкуса каждого верстальщика.
Авторы сайта positioniseverything.com героически пытаются решить старую проблему: сверстать страницу в три колонки без помощи таблиц, при этом снова и снова натыкаясь на глюки браузеров. В то время как рядовые верстальщики со вздохом набирают <table>.
Но даже такой годами испытанный инструмент, как таблица, иногда создаёт проблемы.

Задача:
создать таблицу из трёх колонок шириной в 100px, 70% и 30% соответственно.
Все колонки должны иметь поля в 10px.
Дополнительные условия: минимум HTML, максимум CSS.
В тестировании участвуют Internet Explorer 6, Mozilla FireFox 1.5, Opera 8.

Как не заморачиваться стандартами форматирования кода

На конференции РИТ++/2010, где я только что побывал, несколько раз поднимали вопрос о стандартах форматирования кода. Правда, говорили об этом вскользь и между делом. А мне кажется, что тема заслуживает отдельной беседы, чем я сейчас и займусь.

С тех пор, как появились языки программирования и прочего кодирования (вроде HTML и CSS), допускающие плюрализм в форматировании кода,- разработчики стали писать кто во что горазд.
Одному милее так:

Другому приятнее эдак:

В этой таблице перечислены шрифты с русскими буквами, входящие в стандартную поставку Microsoft Windows XP и Microsoft Office 2003. Эти шрифты есть у большинства пользователей, и их можно свободно использовать на веб страницах.

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

Условные комментарии используются для написания специальных инструкций которые будут работать только в Internet Explorer не ниже 5-ой версии.

Условный комментарий выглядит следующим образом:

<!­­--[if IE]> Специальные инструкции для IE здесь. <![endif]-->

Структура похожа на обычный комментарий в HTML, поэтому остальные браузеры будут воспринимать его как обычный комментарий. Explorer распознаёт специальный синтаксис <!--[if IE]>, решает условие if и парсит содержимое условного комментария так, как если бы это было содержание нормальной страницы. Условные комментарии используют синтаксис HTML комментариев, поэтому они могут быть включены только в HTML страницу. Удобно бывает сделать отдельные стили для IE и вставить тег link в условный комментарий.

Среди нас водятся мамонты, мастодонты, бронтозавры и трилобиты. Они научились кодировать HTML в середине 1990‑х и с тех пор ни разу не обновляли свои знания. Им не приходит в голову, что за это время в Интернете, мягко говоря, многое изменилось. Код, который они пишут, можно выставлять в музее среди граммофонов и арифмометров.

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