В этой статье собраны полезные и «правильные» стили и сниппеты, которые помогут ускорить процесс разработки сайта, а также оптимизировать верстку.Читать полностью »
Метка «css» - 20
Базовые стили и полезные CSS-сниппеты
2012-11-18 в 8:18, admin, рубрики: css, html, Веб-разработка, сниппеты, метки: css, сниппетыCSS спрайты: основные техники и полезные инструменты
2012-11-17 в 7:54, admin, рубрики: css, веб-дизайн, Веб-разработка, спрайты, метки: css, спрайтыИспользование CSS-спрайтов на сайте позволяет повысить производительность и грамотно организовать элементы интерфейса.
Спрайт — это одно большое изображение мелких графических элементов сайта, например иконок или кнопок. И благодаря CSS можно отображать каждый элемент отдельно.Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №31 (10 — 16 ноября 2012)
2012-11-16 в 20:16, admin, рубрики: css, Google, html, jquery, JS, mozilla, nokia here, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, Google, html, jquery, mozilla, nokia here, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №31 (10 — 16 ноября 2012)")
CSS анимации на реальном проекте
2012-11-16 в 10:18, admin, рубрики: animations, css, css 3, css animation, css3, CSS3 animation, css3 transition, html, transitions, Блог компании Одноклассники, одноклассники, реальный мир, метки: animations, css, css 3, css animation, css3, CSS3 animation, css3 transition, transitions, одноклассники, реальный мир 
Всё чаще среди веб-разработчиков поднимается тема возможностей CSS анимаций (transition/animation), практически на каждой конференции по клиентской разработке можно услышать о потрясающих преимуществах новой технологии.
Производительность и гибкость CSS анимаций позволяет творить удивительные вещи, но можно ли уже использовать эти новые возможности в силу их нестабильности и незрелости на реальных больших проектах?
В этом посте мы расскажем, почему так важно начинать использовать новые технологии клиентской разработки уже сегодня и о трудностях, которые могут ждать вас на пути.
Читать полностью »
Fronteers 2012 — лучшая конференция по клиентской разработке, часть 2
2012-11-16 в 9:53, admin, рубрики: Amsterdam, cms, css, css3, Fronteers, google doodles, html, html5, html5 video, javascript, open source, конференция, отчёт, метки: Amsterdam, cms, css, css3, Fronteers, google doodles, html, html5, html5 video, open source, конференция, отчёт 
В продолжение первой части отчета, я поделюсь своими заметками о втором дне лучшей конференции по клиентской разработке в Европе — Fronteers.
Плюс пару слов о Jam Session, который проходил за день до конференции.
Видео записи всех докладов уже доступны на Vimeo.
Открытый блокнот второго дня конференции.
(осторожно, под катом присутствует тяжелая графика)
Читать полностью »
Придать немного динамики на сайт можно легко с помощью несложных hover-эффектов на CSS. Представленные ниже способы можно применять для превью в фотогалереях, на страницах портфолио и каталогах товаров.
Демонстрация всех эффектов | Скачать исходникиЧитать полностью »
Вышел ReSharper 7.1
2012-11-15 в 4:20, admin, рубрики: .net, ASP.NET, asp.net mvc, css, javascript, jetbrains, ReSharper, silverlight, vb.net, windows forms, windows phone, wpf, XAML, разработка, метки: .net, ASP.NET, asp.net mvc, c++, css, javascript, jetbrains, ReSharper, silverlight, vb.net, windows forms, windows phone, wpf, XAML, разработка 
Мы несколько месяцев не покладая рук работали над выпуском следующей версии ReSharper. И вот — свершилось! Официальную, только что выпущенную версию 7.1 можно загрузить здесь.
Есть много причин обновиться до версии 7.1.
Читать полностью »
Дайджест интересных новостей и материалов из мира айти за последнюю неделю №30 (3 — 9 ноября 2012)
2012-11-09 в 19:44, admin, рубрики: css, html, JS, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: css, html, браузеры, веб-дизайн, Веб-разработка, дайджест, интересное, новости, ресурсы, ссылки, ссылки на смиПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
.png "Дайджест интересных новостей и материалов из мира айти за последнюю неделю №30 (3 — 9 ноября 2012)")
Верстка рассылок — что мы имеем?
2012-11-06 в 7:24, admin, рубрики: css, html, верстка рассылок, электронная коммерция, метки: css, html, верстка рассылок 
Доброго дня.
Изображение честно позаимствовано с Dribbble.com
Прошло немногим менее два года с момента публикации моего первого топика по теме. Что за это время произошло? Mail.ru, Rambler, Yahoo и Яндекс дружно перелопатили свои почтовые интерфейсы, и как следствие — парсеры писем, что доставило приятных эмоций, т.к. было исправлено много противных багов. Gmail стал поддерживать фоновые изображения. Ну а благодаря развитию рынка мобильных платформ к нам на помощь приходят media queries.
Смысл поста — подытожить методику верстки писем под сегодняшние реалии, при этом не забывая про ископаемые клиенты.
И да, в посте картинок почти нет. За картинками прошу в обзоры css3 фич :)
На данный момент занимаюсь версткой писем, скорей как хобби, поэтому времени на тестирование opera mail, sparrow и прочих «вроде как популярных» клиентов не было. Речь пойдет о следующих:
— Все версии MS Outlook
— Mail.ru
— Rabmler почта (в новом интерфейсе не исключены баги)
— Яндекс почта
— Gmail
— Yahoo!
— Thunderbird начиная с версии 2.0
— Hotmail
— Windows Live Mail
— Apple Mail начиная с третьей версии
— AOL Mail
— Lotus Notes 8-8.5.
— theBat! дотошно не тестировал, но и нареканий особенно не было
Читать полностью »
Большая подборка уроков по созданию CSS-кнопок
2012-11-06 в 5:29, admin, рубрики: css, веб-дизайн, Веб-разработка, кнопки, уроки, метки: css, кнопки, урокиВ этой подборке представлены уроки с наглядными примерами по созданию CSS-кнопок на любой вкус.
Fancy 3D Button with CSS3 [Демо | Подробности]
