30 CSS-фреймворков для адаптивного веб-дизайна
Заметил, в последнее время на любое упоминание Twitter Bootstrap, минимум один человек отмечает, что «слишком много его стало». Большинство все устраивает, но некоторым он уже приелся и они хотят чего-то нового. Поэтому решил написать статью со сборником css-фреймворков, думаю каждый сможет найти что-нибудь для себя. Twitter Bootstrap Извиняюсь перед теми, кто его ненавидит, но все-таки в этом списке нельзя его не упомянуть. Responsive Grid System Разработчик утверждает, что это не фреймворк, и не набор заготовок, и говорит, что это быстрый и простой способ создать адаптивный веб-сайт. Можно указать любое количество колонок, от 2 до 12. 1140 CSS Grid Разметка 1140px, рассчитана под 1280px-мониторы. Skeleton Также уже не раз здесь упоминался, поэтому сразу описание: The Semantic Grid Не нашел ни одного упоминания на хабре, хотя может быть у меня поломался поиск… Frameless Grid Ищете адаптивный дизайн, но ненавидите резиновые разметки? Gumby Framework «Фреймворк, с которым вы уже знакомы». Kube
CSS Transitions, Transforms and Animation Tutorial
Mummify. Empaillez le web
Mise à jour Mars 2015 – Le service n’existe plus Mummify est un service en ligne qui va vous permettre de conserver une page web pour toujours…ou presque. Il y a de nombreuses façons de conserver pour mémoire ou dans le cadre d’une veille une page web. Mummify est un tout nouveau service qui s’essaye à cet exercice avec une méthode assez originale et un clin d’oeil qui ne manque pas d’humour aux momies égyptiennes qui ont traversé les siècles. Mummify est une arme redoutable contre les liens cassés. C’est là qu’intervient Mummify. Mummify permet d’empailler toute sorte de contenus en ligne, articles, postes, photos, tweets… Avant de partager, empaillez-les ! Lien : Mummify
SASS против LESS
«Какой препроцессорный язык стоит использовать для CSS?» является очень актуальным вопросом в последнее время. Несколько раз меня спрашивали об этом лично, и казалось бы, каждые пару дней этот вопрос поднимался в сети. Очень приятно что беседа перешла из темы о плюсах и минусах препроцессинга к обсуждению какой же язык является лучшим. Если быть кратким: SASS. Немного развернутый ответ: SASS лучше по всем пунктам, но если вы уже счастливы с LESS — это круто, по крайней мере вы уже упростили себе жизнь используя препроцессинг. Развернутый ответ: ниже График обучения с Ruby и командной строкой Единственным пунктом является синтаксис. Победитель: нет. В помощь CSS3 С любым из языков вы можете создавать собственные примеси для упрощения жизни с префиксами. Так что все это сводится к следующему: у SASS есть Compass, а у LESS его нет. Победитель: SASS Способности языка: логика/циклы LESS позволяет создавать «защищенные примеси». После использования вы получите подходящий фон: Лаконичный кусок кода:
Guía de Referencia Rápida de CSS 3
Selectores de CSS 3 Notas:· Las propiedades escritas en texto normal equivalen a valores a usar tal y como se indican. · Las propiedades escritas en texto cursiva equivalen a valores numéricos acompañados con la unidad de medida correspondiente, ejemplo: 2px, 2%, 2em. · No todas las propiedades que se definen en esta guía de referencia son compatibles con todos los navegadores. Algunas de ellas están en fase experimental y requieren de nomenclatura especial si se desea usarse en navegadores como Firefox, Safari o Chrome. Para más aclaración acerca de la compatibilidad del CSS 3 con los navegadores consulta este artículo. background Prioridad: Media | Última actualización realizada por el W3 Consortium: 15/10/2009 Subir border font Prioridad: Media | Última actualización realizada por el W3 Consortium: 18/06/2009 box model Prioridad: Media | Última actualización realizada por el W3 Consortium: 09/08/2007 text Prioridad: Media | Última actualización realizada por el W3 Consortium: 06/03/2007 column
ConvertImage → Le Convertisseur d'images Gratuit EN LIGNE !
Как сверстать веб-страницу. Часть 2 — Bootstrap
Введение Уважаемый читатель, эта статья является второй частью цикла статей, посвященных вёрстке. В первой части мы верстали шаблон Corporate Blue от студии Pcklaboratory с помощью стандартных средств на чистом HTML и CSS. В данной статье мы попробуем сверстать этот же шаблон, но с помощью CSS фреймворка Bootstrap 3. Преимущество использования CSS фреймворков заключается в том, что верстальщику не нужно думать о многих нюансах верстки, которые за него уже продумали создатели фреймворков. Недостатком использования фреймворков является тот факт, что странице придется целиком «нести» за собой лишние стили фреймворка, даже если она использует лишь их малую часть. Об использовании Bootstrap В настоящее время есть несколько способов работы со стилями Bootstrap. Без использования LESS Для новичков сам Bootstrap рекомендует следующий подход: нужно скачать с сайта скомпилированный Bootstrap и положить его в свой проект, ничего не изменяя. С использованием LESS Создание проекта Предварительный осмотр <!
Lea Verou | Life at the bleeding edge (of web standards)