Модель строгости

Модель строгости

Я помешан на порядке. Вся информация должна быть разложена по полочкам — идеи, планы, подходы, методологии. Меня пугают мысли о беспорядке — я стараюсь всё систематизировать и изложить в личные заметки, статьи или документации. Но что делать, когда система не работает, ресурсы ограничены и специфика задачи не соответствуем идеальным понятиям? Под катом, я поделюсь своими мыслями о “Модели строгости”, касательно методологий разработки и многослойной системы организации CSS. Читать дальше →

Подробнее
[Перевод] Кастомные фильтры в CSS

[Перевод] Кастомные фильтры в CSS

Приступая к кастомным фильтрам на CSS (Custom Cascading Style Sheets Filters) Вступление Кастомные CSS фильтры (далее CCSSF)(ранее известные как CSS шейдеры) — это новая браузерная фича, накладывающая созданные руками визуальные эффекты на элементы HTML документа. Кастомные фильтры являются частью Filter Effects 1.0 specification. Они дополняют другую ...  Источник: Уроки CSS на Хабрахабре

Подробнее
TeaCSS – очевидный подход к созданию стилей

TeaCSS – очевидный подход к созданию стилей

Хотя CSS-подобных языков не так уж и много – на слуху и на плаву сейчас и вовсе одни Sass и Less, я все же начну с ответа на вопрос «А зачем нужен еще один?». Если коротко, то TeaCSS не плодит новых сущностей, ведь этот тот же CSS, в который в качестве языка добавили javascript. У этого подхода есть свои плюсы и минусы. Плюсы – практически никаких подводных камней. Файл tea преобразуется в javascript, наполненный простыми командами вывода. Этот javascript можно отлаживать,

Подробнее
Выпадающее меню в панели номеров страниц Twitter Bootstrap

Выпадающее меню в панели номеров страниц Twitter Bootstrap

Вчера я делал верстку для панели с номерами страниц с использованием Twitter Bootstrap и мне потребовалось добавить туда выпадающее меню (для выбора вариантов сортировки и количества элементов на странице). Bootstrap не содержит стандартных стилей для выпадающих меню в панели номеров страниц. Я написал свои стили для выпадающих меню, возможно, кому-то они будут полезны.

Подробнее
[Перевод] Создаем сайт с эффектом Parallax, используя Stellar.js

[Перевод] Создаем сайт с эффектом Parallax, используя Stellar.js

Один из самых популярных трендов современного веб-дизайна является эффект Parallax. В этом туториале я покажу вам, как создать подобный эффект на вашем веб-сайте, используя воображение и Stellar.js. Скачать исходники | Демо Читать дальше → ...  Источник: Уроки CSS на Хабрахабре

Подробнее
[Перевод] Эффективная веб-разработка c Visual Studio 2012: нововведения в упаковку и минификацию скриптов и стилей

[Перевод] Эффективная веб-разработка c Visual Studio 2012: нововведения в упаковку и минификацию скриптов и стилей

С выходом Visual Studio 2012 инструмент отвечающий за автоматическую минификацию и упаковку скриптов и стилей Web Optimization Framework получил большое обновление. Эти изменения преследуют две цели: Предоставить полный контроль над упакованными пакетами, которые регистрируются шаблонами веб-приложений по умолчанию Поддержать режимы отладки и публикации так чтобы во время отладки упаковка пакетов не производилась и была автоматической, когда приложение размещается на сервере Основные изменения

Подробнее
[recovery mode] Релиз новой версии Twitter Bootstrap 2.0.4

[recovery mode] Релиз новой версии Twitter Bootstrap 2.0.4

Релиз новой версии состоялся 1 июня. Изменений, в сущности, немного. Обобщенный список под катом. Читать дальше →  Источник: Уроки CSS на Хабрахабре

Подробнее
Веб-разработка / Эмуляция интерфейса iPhone с помощью CSS

Веб-разработка / Эмуляция интерфейса iPhone с помощью CSS

Некоторое время назад мне потребовалось «красиво» оформить логи бесед в жаббире. Поскольку рисовать я не умею вовсе, я обратился за подмогой к мирозданию. Поиск по готовым решениям открыл для меня малоизвестную, но, безусловно, заслуживающую внимания библиотечку. Строго говоря, это не библиотека. Это тщательно написанная и выверенная ... Источник: Уроки CSS на Хабрахабре

Подробнее
Каскадные Таблицы Стилей / CSS 4: что новенького?

Каскадные Таблицы Стилей / CSS 4: что новенького?

Необходимо немедленно оговориться, что опубликованный 29-ого сентября документ носит название «Селекторы уровня 4» (Selectors Level 4). Является ли это черновой спецификацией CSS 4? Понять пока что трудно, хотя некоторые уже успели обозвать документ таким именем. Сразу же может возникнуть вопрос: а что, разве CSS 3 закончен, зачем так «гнать»? Напомним, что процесс утверждения новых спецификаций изменился со времен CSS 2.1: вместо единого стандарта третья версия представляет из себя набор

Подробнее
Мероприятия / В Минске прошла очередная конференция Web Standards Days

Мероприятия / В Минске прошла очередная конференция Web Standards Days

…что это было??? А были это «Дни веб-стандартов». Кто на них попал – благодарил, кто не смог прийти – расстраивался и спрашивал, когда Web Standards Days пройдут в Минске еще раз. Это познавательно-информационное мероприятие посетили свыше 300 человек. И почти все ... Источник: Уроки CSS на Хабрахабре

Подробнее
Веб-стандарты / Создатель CSS предлагает убрать скроллбар и сам скроллинг из браузеров

Веб-стандарты / Создатель CSS предлагает убрать скроллбар и сам скроллинг из браузеров

Сейчас многие разработчики стараются либо вовсе убрать скроллбар, либо сжать его до минимума. Создатель же CSS, Хокон Виум Ли, предлагает убрать скроллбал из современных версий браузеров. В принципе, определенная логика в этом есть, поскольку Хокон Виум Ли предлагает полностью поменять способ навигации в браузере. По его задумке, скроллбар не нужен. Читать дальше → ... Источник: Уроки CSS на Хабрахабре

Подробнее
Веб-разработка / Подборка скриптов для создания галереи на php

Веб-разработка / Подборка скриптов для создания галереи на php

Искал я на просторах Интернета всего лишь скрипт для создания индекса изображений с lightbox и генерированием thumbnails. Помимо того что меня полностью устроило (phppi), нашел довольно интересную подборку галерей. В наличии комментарии и пояснения, думаю будет полезно новичкам да и бывалым время сэкономит. Fullscreen Gallery with Thumbnail Flip Читать дальше ... Источник: Уроки CSS на Хабрахабре

Подробнее