Верстка \ HTML&CSS

теги dl dt dd

От автора: Многие дизайнеры прошлого любили создавать веб-дизайн, используя таблицу и, когда дело доходило до исправления ошибок, это становилось их ахиллесовой пятой. Теперь, однако, когда дело доходит до построения списка данных на веб-странице, например, списка данных профиля, многие вместо этого пользуются таблицей HTML.

Фактически, используя тэги HTML dl, dt, dd, вы экономите на написании кода и добавляете своему контенту больше семантического значения. Тогда как таблицу лучше всего использовать для табличных данных, и не следует использовать для списка данных, в веб-форме или веб-разметке.

Продолжить чтение

Верстка \ HTML5

разметка сайта

От автора: В первой части этой статьи — Создаем разметку сайта без изображений с помощью HTML5/CSS3 – часть 1 мы закончили объяснять все элементы HTML5, используемые в коде нашей демо-страницы index.html и сегодня обсудим свойства CSS, применяемые для того, чтобы сделать ее красивой.

Продолжить чтение

Верстка \ HTML5

разметка сайта

От автора: с тех пор, как в сети стали появляться статьи, демонстрирующие новые свойства HTML5 и CSS3, у меня родилась идея создания верстки сайта без изображений. Взяв на вооружение улучшения HTML5 и CSS3 (по сравнению с предыдущими почтенными спецификациями), не слишком сложно сверстать достойно выглядящий веб сайт, которому не придется полагаться на изображения в качестве элементов разметки.

Продолжить чтение

Верстка \ HTML&CSS

создание html формы

От автора: Создание HTML-форм – один из основополагающих разделов в веб-дизайне и веб-программировании. Используя формы, мы регистрируемся на сайтах, пишем сообщения в гостевые книги, оставляем комментарии, пишем и отправляем письма через веб-интерфейсы почтовых сервисов. Написание абсолютного большинства веб-приложений начинается с создания формы. На счет «абсолютного большинства» я, конечно загнул, серьезные программисты начинают, как правило, с другого. А вот начинающие разработчики, такие как автор этого туториала, начинают проектирование своего первого dt,-приложения с создания простой HTML-формы.

Продолжить чтение

Верстка \ HTML&CSS

видео галерея

От автора: в этом уроке мы реализуем видео галерею для сайта. Данный урок разбит на 2 части: в первой части мы получаем флеш-плеер и публикуем его на странице сайта, во второй части при помощи библиотеки jQuery и плагина fancybox уже непосредственно создаем видео галерею.

Продолжить чтение

Верстка \ HTML&CSS

всплывающие подсказки

От автора: Сегодня речь пойдет о таком немаловажном объекте страницы сайта как всплывающая подсказка (всплывающий блок) который мы напишем на HTML, CSS и jQuery. Вещь довольно-таки простая. Очень часто используется на сайтах. Поэтому я решил показать, каким образом она устроена и как работает.

Продолжить чтение

Верстка \ HTML&CSS

методы jquery

От автора: Сегодня мы создадим jQuery скрипт предпросмотра новостей, позволяющий компактно показывать наши самые последние статьи или записи на сайте. Слайдер предпросмотра новостей на jQuery, будет демонстрировать определённый список статей слева и анонс данной статьи с более длинным описанием справа. Как только на новость слева щелкнут, сразу выскользнет анонс.

Продолжить чтение

Верстка \ HTML&CSS

закругление улов в CSS

От автора: Часто перед начинающим верстальщиком возникает ряд задач, которые ему нужно разрешить для выполнения верстки страницы. Одна из наиболее часто встречаемых проблем – это закругление углов блока средствами HTML/CSS.

Продолжить чтение

Верстка \ HTML&CSS

css селекторы

От автора: Итак, вы выучили основные селекторы css: id, class, наследование – и довольны? Если да, то вы упускаете гигантский объем гибкости. Хотя многие селекторы, упомянутые в этой статье, являются частью спецификации CSS3 и, следовательно, имеются в наличие только на современных браузерах, вы должны их запомнить.

Продолжить чтение