Есть ли альтернатива CSS? - PullRequest
80 голосов
/ 29 мая 2009

Есть ли язык форматирования таблиц стилей, альтернативный CSS? Или CSS в настоящее время является единственным языком для выполнения форматирования типов таблиц стилей?

Я посмотрел на описание CSS в Википедии (http://en.wikipedia.org/wiki/Cascading_Style_Sheets) и несколько других комментариев о CSS) и был обескуражен отсутствием полной поддержки CSS в различных движках Layout, поэтому мне просто любопытно, если Есть альтернатива, или я должен научиться использовать CSS-фильтры.

Спасибо за любые идеи.

Ответы [ 22 ]

63 голосов
/ 29 мая 2009

CSS является единственным реальным вариантом.

Поддержка браузером CSS не должна быть главной проблемой (в большинстве случаев), как только вы изучите все тонкости CSS. Ключ к пониманию CSS заключается в том, что его цель - определить стиль документа HTML, и он должен быть отделен от содержимого.

Вам понадобится попрактиковаться в том, чтобы изящно ухудшать качество в браузерах, которые не поддерживают функции. Основная идея здесь заключается в том, что вы должны сделать так, чтобы наименьший общий знаменатель (обычно Internet Explorer) работал «достаточно хорошо», чтобы он не отвлекал пользователя, и предоставлял тонкости для пользователей с лучшими браузерами. Кроме того, не сначала разрабатывается для Internet Explorer. Оставьте его до последнего, затем исправьте ошибки. Делать все наоборот (сначала IE) гораздо сложнее.

У вас также есть возможность использовать JavaScript для установки стилей, но это не рекомендуется, поскольку следует избегать применения стилей в JavaScript, поскольку JavaScript предназначен для логики, а не стилей.

На веб-странице есть 3 (в зависимости от того, как вы смотрите) компонента:

  • HTML - для контента
  • CSS - для оформления вашего контента
  • JavaScript - для применения дополнительной или динамической логики к вашему контенту
61 голосов
/ 01 декабря 2011

Вы, ребята, все пытаетесь ответить на вопрос с точки зрения программиста. Я думаю, что оригинальный постер искал альтернативу, которая была бы более графической - та, которая предложила бы другую концепцию.

Даже если CSS3 будет принят кросс-браузерным способом, я считаю, что CSS-метод размещения элементов (встроенный блок, плавающие поля, поля и т. Д.) Ужасен. Я программист, но мой отец - графический дизайнер, и я уверен, что программное обеспечение для разметки, которое они использовали 20 лет, было в некоторых аспектах проще и более продвинутым, чем CSS.

38 голосов
/ 15 декабря 2010

Да есть, это называется МЕНЬШЕ , и это действительно решает большинство проблем с читаемостью кода CSS.

Вы можете скомпилировать его на сервере или на стороне клиента с помощью less.js .

Для производства я рекомендую установить скрипт сборки, который его компилирует (в NodeJS это просто с Grunt и grunt-contrib-less ).


Редактировать: Есть и другие опции, о которых стоит упомянуть, даже если я использую и рекомендую LESS.

SASS : Рубиновые люди любят это. Это не супер-набор CSS, как LESS, но вместо этого используется собственный синтаксис. Чтобы справиться с этим, они разработали SCSS, который является супер-набором CSS и похож на LESS.

Стилус : как и LESS, он закодирован в javascript, но обычно используется из Node.js. Я не могу ручаться за это, так как я еще не попробовал это, но он очень зрелый, поэтому, если у него есть функция, которую вы хотите, обязательно сделайте это.

Турбина : эта была закодирована в PHP. Не так много тяги.

Переключить CSS : Возможно, хакеры Python захотят разобраться в этом. Еще меньше тяги.

Если вы чувствуете себя еще более альтернативно, есть также CSS Cacheer , CSScaffold , DtCSS , CSSPP и даже что-то от porneL .


Другие вещи, которые вы можете проверить:

Компас : полноценная среда разработки CSS для ребят из Ruby.

WinLESS : Компилятор LESS с функцией перетаскивания мышью для Windows, он очень крутой, и вам действительно стоит это проверить.

МЕНЬШЕ элементов , Предварительная загрузка , LESSHat и even.less : библиотеки миксинов и констант для LESS.

Bootstrap : фреймворк, разработанный Twitter. Также связано: HTML5 Boilerplate .

Normalize.css : альтернатива Сброс CSS . Однако есть много перезагрузок, как разработчик, большинство из них - дерьмо. Если вы не собираетесь делать свой собственный, просто используйте этот.


Обновление : Начиная с 1.4 , LESS также имеет @extend. Обязательно используйте 1.4+, если это возможно! Это завершает причины, чтобы выбрать МЕНЬШЕ, чем SASS, я думаю.

16 голосов
/ 29 мая 2009

Да.

Как и все остальные, CSS - ваш единственный реальный вариант, но есть еще один язык для "вещей типа форматирования таблиц стилей" в Интернете, называемый расширяемым языком стилей (XSL), в частности подмножеством спецификация, которая стала известна как XSL-FO (форматирование объектов) .

В какой-то момент, в зависимости от того, кого вы спросили, он должен был конкурировать или сотрудничать с CSS .

7 голосов
/ 29 мая 2009

Что ж, CSS 2.1 довольно хорошо поддерживается почти каждым браузером. (кроме IE6) Легко написать изящно ухудшенный CSS, если вы знаете безопасное подмножество. (Так что даже неподдерживающие браузеры не будут полностью портить страницу)

См. http://www.quirksmode.org для подсказок совместимости браузера CSS.

7 голосов
/ 29 мая 2009

Широко распространенный CSS не получает полной поддержки во всех браузерах ... как (неизвестная) альтернатива может достичь этой цели?

6 голосов
/ 29 мая 2009

обескуражен отсутствием полной поддержки CSS в различных движках Layout

Я думаю, что у jQuery есть несколько способов сделать css более совместимым между браузерами, то есть если вы укажете некоторые атрибуты, используя jQuery, тогда он попытается использовать обходной путь для браузеров, которые не поддерживают определенные функции.

Есть также проект под названием CleverCSS , вы можете проверить его. Это не альтернатива этому, просто немного другой способ определить это.

4 голосов
/ 29 мая 2009

Я посмотрел на описание CSS на Википедия (http://en.wikipedia.org/wiki/Cascading_Style_Sheets) и несколько других комментариев о CSS и обескураженный по поводу отсутствия полная поддержка CSS в разных Компоновка двигателей, поэтому мне просто любопытно если есть альтернатива или я должен научитесь также использовать фильтры CSS.

CSS - это стандарт . Альтернативы нет.

Все браузеры поддерживают основные функции CSS. Каждая новая версия каждой из (четырех?) Основных строк браузера имеет расширенную поддержку стандарта, но веб-сайты, использующие эти функции, будут недоступны для пользователей в более ранней версии. На это есть два ответа:

  1. «Изящное деградация» (или его двойник, «Прогрессивное улучшение» - поищите в Google), в котором страница использует расширенные функции, если они доступны, и продолжает работать, если их нет.

  2. Кто ваша аудитория? Если вам повезло узнать, что 99,8% посетителей вашего сайта будут использовать хотя бы IE7, вам не нужно беспокоиться о функциях CSS, которые нарушены в IE6. Это будет зависеть от вашего бизнеса, поэтому сначала проверьте факты.

Худшее, что вы можете сделать, это написать код для причуд одного конкретного браузера, поскольку это приводит к тому, что страница ломается не только в других браузерах, но даже в более поздних версиях того же браузера.

4 голосов
/ 08 августа 2014

Таблицы стилей сетки (GSS): GSS ​​

намного лучше

4 голосов
/ 09 апреля 2013

В качестве альтернативы давным-давно таблицы стилей JavaScript (JSSS) представляли технологию языка таблиц стилей, предложенную Netscape. Если кому-то будет интересно, я дам вам несколько ссылок http://en.wikipedia.org/wiki/JavaScript_Style_Sheets

вот предложение http://www.w3.org/Submission/1996/1/WD-jsss-960822 Я думаю, что это была хорошая идея, но, к сожалению, CSS выиграл, но, возможно, некоторые части были интегрированы с Javascript ??

Также, возможно, вместо использования css вы можете использовать svg для некоторых текстовых эффектов, посмотрите на примеры
http://msdn.microsoft.com/en-us/ie/hh410107.aspx
и некоторые анимации
http://svg -wow.org / Текстовые эффекты / текст-effects.xhtml
некоторые эффекты кнопок https://www.svgopen.org/2008/papers/86-Achieving_3D_Effects_with_SVG/
Вот более крутой пример оформления текста, который вы должны посмотреть на это http://www.hongkiat.com/blog/scalable-vector-graphics-text/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...