[Ликбез]

Форма входа

Меню сайта

Categories
CSS [7]
CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - технология описания внешнего вида документа, написанного языком разметки.
HTML [7]
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Hack [0]
Под хаком подразумевается метод, позволяющий воспринимать CSS только определенному браузеру. Хаки могут использоваться не только для исправления багов в верстке, но и в случае использования определенных особенностей браузера для ускорения рендеринга web-страницы в нём (к примеру CSS3-свойства)
Прочие статьи [5]
Всё то, что не вошло в выше представленные категории.

Главная » Статьи » Web-кодинг

В разделе материалов: 19
Показано материалов: 11-19
Страницы: « 1 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), допускающие плюрализм в форматировании кода,- разработчики стали писать кто во что горазд.
Одному милее так:

Code
h1 {
color: #911;
}

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


Smashing Magazine


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

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

Это обзор 70 техник предложенных экспертами CSS, вы должны быть готовы пройти по списку ссылок и похожих публикаций в конце статьи.

Мы хотим сказать спасибо всем разработчикам, которые делятся своими идеями, техниками, методами, знаниями и опытом с их читателями.


Один из самых частых вопросов в процессе знакомства с новыми стандартами - в чем разница между атрибутами HTML-элементов "id" и "class". Ведь эффект, вроде бы, одинаковый.

Одинаковый эффект у них только в самых простых случаях использования в CSS. На самом деле отличий полно.

Суть

id
уникальное собственное имя элемента на странице, то есть на странице не должно быть нескольких элементов с одним id. Например блоку с шапкой сайта можно дать id="title".

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

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

ШрифтСемействоWindows XPMS Office 2003Образец шрифта
Arialsans-serifWindows XP
Образец шрифта
Arial Blacksans-serifWindows XP
Образец шрифта
Arial Narrowsans-serif
MS Office 2003Образец шрифта
Book Antiquaserif
MS Office 2003Образец шрифта
Bookman Old Styleserif
MS Office 2003Образец шрифта

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

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

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

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


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

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


Фреймы
<frameset></frameset>
Предваряет тег <body> в документе, содержащем фреймы;
<frameset 
rows="value,value">
Определяет строки в таблице фреймов, высота которых определена кол-вом пикселов или в процентном  соотношении к высоте таблицы фреймов.
<frameset 
cols="value,value">
Определяет столбцы  в таблице фреймов, ширина которых определена кол-вом пикселов или в процентном  соотношении к ширине таблицы фреймов.
<frame>
Определяет единичный фрейм или область в таблице фреймов.
<noframes></noframes>
Определяет, что будет показано в окне браузера, если он не поддерживает фреймы.
Атрибуты фреймов

1-10 11-19

Полная версия сайта