урок верстка - Страница 8

Записи, помеченные ‘урок верстка’

Использование комментариев в коде CSS

Комментировать ваш код CSS - очень хорошая привычка в работе. Когда работа свежая, она живет в вашей памяти, все логические связи на своих местах. Однако если вам придется вернуться к коду через год, будет не так просто. Не говоря уже о случаях, когда над проектом работает команда программистов, и велика вероятность того, что в ваш код заглянет [...]
Далее... 1 Комментарий »
Создание оформленных нумерованных списков с использованием CSS

Нумерованные списки могут быть инкрементированны разными способами, но настройка внешнего вида цифр в таких списках довольно сложна. Один из способов создания особого оформления цифр пунктов — это использование шрифтов формата OpenType и свойства font-feature-settings (настройки особенностей шрифта), но есть и более простой путь. С помощью недооцененного свойства счетчиков CSS, которое обычно используется для создания нумерованных списков [...]
Далее... Нет комментариев »
Использование тега и атрибута данных HTML5

Знаете ли вы о возможности создания атрибута HTML, которому можно задать любое название и значения по Вашему желанию, при этом всегда будучи уверенными, что код останется корректным? Если Вы считаете, что в HTML5 это невозможно, вам будет полезно ознакомиться с этим уроком.
Далее... Нет комментариев »
Использование абсолютных и относительных единиц измерения CSS

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

Использование версий изображений для экранов Retina на веб-странице в большинстве случаев необязательно. Но если изображения раскрываются на весь экран на мониторе настольного компьютера, обязательно нужно переключиться на версию изображения высокого разрешения по следующим причинам:
Далее... Нет комментариев »
Использование единиц измерения CSS в зависимости от ситуации

Веб-разработчику может быть сложно разобраться в разнообразии единиц измерения CSS и понять, когда и где какие единицы измерения лучше использовать на веб-странице. Может казаться, что проще использовать только одну единицу измерения во всех ситуациях, но такое решение может сильно ограничить удобство использование дизайна.
Далее... Нет комментариев »
Создание таблицы стилей для сброса для кода CSS и HTML5

Ранее мы уже рассказывали о сбросах для кода CSS и практике по обнулению всех значений браузера по умолчанию или подразумевающихся значениях для свойств CSS. В целом мы против сбросов для кода CSS, которые «уничтожают» абсолютно все: на наш взгляд такой подход с использованием огромного количества селекторов для обнуления требует слишком много работы. Так что нам больше нравится умеренный, [...]
Далее... Нет комментариев »
Интересные типографические эффекты с использованием росчерков шрифтов OpenType

Вы, вероятно, уже читали о различных вариантах для расширенной веб-типографики: некоторые из них используются для улучшения четкости, другие выполняют только декоративные фцнкции. Росчерки и дополнительные стили определенно попадают во вторую категорию.
Далее... 10 Комментариев »
Создание эффекта отбрасывания тени с использованием CSS и SVG

В этом уроке мы расскажем о двух способах создания эффекта отбрасывания тени: с помощью фильтра CSS и с помощью фильтра SVG. Подобные эффекты широко используются в современном веб-дизайне. Особенно когда речь идет о материал-дизайне с легкими элементами тени.
Далее... Нет комментариев »