62 полезных инструмента для адаптивного дизайна (Responsive web design)

Еще в январе мы опубликовали статью об адаптивном дизайне «Responsive Web Design: What It Is and How To Use It» (Адаптивный веб-дизайн: Что это такое и как им пользоваться). Адаптивный веб-дизайн продолжает привлекать к себе много внимания, но, учитывая, насколько он отличается от традиционных методов разработки сайтов, он может показаться заоблачно сложным для тех дизайнеров и разработчиков, которые его не пробовали.

По этой причине мы составили обзор ресурсов, полезных при создании адаптивных сайтов. В обзор вошли подробные руководства, подходы, инструменты, статьи, содержащие практические советы, необходимые для создания вашего собственного адаптивного сайта.


----------------------------

Подборка полезных инструмента для создания адаптивных сайтов

Традиционный дизайн с фиксированной шириной уже не в моде, многие хотят, чтобы  сайт отображался одинаково на всех устройствах: мобильных телефонах, планшетах, смартфонах и т.д ?  Сегодня, как никогда,  популярна технология адаптивного веб-дизайна (responsive web design), поэтому мы предлагаем Вашему вниманию подборку полезных инструментов, которые значительно упростят создание «универсального» сайта. Надеемся, Вы найдёте здесь что-то нужное.


----------------------------

JsFiddle.net — отличная «песочница» для веб-разработчиков

В этом посте речь пойдет о замечательном сервисе для веб-разработки JsFiddle. Данный веб инструмент позволяет производить совместную работу, тестирование для мобильных устройств, подключение стандартных и собственных библиотек. У сервиса JsFiddle имеется простой и понятный интерфейс, а так же практически идеальная среда не только для разработки и тестирования, но и для выкладывания в сеть каких-либо примеров кода для иллюстрации статей.

Ключевые теги: CSS, CSS3, HTML5, PHP, web-dev, web-developer, песочница

----------------------------

Десятка лучших онлайн-генераторов CSS3

Десятка лучших онлайн-генераторов CSS3 С выходом в свет CSS3 жизнь веб-разработчиков стала интересней, забористей и в то же время проще. Чего только стоит новое свойство border-radius, которое избавляет веб-разработчиков от головной боли под названием “закругленные уголки в блоках”. Уж сколько способов изощренных придумали до выхода CSS3 веб-умельцы, чтобы реализовать в html-коде такие блоки. Кроме того, в CSS3 появились новые креативные эффекты, которые расширяют возможности оформления и форматирования html-кода.

Но, конечно, есть и ложка дёгтя – реализовав новое свойство CSS3 в одном браузере Вы совершенно не можете быть уверены, что в других браузерах оно будет отображаться так же корректно. Для этого, веб-умельцы уже успели придумать разные способы, кусочки кода,”хаки”, которые часто помогают решить проблему несовместимости в браузерах.

Чтобы помочь разобраться в мноогообразии онлайн-инструментов, которые генерируют CSS3 свойства для разных браузеров, предлагаем обзор десяти онлайн-генераторов CSS3.

----------------------------

IE10 platform preview 2 — вторая превьюшка IE10

IE10 platform preview 2 — вторая превьюшка IE10 Буквально несколько минут назад на официальном сайте была выложена вторая превьюшка IE10.
А в блоге появилось подробное описание изменений и обновилась техническая информация для разработчиков на тему этого выпуска.
Ключевые теги: ie10, platform preview, html5, css3, ECMAScript

----------------------------

Новая сборка Оперы Барракуды

Новая сборка Оперы Барракуды Барракуда наконец-то начала показывать зубки, теперь в ней действительно уже понемногу появляется то, на что реально можно посмотреть.
В этой сборке появилась поддержка CSS3 градиентов — одна из немногих фишек CSS3, которых в Опере действительно сильно не хватало.

Также, в этой сборке добавили поддержку WebP и Declarative UI
Ключевые теги: Opera, barracuda, webp, declarative ui, css3 gradients, css3

----------------------------

Новые полезные сервисы для веб-разработчиков и дизайнеров

Новые полезные сервисы для веб-разработчиков и дизайнеров Сегодня продолжим познакомимся с сервисами которые могут заметно облегчить жизнь веб-разработчика, верстальщика или дизайнера.

----------------------------