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

• 

  Создание необычных непрямоугольных веб-дизайнов

  То, что все в CSS состоит из блоков, не означает, что все должно выглядеть прямоугольно. По факту блочная модель CSS приводит к веб-дизайнам, основанным на сетках. Удобные и имеющие корни в печатной продукции, сетки стали основой дизайнов огромного количества сайтов. Но у них также есть ограничения: если использовать при разработке веб-сайта только два или три столбца базовых цветов, может [...]

  Далее... Нет комментариев »
• 

  Новый подход к адаптивным таблицам

  Geoff Yuen продемонстрировал очень эффективный способ создания адаптивных таблиц HTML. У этого примера было всего две небольших проблемы: код CSS был записан в Sass и в нем было много повторений и избыточность в использовании атрибута данных. Наше решение не имеет этих недостатков.

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

  Используем необычные шрифты для заполнения макета сайта

  Большинство веб-дизайнеров сталкивались с ситуациями, когда заказчик спрашивал: «Этот текст на латыни… Его же не будет в окончательном варианте, правда?». Есть много альтернатив для привычной «рыбы» lorem ipsum, но ни один из этих генераторов не решает основную проблему: клиенты всегда будут считать заполняющий текст окончательным вариантом. Недавно нам попалось несколько интересных и творческих подходов к этой проблеме: [...]

  Далее... Нет комментариев »
• 

  Создание бокового меню

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

  Далее... Нет комментариев »
• 

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

  Каждому элементу HTML можно создать простую рамку с помощью CSS, используя один из десяти стилей: none (нет), hidden (спрятанная), solid (цельная), dashed (подчеркиваниями), dotted (точками), groove (углубленная), ridge (приподнятая), double (двойная), inset (внутренняя) и outset (внешняя). Также в спецификации CSS3 есть три стиля, которые не поддерживаются ни в одном браузере: wave (волна), dot-dash (точками и подчеркиваниями), [...]

  Далее... Нет комментариев »
• 

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

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

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

  Создание оформленных нумерованных списков с использованием CSS

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

  Далее... Нет комментариев »
• 

  Использование тега и атрибута данных HTML5

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

  Далее... Нет комментариев »
• 

  Использование абсолютных и относительных единиц измерения CSS

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

  Далее... Нет комментариев »