Разделы сайта

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

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

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

Сегодня я хочу вам рассказать о том, как можно изменить внешний вид файлового инпута, как стилизовать файл-инпут под свой дизайн, как стилизовать <input type="file">.

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


Браузеры и стандарты. Вечная погоня. Из-за несоответствий стандартам, из-за разных способов рендеринга страниц большая часть времени веб-дизайнера уходит на то, чтобы загладить эти несоответствия. В итоге, вместо эффективной работы, дизайнер вступает в противоестественные отношения с браузерами, теряя драгоценное время.
В этой статье рассматриваются 14 css хаков (их еще называют css-фильтрами), которые помогут вам решить некоторые проблемы несоответствия браузеров.

В этой статье представлены варианты с использованием пустых тегов, без пустых тегов и с использованием Javascript. Кроме того, есть небольшая подборка генераторов блоков с закругленными углами.
Nifty Corners Cube

В этой статье я хочу рассказать о преимуществе блочной HTML или XHTML верстки над версткой таблицами и привести конкретные примеры блочной верстки самых распространенных моделей web-страниц.

Табличная вёрстка – это отличная штука! Но на самом деле ей в чистом виде очень мало кто пользуется, но если и пользуются, то, в основном, на западе. У них вполне нормальным считается не делать резиновую раскладку, предпочитая ей фиксированную. У нас же практически любой сайт должен «тянуться».

В последнее время завоёвывает популярность блочная вёрстка, но делать сайты с помощью её становится настоящей головной болью. Никакого удовольствия от работы, огромное количество нюансов; необходимость читать большое количество статей (причём на английском языке) и тому подобные вещи способны положить огромную ложку дёгтя в медовые просторы блочной вёрстки. Поэтому многие верстальщики не спешат бросаться в омут CSS 2.0 и благоразумно ждут пришествия CSS 3.0, и его приемлемую поддержку всеми браузерами. Большинство верстальщиков используют CSS по мере необходимости, а мне бы хотелось сосредоточить внимание на каркасном подходе, когда основной каркас сайта создаётся с помощью одной таблицы, а далее в ход идут средства блочной вёрстки и CSS.


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

Эта статья из A List Apart послужила большим источником вдохновения для меня. После «тест-драйва» указанного в ней метода, я решил применить отрицательные внешние полоски (negative margins) с точностью до наоборот.

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


Copyright www.tultip.net © Использование материалов с сайта tultip.net возможно только при наличии активной ссылки на нас