Стили CSS — Помещаем видеоролик от YouTube и ему подобных в рамочку в качестве украшательства

Автор: Крис Койер Перевод: Всеволод Козлов Не знаю, как Вам, а мне надоело уже созерцать прямоугольный экран видеороликов YouTube и ему подобных видеосервисов. Предлагаю Вам решение этой проблемы: Читать далее Стили CSS — Помещаем видеоролик от YouTube и ему подобных в рамочку в качестве украшательства

Стили CSS — создаем эффектно оформленную блочную цитату

Автор: Крис Койер Перевод: Всеволод Козлов Всем нам знакома блочная цитата. Основное ее применение: цитирование фрагментов информации с других сайтов или, например, на форуме — цитирование участников дискуссии. Кто-то уделяет оформлению блочной цитаты внимание, кто-то нет. А почему? Это ведь так просто… В этой статье мне хотелось бы поделиться с Вами несколькими стилями оформления блочных цитат. Читать далее Стили CSS — создаем эффектно оформленную блочную цитату

Стили CSS — Затеняем нижнюю видимую часть веб-страниц с помощью зафиксированного изображения

Автор: Крис Койер Перевод: Всеволод Козлов Очень красивый эффект затенения нижней видимой части веб-страниц, реализация которого абсолютно несложна! Читать далее Стили CSS — Затеняем нижнюю видимую часть веб-страниц с помощью зафиксированного изображения

Создаем фирменную кнопку с помощью CSS

Автор: UseWisdom.com Перевод: Всеволод Козлов Серфя Интернет, я обратил внимание на то, что все больше и больше сайтов изготавливают свои собственные фирменные кнопки для последующего их размещения на других сайтах. Написать же данное микро-руководство меня подтолкнуло огромное количество вопросов, звучащих примерно так: «Как создавать такие же кнопочки? Я тоже такую хочу!!!» Наша цель: научить всех нуждающихся создавать фирменные css-кнопки. В итоге мы получим: Далее будут представлены полные фрагменты HTML и CSS-кодов, благодаря которым был получен продемонстрированный выше результат! Читать далее Создаем фирменную кнопку с помощью CSS

Стили CSS — отображаем уменьшенный вариант большого изображения с помощью CSS

Автор: Крис Койер Перевод: Всеволод Козлов Нередко возникает такая ситуация, когда необходимо в условиях ограниченного пространства разместить мини-версию большого изображения. Конечно, можно воспользоваться специальными скриптами или сделать мини-версию изображения и сохранить ее отдельным файлом, а можно сделать гораздо проще — с помощью CSS! Читать далее Стили CSS — отображаем уменьшенный вариант большого изображения с помощью CSS

CSS Sprites — что это и почему требует внедрения в повседневную практику веб-разработки?

Автор: Крис Койер Перевод: Всеволод Козлов В поиске различных приемов уменьшения количества HTTP-запросов и ускорения загрузки сайтов задействовано огромное число веб-разработчиков. Приемы находятся, но, увы, применяются только профессионалами, остальным — лень и вообще неохота разбираться в чем-то новом. В этой статье я расскажу Вам об отличном способе снижения в разы количества HTTP-запросов и ускорения загрузки Вашего сайта! Читать далее CSS Sprites — что это и почему требует внедрения в повседневную практику веб-разработки?

Древообразная таблица с помощью HTML и CSS

Автор: Расс Уикли Перевод: Всеволод Козлов Наша цель: с помощью HTML и CSS создать древообразную таблицу. Что мы получим в итоге: В полной версии статьи Вы увидите HTML и CSS-фрагменты кодов, с помощью которых мы реализовали на практике древообразную таблицу, пример которой Вы увидели выше на рисунке! Читать далее Древообразная таблица с помощью HTML и CSS

Стили CSS — Прицепляем Футер Сайта к Нижней Границе Браузера

Автор: Крис Койер Перевод: Всеволод Козлов Футеры — отличное место для размещения информации об авторских правах, ссылки на страницу контактов и на основные разделы сайта. Пользователи уже привыкли обращаться за этой информацией к футеру сайта. Но нередко бывает так, что футер находится не там, где должен. Случается это по разным причинам, но важен сам факт того, что случается. Моей целью является исправление этого недоразумения. Как я добьюсь этого, читайте дальше! Читать далее Стили CSS — Прицепляем Футер Сайта к Нижней Границе Браузера