Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «css3»
Bootstrap CSS Sprite: синтаксический сахар для <img /> 2013-08-01 17:18:14
Что это?
В один прекрасный день я отчётливо понял, что устал писать длинные ссылки на ...
+ развернуть текст сохранённая копия
Что это?
В один прекрасный день я отчётливо понял, что устал писать длинные ссылки на файлы изображений, каждый раз задавать им ширину и высоту, заботиться о том, чтобы это всё не прыгало при загрузке и не мигало при наведении мышкой. И я решил автоматизировать всю эту рутину. Так появился Bootstrap CSS Sprite — библиотека, которая позволяет работать со всеми вашими изображениями, как с одним спрайтом. При этом доступ к тайлам спрайта осуществляется в стиле Twitter Bootstrap.
Приведу пример: у нас есть файл изображения cat.png. Чтобы показать это изображение надо использовать тег <i>, указав для него CSS-класс img-cat, как мы делаем это в Twitter Bootstrap:
<i class="img-cat"></i>
Читать дальше →
Тэги: bootstrap, css3, image, php, twitter, yii, веб-разработка
Mojo Share — все социальные кнопки на CSS3 с иконочным шрифтом в одном месте 2013-07-30 11:46:12
... кнопки построены на CSS3 с использованием градиентов ...
+ развернуть текст сохранённая копия
Доброго времени суток уважаемые хабравчане. Начну издалека… Share кнопки — это очень важно. Большинство из нас с Вами использует либо стандартные кнопки определенной социальной сети, либо один из этих сервисов: Блок «Поделиться» от Яндекса, AddThis, ShareThis и новоиспеченный Pluso. Если рассматривать все эти способы с точки зрения кастомизации и дизайна, то достойнее всего, на мой взгляд, это реализовали в Pluso. Все остальное почти ничем не отличается друг от друга. Рассматривая основной функционал (непосредственно шаринг), отличается баганутостью только Pluso, где можно легко накрутить счетчики, нажимая кнопки помногу раз. Я не буду сравнивать качество сбора статистики этих сервисов хотя Pluso явно не фаварит, поскольку не компетентен в этом вопросе. Вернемся к кастомизации кнопок. Как таковой, во всяком случае удобной, ее нет. А если говорить про дизайн, то кнопки не адаптированы под Retina дисплеи, что сразу бросается в глаза. Поэтому я решил создать проект на GitHub, который состоит из иконочного шрифта MojoSocial и файла стилей MojoShare.
Сейчас в проекте более 40 векторных иконок. Все кнопки построены на CSS3 с использованием градиентов из фирменных цветов каждого отдельного сервиса. Плюс несколько стилистических классов, определяющих дизайн кнопки. А пользоваться этим удобно, потому что файл стилей на LESS.
Читать дальше →
Тэги: button, css, css3, less, mojoshare, веб-дизайн, веб-разработка, кнопка, сеть, социальный
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №67 (21 — 27 июля 2013) 2013-07-27 22:52:20
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Читать дальше →
Тэги: 4.3, android, api, apple, audio, courses, css, css3, group, html, html5, jquery, learn, seo, web, webgl, yandex, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, интересный, компания, новость, ресурс, сми, ссылка
Effeckt.css от команды HTML5 Boilerplate: избранные эффекты и переходы на CSS 2013-07-22 10:16:18
Effeckt.css — это постоянно пополняемая подборка эффектов для оформления веб-приложений. Один из ...
+ развернуть текст сохранённая копия
Effeckt.css — это постоянно пополняемая подборка эффектов для оформления веб-приложений. Один из главных плюсов этой библиотеки эффектов — достаточно жёсткие критерии включения. Это не куча-мала, в которую сваливают всё подряд, каждый эффект должен соответствовать ряду критериев: эффекты должны быть практичными, их назначение — не демонстрировать возможности технологий, а облегчать и украшать жизнь пользователя, они должны работать быстро и плавно, они должны быть полностью совместимыми с мобильными технологиям.
Читать дальше →
Тэги: boilerplate, css, css3, effeckt.css, html5, sass, transition, айриш, веб, веб-разработка, мобильный, пол, эффект
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №66 (14 — 20 июля 2013) 2013-07-20 20:37:45
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
Читать дальше →
Тэги: brick, css, css3, effekt.css, group, html, html5, jquery, just, smartwatch, webgl, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, интересный, компания, новость, ресурс, сми, ссылка
Главная / Главные темы / Тэг «css3»
|
Взлеты Топ 5
Падения Топ 5
|
