Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
17:55 

Вообще полезные ресурсы

15:19 

Сеточные эффекты навигации на jQuery - интересный пример красот. Можно посмотреть демо.

@темы: jQuery, nav

15:09 


@темы: inspiration

14:06 



Кнопка по мотивам кнопок из предыдущего поста. Не знаю, как избавиться от видных пикселей на сгибах оО

И тут Остапа понесло


запись создана: 04.08.2011 в 12:58

@темы: training

11:24 

С картинками в дайрах сегодня плохо, поэтому картинки вставлю позже...

rockatee.com/ - очень понравилось этот сайт-портфолио, но очень не могла понять чем именно. Будем разбираться:

1. Пиксельные фоны. В последнее время я подсела на них - очень уж интересный эффект они создают. На этом сайте они очень активно используются, временами даже слишком активно.



2. Цвета. Опять же меня плющит от тусклых цветов вообще и от бирюзового в сочетании с коричневым в частности.

3. Кнопки. Ну вы поняли, да? Правда что касается кнопок - ну не смотрится, когда при наведении мыши кнопка сливается с фоном оО



Ну и раз речь зашла о критике - что мне не понравилось.

Ботинок. Он очень вываливается. Может, немного изменить его гамму в сторону серой? Или добавить пиксельную текстурку? :evil:



rockatee.com/services - это нечитабельно вообще. Мелкий текст на пискельном фоне, да еще и с тенью. Варианты решения - сделать шрифт текста светлее. Или добавить полупрозрачный фон под текстом? Или сделать текстуру менее контрастной? (rockatee.com/blog - вот тут намного более читабельно)

Тема чисел сверху немного непонятна и больше вообще нигде не повторяется. Странно.


А в целом сайт зацепил... Вкусно.

@темы: inspiration

10:49 

10:33 

Prefixr

Нашла шикарный инструмент, которым явно буду пользоваться каждый день. Достало писать кроссбраузерный 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, за что ГРОМАДНОЕ спасибо его создателям!

@темы: css, instrument

10:05 

[Design Is] Like Pornography, You Know It When You See It
(c) Joshua Johnson

@темы: inspiration

14:12 

5 сайтов, стилизованных под винтажные газеты










@темы: inspiration

10:43 



ULTRANOIR
- сайт дизайн студии, демонстрирующий html5+css3 во всей красе. Все очень красиво и очень непонятно. Но красиво, да. Заставка в виде встроенного видео шикарна, да и внутри множество примочек. Только все это очень тяжелое...

Отдельно мне понравились выдвигающиеся блоки в блоге, сделанные предельно просто:
читать дальше

@темы: css, inspiration

10:35 

Литература

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


@темы: theory, downloads, design, css

14:41 

CrossSlide

A jQuery plugin to create pan and cross-fade animations

Очень нужная и красивая штука!

@темы: jQuery

10:55 

10:28 

Ретро-постер



Gigposter Design
- туториал, как создать вот такое чудо при помощи фотошопа и иллюстратора

@темы: must-know, photoshop, tutorial

17:42 

Чтобы не потерять - красивое оформление вложенного меню


@темы: nav, inspiration, design

15:27 

Просто золотое правило, которое и мне тоже надо помнить!


@темы: theory

14:22 



Марк Пилгрим. "Погружение в HTML5" - очень хорошо интересно и вкусно про html5 - на английском и в русском пересказе

@темы: html, important

11:46 

Доработанная кнопочка. Должна одинаково хорошо смотреться и на темном, и на светлом фоне



И по принципу "чтобы было" - спрайт для кнопочки:


запись создана: 27.07.2011 в 11:15

@темы: UI, training

18:07 

Glassy button

Мне такие не очень нравятся, матовые выглядят как-то благороднее. Но надо уметь делать разные!


@темы: UI, training

14:36 



Hover Effects in Web Design: Best Practices and Examples
- хороший обзор ховер-эффектов. Много примеров, разложенных по группам =)

@темы: design, theory

Библиотека Вашта Нерада

главная