Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Архив рубрики ‘css’

  • Постоянная ссылка на Затемнение изображений простым и быстрым способом на чистом CSS

    Затемнение изображений простым и быстрым способом на чистом CSS

    Этот способ можно считать несколько устаревшим из-за наличия режимов наложения фона, хотя режимы наложения не поддерживаются во всех версиях браузеров Internet Explorer и Edge, многих мобильных браузерах и только частично поддерживается в браузерах Safari, так что этот способ можно использовать как обходной путь.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование множественных фоновых изображений в CSS3

    Использование множественных фоновых изображений в CSS3

    Иногда нам может быть нужно, чтобы у блока был фон, состоящий не из одного изображения, а из нескольких не повторяющихся изображений, как в примере ниже. Конечно, можно просто совместить эти изображения в одном файле в редакторе изображений, например, таком как Photoshop, аккуратно обрезать, выбрать подходящую степень сжатия и сохранить в формате JPEG или PNG-8. 

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование элементов блоков

    Использование элементов блоков

    Есть несколько элементов HTML, в которых почти нет смысла без использования CSS. И один из таких элементов — элемент блока. Это, возможно, наиболее неправильно понимаемый и неуместно используемый элемент в спецификации HTML5, так что давайте разберемся с часто встречающимися примерами его неправильного использования:

    Далее... 2 Комментариев »
  • Постоянная ссылка на Простой эффект параллакса с использованием единиц измерения em

    Простой эффект параллакса с использованием единиц измерения em

    Веб-разработчик Adam Mustill разработал очень интересный способ создания эффекта паралакса с помощью изменения значения базовых единиц измерения em на веб-странице. Мы решили улучшить этот способ и рассказать об этом ниже.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание анимированных раздвигающихся изображений, закрывающих фон

    Создание анимированных раздвигающихся изображений, закрывающих фон

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Использование селектора only-of-type

    Использование селектора only-of-type

    Селектор :only-of-type используется для обращения к единственному элементу определенного типа, который находится в определенном окружении. В то время как селектор :only-child определяет только, является ли элемент единственным в блоке,  селектор :only-of-type проверяет, является ли элемент единственным элементом своего типа в блоке. Таким образом, если использовать следующую разметку HTML:

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание понятной и правильной таблицы HTML

    Создание понятной и правильной таблицы HTML

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Изменяющийся при прокрутке фон на чистом CSS

    Изменяющийся при прокрутке фон на чистом CSS

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Эффектов изысканных паспарту для изображения с использованием CSS

    Эффектов изысканных паспарту для изображения с использованием CSS

    При создании эффектов обрамления большинство дизайнеров выбирают один из двух вариантов: или рисуют рамку полностью в программе Photoshop, или создают много вложенных друг в друга блоков HTML, которым задают стили с помощью кода CSS. В этом уроке мы не будем детально объяснять, как создать эффекты сложных рамок с помощью свойства рамки изображения, а расскажем о более утонченном [...]

    Далее... 1 Комментарий »

Страница 2 из 4012345102030...Последняя »