Вы используете платформу CSS? [закрытый]
Проводит elisp подсчет Emacs? Это - большая часть использования "реального мира", что я знаком с (хотя я не уверен, что Emacs рассчитывает как "реальный мир" любой).
9 ответов
Нет, я не использую никакой фреймворк, просто хорошо продуманный система именования, которую я использую снова и снова, и базовый CSS с несколькими сбросами и некоторыми базовыми стилями.
Почему я не использую фреймворк CSS?
Использование фреймворка обычно предполагает, что разработчик знаком с его условностей, которые довольно часто не выполняются - страницу разрабатывают не вы или у клиента есть свой дизайнер. И даже если это не так, всегда будут дизайны, которые не умещаются в 960 пикселей или просто имеют одинаковый размер, поэтому вы не можете использовать свой волшебный класс .span-4.
Это приводит меня к следующий пункт. Именование не семантическое. Теоретически можно ожидать, что фреймворк упростит обслуживание большого сайта. Однако, Предположим, вам нужно немного изменить дизайн. Это в основном означает изменение html во всех задействованных представлениях шаблона. Это сложно и рискованно даже с системой управления версиями, потому что одно дело откат к одному файлу css, а другое - к 100 просмотрам. Все потому, что input.span-19 должен иметь на 5 пикселей меньше. Фреймворки CSS - новый встроенный CSS.
А как насчет проблем с кроссбраузерностью? Либо вы используете фреймворк, либо нет, это не изменится. Есть браузеры или операционные системы, у которых есть определенные особенности. Итог - Internet Explorer все равно будет отстой.
CSS Framework выделяются своей дисциплиной, и я должен отдать им должное, но в конечном итоге все дело в том, кто пишет код.
Это сложно и рискованно даже с системой управления версиями, потому что одно дело откат к одному файлу css, а другое - к 100 просмотрам. Все потому, что input.span-19 должен иметь на 5 пикселей меньше. Фреймворки CSS - новый встроенный CSS.А как насчет проблем с кроссбраузерностью? Либо вы используете фреймворк, либо нет, это не изменится. Есть браузеры или операционные системы, у которых есть определенные особенности. Итог - Internet Explorer все равно будет отстой.
CSS Framework выделяются своей дисциплиной, и я должен отдать им должное, но, в конце концов, все дело в том, кто пишет код.
Это сложно и рискованно даже с системой управления версиями, потому что одно дело - откат к одному файлу css, а другое - к 100 просмотрам. Все потому, что input.span-19 должен иметь на 5 пикселей меньше. Фреймворки CSS - новый встроенный CSS.А как насчет проблем с кроссбраузерностью? Либо вы используете фреймворк, либо нет, это не изменится. Есть браузеры или операционные системы, у которых есть определенные особенности. Итог - Internet Explorer все равно будет отстой.
CSS Framework выделяются своей дисциплиной, и я должен отдать им должное, но, в конце концов, все дело в том, кто пишет код.
Фреймворки CSS - новый встроенный CSS.А как насчет проблем с кроссбраузерностью? Либо вы используете фреймворк, либо нет, это не изменится. Есть браузеры или операционные системы, у которых есть определенные особенности. Итог - Internet Explorer все равно будет отстой.
CSS Framework выделяются своей дисциплиной, и я должен отдать им должное, но, в конце концов, все дело в том, кто пишет код.
Фреймворки CSS - новый встроенный CSS.А как насчет проблем с кроссбраузерностью? Либо вы используете фреймворк, либо нет, это не изменится. Есть браузеры или операционные системы, у которых есть определенные особенности. Итог - Internet Explorer все равно будет отстой.
CSS Framework выделяются своей дисциплиной, и я должен отдать им должное, но в конечном итоге все дело в том, кто пишет код.
Мне нравятся инструменты yui css . Эти ребята определенно потратили больше времени на кроссбраузерные css, чем мне хотелось бы. Других не пробовала.
Я использую yahoo yui-css framework. Это первый случай, с которым я столкнулся, и его было легко понять. Я только что посмотрел видео и шпаргалку, и они заработали. Кроме того, Yahoo использует их на некоторых своих сайтах.
Я использую Blueprint вместе с фреймворком Compass . Кодирование CSS снова стало приятным. : -)
Комбинация Compass / Sass великолепна и предлагает несколько плагинов для использования выбранной вами структуры без несемантических имен классов. За пределами Compass я всегда считал, что фреймворки слишком строгие и используют слишком много разметки.
Я тоже не поклонник Blueprint, 960gs и подключаемых модулей YUI для Compass: они изначально создавались для использования с дополнительной разметкой. Не использовать все преимущества Compass / Sass для дополнительной гибкости. Поэтому я создал « Susy » - гибкий фреймворк, встроенный в Compass / Sass.
Какой бы плагин вы ни использовали (или напишите свой собственный), я настоятельно рекомендую Compass / Sass как лучший вариант, чем дополнительная разметка. .
Сетка 960 - это попытка упростить рабочий процесс веб-разработки, предоставляя обычно используемые размеры на основе ширины 960 пикселей. Есть два варианта: 12 и 16 колонок, которые можно использовать отдельно или в тандеме.
Я предпочитаю жидкую версию 960.gs: Fluid 960 Grid System
Я использовал Blueprint-css в некоторых местах и нашел его весьма полезным.
Я создал свое собственное подмножество классов, из которых я обнаружил, что очень часто использую, это позволяет мне работать быстрее и создавать макеты html намного проще, без повторения одних и тех же свойств в большом количестве классов.
Например, для встроенных div у меня есть классы fl и fr для представления float справа и слева, для ширины жидкости у меня есть 20 классов ширины. Вот несколько классов из моей общей таблицы стилей, о которой я упоминал. У меня это работает.
.fl { display:inline; float:left;}
.fll { display:inline!important; float:left!important;}
.fr { display:inline; float:right}
.frr { display:inline!important; float:right!important;}
.ib { display: -moz-inline-block; display:inline-block;}
.clear { clear: both}
.none {display:none;}
.noni {display: none!important;}
.block {display:block;}
.blocki {display: block!important;}
.pointer {cursor: pointer !important;}
...
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
...
Так что этот метод, конечно, не может быть заменой фреймворка, но он работает достаточно хорошо, если вы не хотите, чтобы между вашими стилями и вами было что-то еще :)
Sinan .
PS В IE6 и ниже несколько классов работают некорректно, это можно использовать в современных браузерах. см. таблицу в режиме Quirksmode
Только что начал проект с использованием сетки 960. Дизайнер с самого начала увлекся этим и позволил им руководить своим дизайном.
Надо сказать, это намного быстрее. Тратьте гораздо меньше времени на измерение пикселей на макетах, выяснение намерений дизайнера и экспериментирование с CSS для создания «шаблонов страниц». Тратьте гораздо больше времени на реализацию проектов.