Новое полезное для веб-разработчиков в феврале 2012
2012-02-17 19:04:20
Предлагаем вашему вниманию обзор новых сайтов, сервисов, полезных вещей для веб-разработчиков и веб- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию обзор новых сайтов, сервисов, полезных вещей для веб-разработчиков и веб-дизайнеров. Dolody Dolody – это новый еженедельный интернет-журнал для сообщества веб-дизайнеров и веб-разработчиков. Там есть много чего интересного: дизайн, кодинг, графика, вордпресс, комментарии ведущих дизйенров, учебники, туториалы, интервью и многое другое. WP Remote WP Remote позволяет управлять и поддерживать все ваши сайты WordPress [...]
Тэги:
css3,
html5,
wordpress,
бесплатный,
веб-дизайн,
веб-разработка,
плагины
Оформление стиля подсказок с помощью CSS3
2012-02-17 19:02:41
... помощью новых функций
CSS3, мне и хотелось ... и чуточку магии
CSS3, экспериментируя с параметрами ...
+ развернуть текст сохранённая копия
Мало найти стабильно и быстро работающий javascript, необходимо еще красиво оформить подсказки, придать им свой стиль. Вот как раз об оформлении подсказок с помощью новых функций CSS3, мне и хотелось бы вам рассказать. Немного фантазии, воображения и чуточку магии CSS3, экспериментируя с параметрами стиля, вы получите в свое распоряжение замечательный вид подсказок к ссылкам на своих проектах.
Тэги:
css3,
html/css,
подсказка,
сайт,
стиль
Оформление стиля подсказок с помощью CSS3
2012-02-17 19:02:41
... помощью новых функций
CSS3, мне и хотелось ... и чуточку магии
CSS3, экспериментируя с параметрами ...
+ развернуть текст сохранённая копия
Мало найти стабильно и быстро работающий javascript, необходимо еще красиво оформить подсказки, придать им свой стиль. Вот как раз об оформлении подсказок с помощью новых функций CSS3, мне и хотелось бы вам рассказать. Немного фантазии, воображения и чуточку магии CSS3, экспериментируя с параметрами стиля, вы получите в свое распоряжение замечательный вид подсказок к ссылкам на своих проектах.
Тэги:
css3,
html/css,
подсказка,
сайт,
стиль
Веб-разработка / [Перевод] Улучшаем юзабилити за 5 минут
2012-02-13 16:29:56
... >2. Плавные переходы (
CSS3 transitions)
+ развернуть текст сохранённая копия
В этой блогозаписи я намерена поделиться несколькими такими советами по увеличению юзабилити сайта, каждый из которых очень лёгок в реализации. Не все они кросс-браузерны, но всё равно они «глазурь на тортике»: читатель и не заметит, что их нет.
1. Отображайте нажатия кнопок и кнопкоподобных ссылок
Мой излюбленный совет. Когда стиль кнопки задаётся в CSS, или когда для отображения необычной кнопки используется рисунок (либо как фон, либо как элемент
<img />), то кнопка не реагирует на нажатие во всех или в некоторых браузерах (зависит от ситуации). Вот какой простой уловкою вы можете дать знать посетителю сайта, что он и впрямь нажал на нечто нажимаемое:
.mybutton:active {
position: relative;
top: 1px;
left: 1px;
}
Этим кодом кнопка смещается на 1 пиксел направо и на 1 пиксел вниз, когда её нажимают. Испробуйте: выглядит весьма убедительно.
Есть другие, не менее быстрые варианты: придать границе свойство inset, указать свойству text-indent значение 1px, изменить направление градиентного фона (что можно сделать быстро, если для этого не придётся прибегнуть ко графическому редактору, то есть если
где-то ещё на сайте используется готовый перевёрнутый градиент), или комбинация нескольких из них.
2. Плавные переходы (CSS3 transitions)
Читать дальше →
Тэги:
css3,
dingbats,
lea,
target,
transition,
verou,
интерфейс,
юзабилити
Веб-разработка / CSS3: жизнь без префиксов
2012-02-06 14:14:21
Префиксы вещь хорошая. Они помогают производителям браузеров в реализации новых возможностей. Но ...
+ развернуть текст сохранённая копия
Префиксы вещь хорошая. Они помогают производителям браузеров в реализации новых возможностей. Но жизнь разработчиков от них становится только сложнее. Префиксов много, иногда наблюдаются различия в синтаксисе.
Проблема очевидна. Нужен способ облегчить работу с префиксами.
Естественно, перестать использовать префиксы было бы неразумно. Но переложить обязанность по их генерации на существующие специально для этого инструменты вполне возможно. Я попробовал перечислить возможные варианты.
Читать дальше →
Тэги:
css3,
less,
prefixfree,
sass
