Хотя CSS3 ещё не является стандартом W3C, последние версии браузеров имеют его частичную поддержку. Можно встретить примеры реализующие те или иные свойства CSS3. Но вместе с восторгом многих не покидает также чувство опасения. Связано это в первую очередь с тем, что нет чёткого понимания в поведении браузера при обработке этих свойств. Под катом собрана таблица в которой сравниваются поддерживаемые CSS3 свойства во всех основных браузерах. Кроме этого указывается версия браузера и префикс для кодирования. Шпаргалка в форме изображения, поэтому её удобно скачать к себе на компьютер или мобильное устройство для дальнейшего использования.
Рубрика «Веб-разработка» - 285
CSS3 поддержка в браузерах
2012-10-05 в 12:27, admin, рубрики: -moz-, -xv-, animation, css, css3, Веб-разработкаTwitter Bootstrap + Joomla = ♥
2012-10-05 в 10:59, admin, рубрики: cms, css, Joomla, Twitter Bootstrap, Веб-разработка, метки: Joomla, Twitter BootstrapУ многих здешних читателей наверное случится когнитивный диссонанс при чтении этой новости: в версии 3.0 столь нелюбимой на Хабре CMS Joomla новый интерфейс разработан на CSS-фреймворке Twitter Bootstrap, в том числе и панель администратора.
Меня приглашают выступать на международных конференциях,
потому что...
Я изобрел инструмент под названием Compass,
потому что...
Я использую Sass и работаю в Caring.com,
Читать полностью »
Новое для веб-дизайнера за сентябрь 2012
2012-10-04 в 18:44, admin, рубрики: веб-дизайн, Веб-разработка, Мобильный веб, типографика, метки: веб-дизайн, типографикаСделал небольшую подборку новых полезных материалов для веб-дизайнеров за сентябрь 2012. Надеюсь, будет полезнаам.
Полезные сервисы
Easel.io — отличный сервис для прототипирования прямо в браузере.
Ещё семь фич HTML5, о которых вы могли не знать
2012-10-04 в 16:01, admin, рубрики: html, html5, Веб-разработка, Программирование, метки: html, html5, Веб-разработкаДоброго времени суток!
Все мы достаточно наслышаны об HTML5 и его возможностях. Например, элементы audio и video, которые у всех на слуху. Но несмотря на это, существует парочка тегов, о которых знают далеко не все, и о которых не знал я до недавнего времени. Итак, вот чем я хочу с вами поделиться.
Читать полностью »
Виджеты сторонних сайтов: «за» и «против»
2012-10-04 в 12:28, admin, рубрики: веб-аналитика, Веб-разработка, виджеты сайтов, Программирование, метки: виджеты сайтовСегодня расскажу о таких важных вещах, как использование виджетов и сервисов сторонних сайтов.
Приманка
Ни для кого не секрет, что при расчете времени создания того или иного проекта, мы закладываем совсем немного (ничтожно малое) время на внедрение кода виджетов сторонних сайтов. Например, кнопки соц. сетей «мне нравится», "+1" и подобные.
Во времена, когда еще не было виджетов, каждый сайтостроитель делал все сам: чат, комментарии, форму «отправить письмо», «добавить в избранное», подсчет статистики и т.д. Он тратил на это уйму времени при разработке. Теперь — мы радостно обращаемся к сторонним сервисам и радуемся, что «за нас уже кто-то все сделал».
Расцениваем мы это как дополнительный бесплатный функционал, с минимальными трудозатратами при внедрении, который должен работать «на нас», а не «против нас»…
Так ли это на самом деле?!
Читать полностью »
Нужно отправить SMS, что может быть «проще»?
2012-10-04 в 7:11, admin, рубрики: Apache, CAMEL, sms, алгоритм, Алгоритмы, Веб-разработка, разработка, рассылки, метки: apache, camel, sms, алгоритм, рассылкиНаконец, в вашем проекте потребовалось организовать рассылку SMS с помощью какой-нибудь службы, работающей через Интернет.
На первый взгляд ничего сложного:
Веб-компоненты с LibJS
2012-10-03 в 23:33, admin, рубрики: html, javascript, web components, Веб-разработка, велосипед, метки: web components, велосипед 
По факту, LibJS это связка нескольких библиотек. О Mask и Include я уже вкратце рассказал, а сегодня завершит трилогию CompoJS(@github).
Постановка задачи
- разработка компонент вне основного проекта
- «dev»-независимая маршрутизация —
route('compo','file:///d:/dev/compo/{name}/lib/{name}.js'); - легкое внедрение в проект —
include('compo','mycomponent'); - инициализация прямо из макета —
<myComponent <!-- settings --> />(без javascript-a)
Итого 2 строчки кода, (3) и (4), и компонент подключен в проект вместе с ресурсами и другими компонентами. Больше не надо копировать картинки и стили — все под капотом. Хочу отметить, что разрабатываю в основном мобильные приложения, так что «под капотом» должно быть что-то легкое, но очень быстрое. В статье также будет приведен пример компоненты с использованием библиотеки @PrismJSЧитать полностью »
Слежение за изменениями данных в MySQL при помощи PHP
2012-10-03 в 22:55, admin, рубрики: mysql, php, Веб-разработкаА что если к такой замечательной возможности MySQL как создание триггеров, способных записывать старые и новые значения данных при вставке, изменении и удалении записей добавить информацию, которой обладает php скрипт?
Триггеры MySQL знают:
* момент в который происходит изменение
* старое и новое значение
PHP знает:
* кто в данный момент залогинен
* какая страница открыта, с какой перешли
* бравзер
* IP адрес
* POST, GET
* Cookie
Каким же способом можно умудриться записать всю необходимую информацию?
Читать полностью »
Латаем старые браузеры и учим их HTML5
2012-10-03 в 18:58, admin, рубрики: html, html5, internet explorer, javascript, Веб-разработка, метки: html5, Internet Explorer, javascriptДелая ремонт на своем стареньком сайте (т.е. переводя его на HTML5), я обнаружил в стенах и деревянных поверхностях дыры и трещины, которые необходимо было залатать. Для этого я использовал шпатлевку, обеспечивающую гладкую и ровную поверхность. Затем необходимо подкрасить и, конечно же немного магии.
А вот и методы решения проблемы:
- создаем код страницы по правилам стандартных API и тестируем в браузерах, поддерживающих необходимые нам возможности;
- с помощью JavaScript выполняем обнаружение возможностей, которые должны работать на сайте;
- если определенная возможность в браузере не доступна, спокойно загрузите сценарий заполнитель, имитирующий поддержку данной возможности;
- похлопайте себя по плечу, налейте чашку чая и возьмите с полки пирожок.