"Being a professional designer is about making the boring interesting. You must possess a strong sense of aesthetics and be able to turn something ugly into something beautiful.
Being a designer is also about learning to simplify. You must be able to clarify a complex message and break it down into manageable chunks while placing visual emphasis on the most important parts.
Finally, being a designer is about understanding people (often very specific groups of them). You must intuitively or explicitly know a thing or two about human psychology. What motivates people to act? How will people respond to certain visual styles? How can you leverage design to help people understand whatever it is you want to tell them?"
JOSHUA JOHNSON (c)

@темы: inspiration, theory, design

www.spritecow.com/ - шикарнейший инструмент для работы со спрайтами!!!

@темы: css, instrument

15:02

12:56

www.hollisterco.com - шикарные темные цвета и винтажные grunge текстуры!

@темы: inspiration

12:32


steveandjacqs.com/

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


@темы: inspiration

11:58

17:48

www.blog.spoongraphics.co.uk/tutorials/create-a... - туториал по рисованию вот такого:



@темы: photoshop, tutorial

1.



thecityisburning.com/ - к вопросу о стильном огне. Текстура, прозачность отдельных элементов, блочная структура и красота организации





2.



www.deadfemme.com/ - стильное и очень внезапное цветовое решение. Отличное портфолио. Girls rule!


@темы: inspiration, color

11:50

Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = "tree_twilight.css";
else if (thehour > 17)
display = "tree_sunset.css";
else if (thehour > 14)
display = "tree_afternoon.css";
else if (thehour > 11)
display = "tree_noon.css";
else if (thehour > 7)
display = "tree_morning.css";
else if (thehour > 4)
display = "tree_sunrise.css";
else if (thehour > 1)
display = "tree_twilight.css";
else
display = "tree_sunset.css";

var css = '<'; css+='link rel="stylesheet" href=' + display + ' \/'; css+='>';

document.write(css);
// End
}

getCSS();


You can select a default stylesheet, to account for folks with javasсript disabled, by adding the following:

@темы: js, css

12:06

10:19

layerstyles.org/ - border-radius, boxshadow, gradient и все это наглядно и online и с css на выходе =)

@темы: css, instrument

16:44

www.aaron-photography.com/ - сайт, который ооочень похож на Chamber of commerce, сделанный мной на работе. Правда он немного лучше - есть чему поучиться, да =)

www.stickermule.com/products/custom-die-cut-sti... - еще один менее похожий, но общее есть - и есть чему учиться...

@темы: inspiration

altblog.ru/ya-xochu-firefox-plaginy/ - полезные плагины FireFox
Особенно хорош pearlcrescent.com/products/pagesaver/ - делает скриншоты сайтов =)


@темы: instrument

15:45

17:14

14:58 

Доступ к записи ограничен

Закрытая запись, не предназначенная для публичного просмотра

You know an amazing web design when you see it… but what really makes it work? This session is dedicated to a series of essays, articles and tutorials on the topic of understanding the theory behind great website designs.

webdesign.tutsplus.com/sessions/web-design-theo...

@темы: theory, design

15:31

CSS Selectors



So you learned the base id, class, and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.

net.tutsplus.com/tutorials/html-css-techniques/...

@темы: css

15:20

ontwik.com/ - Lectures, Screencasts And Conferences For Real Web Developers & Designers

@темы: theory

-moz-box-shadow: 2px 2px 2px #ccc;
-webkit-box-shadow: 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px #ccc;


-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

text-shadow: 1px 0px 0px #000;

Первый параметр — смещение по оси X;
Второй — смещение по оси Y;
Третий — радиус размытия;
Четвертый — цвет тени.

@темы: css, small useful things