С выходом Sass 3.2 начал продвигаться в массы путь объектно-ориентированного CSS (OOCSS), принося с собой принцип DRY и программистское мышление. Media queries и OOCSS стали жизненно важны для современной фронтенд разработки.
Рубрика «css» - 141
Использование Media Queries в Sass 3.2
2012-10-30 в 22:42, admin, рубрики: css, media queries, sass, Веб-разработка, метки: css, media queries, sass, фронтенд
26 CSS-фреймворков для адаптивного веб-дизайна
2012-10-30 в 20:46, admin, рубрики: css, css-фреймворк, адаптивная вёрстка, веб-дизайн, Веб-разработка, метки: css-фреймворк, адаптивная вёрсткаЗаметил, в последнее время на любое упоминание Twitter Bootstrap, минимум один человек отмечает, что «слишком много его стало». Большинство все устраивает, но некоторым он уже приелся и они хотят чего-то нового. Поэтому решил написать статью со сборником из 26 css-фреймворков, думаю каждый сможет найти что-нибудь для себя. Заодно сделаем интернет разнообразнее.
30 CSS-фреймворков для адаптивного веб-дизайна
2012-10-30 в 20:46, admin, рубрики: css, css-фреймворк, адаптивная вёрстка, веб-дизайн, Веб-разработка, метки: css-фреймворк, адаптивная вёрсткаЗаметил, в последнее время на любое упоминание Twitter Bootstrap, минимум один человек отмечает, что «слишком много его стало». Большинство все устраивает, но некоторым он уже приелся и они хотят чего-то нового. Поэтому решил написать статью со сборником css-фреймворков, думаю каждый сможет найти что-нибудь для себя. Заодно сделаем интернет разнообразнее.
Вышел Twitter Bootstrap 2.2.0
2012-10-30 в 6:33, admin, рубрики: Bootstrap, css, веб-дизайн, Веб-разработка, метки: bootstrap 
Вышла новая версия популярного CSS-фреймворка Twitter Bootstrap.
Из нового:
- Четыре новых темплейта: marketing page, форма входа, sticky-футер и карусель
- Новые компоненты для комментариев, твитов и др.
- Масштабирование типографики с помощью @baseFontSize и @baseLineHeight
- Обновленные отступа (padding) для некоторых элементов — инпутов и кнопок
- Исправлены ошибки с z-index для всплывающих подсказок и поп-оверов
- Обновление до jQuery 1.8.1
- Добавлен файл Contributing.md
- Установка с помощью Читать полностью »
Фронт-энд Островка изнутри
2012-10-29 в 13:19, admin, рубрики: css, google closure, html, javascript, jsdoc, scss, архитектура, БЭМ, Веб-разработка, верстка, фронтенд, метки: css, google closure, html, javascript, jsdoc, scss, архитектура, БЭМ, верстка, фронтендПривет, меня зовут Игорь (iamo0), я старший фронт-энд разработчик в Островке. Я занимаюсь нашим основным продуктом: сайтом Ostrovok.ru. С помощью нашего сайта ежедневно бронируют отели тысячи человек, поэтому для нас очень важно, чтобы качество нашего продукта было на высоте. А для этого нужно не отвлекаться на разного рода мелочи и уметь эффективно решать поставленные задачи.
Расскажу как мы организовали процесс фронт-энд разработки так, чтобы можно было решать поставленные задачи, не задумываясь о средствах их решения, сосредоточившись на самой задаче.
Не претендую на то, что мой рассказ сорвет покровы или станет настоящим откровением. Хочу поделиться с вами опытом работы с большими приложениями, накопленным разработчиками Островка.
Читать полностью »
Генератор CSS анимации CSSLoad.net V2 запущен
2012-10-29 в 9:28, admin, рубрики: ajax, css, css animation, jquery, веб-дизайн, Веб-разработка, загрузка, метки: ajax, css animation, jquery, preloader, загрузка 
Немало комментариев от хабра получили мы при запуске проекта CSSLoad.net. Мы обещали много и сделали практически все… Правда не сразу. Причиной тому была постоянная зачистка, доработка и добавление шаблонов наш генератор анимированных GIF и APNG для AJAX — Preloaders.net (опять же по запросам хабра). Но, собравшись с силами, мы наконец взялись и за CSSLoad.
Итак что же мы сделали:
Читать полностью »
Базовые темы популярных CMS на Twitter Bootstrap
2012-10-28 в 22:41, admin, рубрики: Bootstrap, css, wordpress, Веб-разработка, метки: bootstrapВсе мы любим популярный CSS-фреймворк Twitter Bootstrap, облегчающий разработку. За год существования многие CMS обзавелись базовыми темами на основе Bootstrap. Представляю вашему вниманию подборку таких шаблонов.
WordPress
BootstrapWP
Сравнение адаптивных CSS фреймфорков: Bootstrap, Foundation и Skeleton
2012-10-28 в 0:28, admin, рубрики: Bootstrap, css, Foundation, веб-дизайн, Веб-разработка, метки: bootstrap, Foundation 
Недавно Brian Haveri в блоге vermilion.com сделал отличное наглядное сравнение популярных CSS-фреймворков (статья), которые можно использовать для разработки адаптивных сайтов.
За последний год мне удалось поработать со всеми этими фреймворками: Bootstrap, Foundation и Skeleton, и могу сказать, что в свое время такая табличка спасла бы кучу времени. Поэтому я перевел ее на русский язык, добавив немного своих комментариев. Надеюсь будет полезноам.Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №28 (20 — 26 октября 2012)
2012-10-26 в 19:30, admin, рубрики: css, html, JS, Блог компании Zfort Group, браузеры, веб-аналитика, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, полезная информация, ресурсы, ссылки, ссылки на сми, метки: css, html, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, полезная информация, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №28 (20 — 26 октября 2012)")
Подборка инструментов для эффективной frontend разработки
2012-10-26 в 11:51, admin, рубрики: css, front-end, дизайн, Дизайн в IT, разработка, метки: css, front-end, дизайн, разработка, фронтендВ эту прекрасную морозную пятницу осмелюсь предложить хабрасообществую небольшую подборку приложений, предназначенных для увеличения продуктивности во время работы с фронтэндом.
Этот прекрасный генератор форм поможет вам в создании красивейших CSS логин-боксов и прочих input вещей, при минимальных временных затратах.
Читать полностью »