Веб-стандарты → Призыв к действию: вы нужны Открытому Вебу *сейчас*!
От переводчика: увидев вчера новость о том, что другие браузеры собираются ввести поддержку -webkit-экспериментальщины (тут), я испытал схожие чувства и смог произнести одно лишь слово «МаCSSаракш!». Поэтому, увидев в твиттере ссылку на эту статью Дэниела Глазмана, я посчитал необходимым перевести ее для Хабра. Буду благодарен за внимание и ваши мысли по этому поводу!Рабочая группа CSS, W3C, производители браузеров и Открытый Веб нуждаются в вас, буквально в каждом из вас. Эта статья написана Дэниелом Глазманом, сопредседателем рабочей группы CSS: часть до «Это не должно случиться» передает официальное обсуждение внутри этой рабочей группы. Члены рабочей группы, участвующие в дискуссии, включают представителей Adobe, Apple, Disruptive Innovations, Google, HP, Microsoft, Mozilla, Opera и WWW-консорциума (W3C). Вторая часть статьи — целиком моя.
Не так давно, IE6 был сверхдоминирующим браузером в Вебе. Веб был переполнен сайтами, работающими только в IE6, и другие браузеры, их пользователи, были в отчаянии. IE6 мертв, те времена прошли, все производители браузеров, включая саму MS, ликуют. Прошли? Не совсем… IE6 ушел, проблема осталась.
MODx CMS → Sass плагин для MODX из песочницы
Начинающим: удобный инструмент для верстки, создание и понимание работы плагинов в MODx.
Многое (если не всё), чего не хватало старому доброму CSS (вплоть до CSS3), реализовано в расширенном формате написания каскадных таблиц стилей — Sass. Не зря приверженцы Ruby on Rails (откуда берет корни Sass) ласково называют его «синтаксический сахар».
После того, как попробуешь Sass «на вкус», становится трудно отмахнуться от идеи ввести его в боевой арсенал каждого верстальщика. Ведь до чего удобно, например, задать в $переменных значения цветов корпоративной гаммы заказчика, чтобы, если тому вдруг понадобится, с еще большей легкостью «сделать сайт более зеленым»!
Для тех, кто программирует на PHP в условиях CMS MODx, предлагается создать плагин, который будет следить за наличием и изменениями в sass-файлах и автоматически (ре)генерировать соответствующие css-файлы, подключаемые в шаблоне.
Sass — правильный CSS
Многое (если не всё), чего не хватало старому доброму CSS (вплоть до CSS3), реализовано в расширенном формате написания каскадных таблиц стилей — Sass. Не зря приверженцы Ruby on Rails (откуда берет корни Sass) ласково называют его «синтаксический сахар».После того, как попробуешь Sass «на вкус», становится трудно отмахнуться от идеи ввести его в боевой арсенал каждого верстальщика. Ведь до чего удобно, например, задать в $переменных значения цветов корпоративной гаммы заказчика, чтобы, если тому вдруг понадобится, с еще большей легкостью «сделать сайт более зеленым»!
Не отстаем от тенденций современности
Для тех, кто программирует на PHP в условиях CMS MODx, предлагается создать плагин, который будет следить за наличием и изменениями в sass-файлах и автоматически (ре)генерировать соответствующие css-файлы, подключаемые в шаблоне.
Блог компании Mail.Ru Group → Как мы разрабатывали темы для Почты
Летом 2011 года мы внедрили новый дизайн Почты Mail.Ru. Интерфейс изменился не только визуально, но и был полностью переделан в техническом плане, что в разы ускорило его быстродействие и удобство. Но еще это было необходимо для реализации очень желанной для пользователей фичи — тем оформления интерфейса. О том, как мы внедряли темы в Почте, хочу рассказать в этом посте.
jQuery → Facebook Timeline
Facebook Timeline делает большую революцию в мире социальных сетей, придает новый вид для пользовательских профилей. Сегодня, посмотрим как просто можно реализовать этот проект с помощью jQuery и CSS.
PHP → Дай пять или еще один PHP/CSS фреймворк из песочницы
Иногда, делая самую простую задачу, хочется, чтобы код решения был структурирован. На ум сразу приходят фреймворки. Фреймворков много, и есть здесь из чего выбрать. Но почти все из них являются очень громоздкими для решения небольших задач и имеют кучу документации, в которой еще нужно разобраться. В итоге затея с фреймворком сразу же отпадает, и пишется свое импровизированное решение со своей структурой. Highfive framework (или далее h5) пытается решить подобные ситуации, предоставляя каркас для простого приложения.
Сам фреймворк едва умещается на один экран монитора и является просто идеей и минималистичной ее реализацией. Состоит всего из четырех функций (view, action, pdo, wtf) и нескольких каталогов с файлами.
Сам фреймворк едва умещается на один экран монитора и является просто идеей и минималистичной ее реализацией. Состоит всего из четырех функций (view, action, pdo, wtf) и нескольких каталогов с файлами.
Каскадные Таблицы Стилей → Дизайн логотипа на CSS3 из песочницы
Ранее мы использовали для графического дизайна программное обеспечение, например, Photoshop для разработки логотипов и иконок. Но теперь мы можем спроектировать почти все, используя возможности CSS3. Разработка логотипов и иконок с использованием CSS увеличит скорость загрузки вашего сайта.
Сегодня обсудим, как создать логотип, используя основные свойства CSS3.
Сегодня обсудим, как создать логотип, используя основные свойства CSS3.
Персональные блоги → Очень доходчиво об HTML, CSS и прочих UI
Очень своеобразные иллюстрации на тему пользовательских интерфейсов. Осторожно — в основном всё nsfw.
Автор Exey Panteleev — его блог
Автор Exey Panteleev — его блог
HTML5 → Mac OS X Lion воссоздали на HTML5 и CSS3
Mac OS X Lion воссоздали на HTML5 и CSS3 (если быть честным воссоздали совсем не всю ОС). Чудо доступно по ссылке: www.alessioatzeni.com/mac-osx-lion-css3
Веб-разработка → Подборка html/javascript/css инструментов и библиотек от SmashingMagazine
Разработка вебинтерфейсов дело не самое легкое. Причем начать вроде бы несложно, а вот добиться совершенства поистинне проблематично. Уж очень многое необходимо учесть. Просто масса настроек и ньюансов, в которых легко запутаться и сделать что-то не так. К счастью, разработчики и дизайнеры склонны упрощать этот нелегкий труд и постоянно изобретают всяческие инструменты позволяющие сделать больше и лучше за то же самое время, а главное не погрязнуть в мелочах и состредоточиться на чем-то более важном.
Множество удобных инструментов, найденных командой популярного онлайн журнала SmashingMagazine, приводится под катом
Множество удобных инструментов, найденных командой популярного онлайн журнала SmashingMagazine, приводится под катом
Каскадные Таблицы Стилей → Выравнивание иконок по базовой линии шрифта
Добрый день. В этой коротенькой заметке я расскажу как кроссбраузерно выровнять иконки по базовой линии шрифта. Итак, задача на первый взгляд довольно тривиальна: в макете, который прислал дизайнер существует следующий, весьма стандартный, блок (имя пользователя в хедере после того как пользователь осуществил вход на сайт)
