Comments 27
Спасибо за статью! Понятно, обстоятельно и по делу.
7 и 8 понравились, а остальное выглядит как-то ну совсем уныло :(
Вот это красота. Хочется взять и… Научиться делать такое самому. :(
В firefox 15 в пятом примере гармоша. Почему?
Не сочтите за грубость, но почему бы большие блоки кода не помещать в Gist например, а здесь давать ссылки.
Еще один интересный плагин для искривления строк текста — Arctext.js
Еще один интересный плагин для искривления строк текста — Arctext.js
И кто этим будет заниматься? Дизайнер будет кодить шрифты или кодер рисовать дизайн? Не спорю, красиво, но не нужно.
Еще есть третий вариант, как в небольших компаниях — дизайнер и разработчик в одном лице =)
Кодер просто может показать дизайнеру, что подобные вещи можно делать.
Зачем тратить время сначала на дизайн, а потом кучу времени чтобы привести этот дизайн в такой же вид вёрсткой. Все эти примеры не читаемы, и не подходят в большинстве случаев не для чего. Да, вы скажите логотипы, но логотипы — не динамический текст, рас написал и на долгое время. По этому тратить огромное время на такое считаю очень глупым и не рентабельным.
Дизайнеры живут не на необитаемом острове и прекрасно знают, что всё можно сделать на JS. Первый пример уже встречался мне в практике вёрстки.
Web-шрифты благодаря коллекции корпорации добра уже стали нормой, те же дизайнеры из числа всех с кем мне приходилось работать знают эти гарнитуры и используют предпочтительно их.
p.s. простите если не увидел вашей таблички «Сарказм».
Web-шрифты благодаря коллекции корпорации добра уже стали нормой, те же дизайнеры из числа всех с кем мне приходилось работать знают эти гарнитуры и используют предпочтительно их.
p.s. простите если не увидел вашей таблички «Сарказм».
Отлично! Подскажите, пожалуйста, что за шрифт в первом примере (у слова «Облако»)?
Вот читал бы про такое еще и еще, может кто знает, где можно найти такие вещи?
tympanus.net/codrops/ Мне в google reader отсюда упала эта статья позавчера.
В догонку еще:
codevisually.com
www.smashingmagazine.com/
speckyboy.com/
cssdeck.com/
css-tricks.com/
Там много похожего.
codevisually.com
www.smashingmagazine.com/
speckyboy.com/
cssdeck.com/
css-tricks.com/
Там много похожего.
Красиво получается. Скоро придется альтернативу фотошопу делать, чтобы вместо картинок сразу использовались доступные эффекты. Будет большая польза.
Восьмой пример — шикарен.
И за остальное спасибо.
И за остальное спасибо.
Я восхищен! Прекрасные примеры.
Это всё, конечно, красиво. Но пока IE (даже актуальный 9-й) не поддерживает CSS transitions, я такого делать не буду. Тем более с логотипами, что подразумевает необходимость выдержать общий (корпоративный) стиль страницы.
Объяснять потом заказчику, «почему всю эту красоту не видит его друг из банка» совсем не хочется.
Объяснять потом заказчику, «почему всю эту красоту не видит его друг из банка» совсем не хочется.
Пример 5 «Гармошка» напоминает галерею. Вместо букв слайды, добавить пару эффектов, плюс посередине ещё один обычный слой с текущей выбранной картинкой. Надо будет как-нибудь добраться и реализовать.
5-й не работает в Опере, но все равно спасибо.
Sign up to leave a comment.
Креативное использование веб-шрифтов