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

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

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

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

Стили CSS — 3 Стиля для Создания Красивых Текстовых Заголовков

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

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

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

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

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

Стили CSS — Создаем логотип на чистом CSS

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

Стили CSS — Прячем Текстовый Заголовок Страницы за Изображением

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

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

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