Каскадные Таблицы Стилей → Имитация именованных переменных в LESS (с примером в jsFiddle) из песочницы
Объяснять, что такое LESS, я не буду. Но таки пару слов скажу.
LESS — это динамический язык стилевой разметки, код на котором компилируется в стандартный CSS. LESS использует переменные*, операции и функции (нерасширяемый набор), а также миксины**, которые могут принимать параметры. Миксины при компиляции замещаются стилями. Операции и функции — результатами вычислений.
При объявлении миксина, принимающего параметры, обязательно должны указываться значения параметров по-умолчанию. Это позволяет, при желании, вызывать миксин без передачи всех или части параметров. Но миксин в LESS пока не поддерживает именованные параметры. То есть, если миксин объявлен с 10 параметрами и необходимо изменить значение только десятого по порядку, придется передавать и предыдущие девять тоже. Да, со значениями по-умолчанию.
LESS — это динамический язык стилевой разметки, код на котором компилируется в стандартный CSS. LESS использует переменные*, операции и функции (нерасширяемый набор), а также миксины**, которые могут принимать параметры. Миксины при компиляции замещаются стилями. Операции и функции — результатами вычислений.
Проблема
При объявлении миксина, принимающего параметры, обязательно должны указываться значения параметров по-умолчанию. Это позволяет, при желании, вызывать миксин без передачи всех или части параметров. Но миксин в LESS пока не поддерживает именованные параметры. То есть, если миксин объявлен с 10 параметрами и необходимо изменить значение только десятого по порядку, придется передавать и предыдущие девять тоже. Да, со значениями по-умолчанию.
Персональные блоги → Свой минимальный grid CSS-фреймворк. Что в нем должно быть?
Сделав вид, что не знаю о холиварах вокруг css-фреймворков и ненависти к велосипедам, поделюсь своими мыслями («Еще один все понял» © Лепрозорий) по поводу надобности и удобства использования сабжа.
Их есть куча и они обладают своей идеологией, а, например 960gs, Blueprint, YUI grids — самые мне известные и опробованные на собственной коже.
Их есть куча и они обладают своей идеологией, а, например 960gs, Blueprint, YUI grids — самые мне известные и опробованные на собственной коже.
Каскадные Таблицы Стилей → Вкусный CSS: Sass + Compass
Что такое Haml/Sass?
Haml (xHTML Abstraction Markup Language) это язык разметки для упрощённой генерации xHTML. В свою очередь эквивалент Haml для css — это Sass (Syntactically Awesome StyleSheets).
В данной статье я расскажу чем примечателен Sass. И с помощью чего sass-файл можно скомпилировать в css.
Каскадные Таблицы Стилей → CSS Framework «Object Oriented CSS»
Оригинальный css фреймворк «Object Oriented CSS» от инженера Yahoo Nicole SULLIVAN-HAAS
Очень молодой фреймворк (первый коммит — January 28, 2009), после беглого просмотра приятно удивила структура компонентов, а
после просмотра презентации, захотелось немедлено скачать и опробовать его.
Очень молодой фреймворк (первый коммит — January 28, 2009), после беглого просмотра приятно удивила структура компонентов, а
после просмотра презентации, захотелось немедлено скачать и опробовать его.
Каскадные Таблицы Стилей → CSS Фреймворк BlueTrip
Открыв некоторое время назад в википедии список существующих css framework'ов дабы подобрать себе что-то удобное для прототипирования(а в идеале и для подсаживания коллег-верстальщиков) подивился их количеству. В процессе изучения ссылок особенно выделился проект BlueTrip, существовавший на тот момент исключительно в виде записи в блоге. Концепцию BlueTrip по словам автора можно было выразить как «взять удобное из других фреймворков и подогнать под себя». Увы, фреймворк на тот момент был сыроват и многое пришлось править руками, но вернувшись через некоторое время обратно я обнаружил, что он обзавёлся собственным сайтом и избавился от детских болезней.
Каскадные Таблицы Стилей → Blueprint
Blueprint — довольно интересный фреймворк для верстки сеткой, который я лично считаю удобным, потому как он позволяет довольно просто создавать весьма сложные страницы, при этом не думая об IE.
Со страницы проекта на Google Code скачиваем архив.
В архиве будет папка blueprint/ там и содержатся основные файлы фреймворка, их и подключаем к странице:
Со страницы проекта на Google Code скачиваем архив.
В архиве будет папка blueprint/ там и содержатся основные файлы фреймворка, их и подключаем к странице:
<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
<!--[if IE]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
Каскадные Таблицы Стилей → Пользуетесь ли Вы css фреймворками?
Хотелось бы знать, пользуется ли хабрачеловечество css фреймворками?
И если да - то какими и, главное, почему? Рекомендации по использованию тоже хотелось бы услышать.
Небольшой список CSS-фреймворков (by
CurlyBrace
Blueprint
Css-Framework.ru
WYM Style
A CSS Framework
Thestandardsguy
Jim Wimpey
YUI Grids (Yahoo)
Taffy
И если да - то какими и, главное, почему? Рекомендации по использованию тоже хотелось бы услышать.
Небольшой список CSS-фреймворков (by
CurlyBraceBlueprint
Css-Framework.ru
WYM Style
A CSS Framework
Thestandardsguy
Jim Wimpey
YUI Grids (Yahoo)
Taffy