Анимированные кнопки произвольной ширины на CSS3

Спасибо! Не знал.

Анимированные кнопки произвольной ширины на CSS3

Всё верно, я думаю над вариантом выставления значения max-width функцией attr(), которая будет брать значение из аттрибута тэга. В этом случае есть минус — придется использовать немного javascript'a.

Анимированные кнопки произвольной ширины на CSS3

Несомненно я начинал делать с :before и :after, но в процессе выяснил что на данный момент эти спевдоэлементы не поддерживают transition. И это несомненный fail =\

Анимированные кнопки произвольной ширины на CSS3

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

Анимированные кнопки произвольной ширины на CSS3

Имхо для эстетики, иначе зачем вообще выпендриваться со стилями и просто использовать обычные нативные кнопки.

Анимированные кнопки произвольной ширины на CSS3

да, ты прав, это видимо из-за отсутствия вертикальной полосы :) исправил.

Анимированные кнопки произвольной ширины на CSS3

проверь сейчас, должно быть норм.

Анимированные кнопки произвольной ширины на CSS3

Исправил на более плавную анимацию, спасибо за фидбек.

Анимированные кнопки произвольной ширины на CSS3

Владимир, так лучше по-человечески это написать, вместо ни о чем не говорящих карикатур.

Анимированные кнопки произвольной ширины на CSS3

Исправил.

USPTO предварительно аннулировало патент Apple на скроллинг

Хех, строку «Главный эксперт: Boris Pesin» из патента можно прочитать двояко

iPhone Style чекбокс для Twitter Bootstrap

Многоуважаемый pepelsbey совсем недавно написан содержательную статью о том как он решил задачу с переключателем в стиле iOS. Конечно же, в его решении присутствует горячо им любимый .svg и CSS3, от которых в олдскул браузерах толку нет, но если это заюзать в веб-интерфейсе для iOS устройств — получится очень даже айс, прямо совсем нэтив-нэтив.

Яндекс вступил в W3C

Огонь! Как минимум за Geolocation я спокоен :)

Новый метод замены текста картинкой, или избавляемся от -9999px

замеров производительности не производил, тормозов не замечал

Новый метод замены текста картинкой, или избавляемся от -9999px

смею предложить еще один способ, которым я периодически пользуюсь. Его смысл заключется в ацки огромном размере шрифта:

.logo {
  background: url(logo.png);
  font-size: 999em;
  height: 50px;
  overflow: hidden;
  width: 100px;
}

Целебное зелье для IE5+ или IE7.js

как вы уже догадались, то использовать это зелье надо с самого начала разработки макетов, а не потом, когда сначала нагородили и говорите что ничего не работает.

Фламп заставляет людей писать отзывы!

Долго не искал:

novosibirsk.flamp.ru/firm/ngs_novosibirskijj_gorodskojj_sajjt-141265769370296/otzyv-2596#comments
novosibirsk.flamp.ru/firm/tekhnositi_set_cifrovykh_univermagov-141265769351100/otzyv-4833#comments
novosibirsk.flamp.ru/firm/rock_city_klub-141265769343648
novosibirsk.flamp.ru/firm/sinnabon_kafe_konditerskaya-141265770104842

Ну а в целом ты прав — положительные отзывы сейчас преобладают, так как наверняка люди больше пишут про любимые компании нежели чем про нелюбимые. В прочем как всегда — добро побеждает зло :)

Фламп заставляет людей писать отзывы!

Круто — удачная идея, богатый функционал, отличный фирстиль и креативность. Надеюсь что популярность к вам придет быстрее чем вы сами ожидаете! :)

Различия между IE6, IE7 и IE8. Часть первая

a:hover p
— не работает

это не работает потому что внутрь строчного элемента нельзя впихнуть блочный.

так же нельзя вложить параграф в параграф!

Всё это описано в правилах семантики кода.

Требования к html-верстке

считаю что если у фрилансера нет мозгов, то ты хоть 3 тех-задания напиши, толку не будет — получишь кашу!