пятница, 05 августа 2011
Высота - вот такая двигающаяся хрень снизу - аццки креативная навигация. Шикарный пример случая, когда отличная вещь применена не по делу. Двигается оно быстро, пользователь прочитать не успевает. Да и большая часть столбиков вовсе не ссылки. С толку сбивает ужасно.
Принесла ochen_tiho
четверг, 04 августа 2011
Кнопка по мотивам кнопок из предыдущего поста. Не знаю, как избавиться от видных пикселей на сгибах оО
И тут Остапа понесло
С картинками в дайрах сегодня плохо, поэтому картинки вставлю позже...
rockatee.com/ - очень понравилось этот сайт-портфолио, но очень не могла понять чем именно. Будем разбираться:
1. Пиксельные фоны. В последнее время я подсела на них - очень уж интересный эффект они создают. На этом сайте они очень активно используются, временами даже слишком активно.
2. Цвета. Опять же меня плющит от тусклых цветов вообще и от бирюзового в сочетании с коричневым в частности.
3. Кнопки. Ну вы поняли, да? Правда что касается кнопок - ну не смотрится, когда при наведении мыши кнопка сливается с фоном оО
Ну и раз речь зашла о критике - что мне не понравилось.
Ботинок. Он очень вываливается. Может, немного изменить его гамму в сторону серой? Или добавить пиксельную текстурку?
rockatee.com/services - это нечитабельно вообще. Мелкий текст на пискельном фоне, да еще и с тенью. Варианты решения - сделать шрифт текста светлее. Или добавить полупрозрачный фон под текстом? Или сделать текстуру менее контрастной? (rockatee.com/blog - вот тут намного более читабельно)
Тема чисел сверху немного непонятна и больше вообще нигде не повторяется. Странно.
А в целом сайт зацепил... Вкусно.
rockatee.com/ - очень понравилось этот сайт-портфолио, но очень не могла понять чем именно. Будем разбираться:
1. Пиксельные фоны. В последнее время я подсела на них - очень уж интересный эффект они создают. На этом сайте они очень активно используются, временами даже слишком активно.
2. Цвета. Опять же меня плющит от тусклых цветов вообще и от бирюзового в сочетании с коричневым в частности.
3. Кнопки. Ну вы поняли, да? Правда что касается кнопок - ну не смотрится, когда при наведении мыши кнопка сливается с фоном оО
Ну и раз речь зашла о критике - что мне не понравилось.
Ботинок. Он очень вываливается. Может, немного изменить его гамму в сторону серой? Или добавить пиксельную текстурку?
rockatee.com/services - это нечитабельно вообще. Мелкий текст на пискельном фоне, да еще и с тенью. Варианты решения - сделать шрифт текста светлее. Или добавить полупрозрачный фон под текстом? Или сделать текстуру менее контрастной? (rockatee.com/blog - вот тут намного более читабельно)
Тема чисел сверху немного непонятна и больше вообще нигде не повторяется. Странно.
А в целом сайт зацепил... Вкусно.
Нашла шикарный инструмент, которым явно буду пользоваться каждый день. Достало писать кроссбраузерный css3, когда вместо 2х строчек:
border-radius: 6px;
transition: all 1s ease-in;
Приходится ручками и копипастом выводить вот это:
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
transition: all 1s ease-in;
За нас это может сделать prefixr.com, за что ГРОМАДНОЕ спасибо его создателям!
border-radius: 6px;
transition: all 1s ease-in;
Приходится ручками и копипастом выводить вот это:
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
transition: all 1s ease-in;
За нас это может сделать prefixr.com, за что ГРОМАДНОЕ спасибо его создателям!
среда, 03 августа 2011
ULTRANOIR - сайт дизайн студии, демонстрирующий html5+css3 во всей красе. Все очень красиво и очень непонятно. Но красиво, да. Заставка в виде встроенного видео шикарна, да и внутри множество примочек. Только все это очень тяжелое...
Отдельно мне понравились выдвигающиеся блоки в блоге, сделанные предельно просто:
читать дальше
В сети множество блогов, посвященных разным сторонам дизайна, но и о книжках забывать не стоит. И на порекомендовать, и чтобы сама не потеряла: 3 хорошие и нужные книжки (клик по картинке - ссылка для скачивания на Народ)
вторник, 02 августа 2011
понедельник, 01 августа 2011
четверг, 28 июля 2011
Gigposter Design - туториал, как создать вот такое чудо при помощи фотошопа и иллюстратора
среда, 27 июля 2011
Марк Пилгрим. "Погружение в HTML5" - очень хорошо интересно и вкусно про html5 - на английском и в русском пересказе
Доработанная кнопочка. Должна одинаково хорошо смотреться и на темном, и на светлом фоне
И по принципу "чтобы было" - спрайт для кнопочки:
И по принципу "чтобы было" - спрайт для кнопочки: