Фильтр по слову «css3»

Плавное проявление, мгновенное затухание

Илья Бирман вчера написал:

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

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

Исходный смысл подсветки — обратная связь, ощущение, что всё работает, реагирует, не зависло и не заглючило. Если подсветка срабатывает не мгновенно, а лениво, это сразу воспринимается как тупняк, а не как приятный эффект. Точно так же бесит, когда некоторые светильники не сразу включаются, когда жмёшь кнопку, а плавно.
Читать дальше →

Что мне дал 2012 год

Подведу итоги работы блога за 2012 год. Год был очень насыщенным. Я выделил пять наиболее ярких и захвативших меня тем в прошедшем году. Но перед этим я хотел бы показать статистику блога. На графике сравнение 2011 (оранжевая линия) с 2012 (синяя линяя) годом по версии Google Analytics. Этот рост мотивирует к дальнейшему развитию сайта.

Читать дальше →

Улучшаем опыт взаимодействия с формами

Улучшаем опыт взаимодействия с формами Часто меня спрашивают студенты: «Какой элемент сайта самый важный?», на что я им отвечаю — формы. Ведь с помощью форм пользователи совершают почти все конверсионные действия. Именно с этим элементом связано больше всего проблем. В этой статье я постараюсь рассказать, что можно улучшить при взаимодействии с формами. А заодно описать новые возможности работы с ними в браузерах.

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

Читать дальше →

Используйте свойство box-sizing

Блочная модель CSS Странно, но многие разработчики до сих пор не знают о таком замечательном CSS3 свойстве как box-sizing. Или знают, но почему-то не используют. А ведь используя это свойство, можно избежать вроде бы нелогичного поведения браузеров.

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

Читать дальше →

Что мне дал 2011 год

Совершенно точно этот год был очень насыщенным. Работал в этом году с такими трендами как HTML5, CSS3, JavaScript. И в отличии от прошлого года уже не в теории, а на практике. Во многом на это повлияло быстрое развитие браузеров, даже Internet Explorer, что для него это вообще дико.

Читать дальше →

Как запретить "резиновую прокрутку" в Safari 5.1

Safari 5.1 — это версия по-умолчанию в OS X Lion. Вместе с ней мы получили “резиновую прокрутку”, как на устройствах iOS. Однако на некоторых веб-сервисах, где нужно использовать прокрутку одного из элементов дизайна, то есть не всего сайта, такая прокрутка очень мешает. Это сервисы как Google Reader, Twitter, наша внутренняя система и другие.

Читать дальше →

WebKit font smoothing

With the latest versions of Google Chrome and Safari 5, we can now move away from the -webkit-text-stroke hack I had previously endorsed, and move to a much better solution.

Читать дальше →