• ↓
  • ↑
  • ⇑
 
15:02 

12:56 

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

@темы: inspiration

12:32 


steveandjacqs.com/

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

@темы: inspiration

11:58 

jQuery parallax effect tutorial + Recreate Nikebetterworld Parallax/
запись создана: 29.06.2011 в 21:37

@темы: jQuery, tutorial

17:48 

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


@темы: photoshop, tutorial

11:52 

Две вдохновлялки!

1.



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





2.



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

@темы: color, inspiration

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

10:43 

Полезная ссыль

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

@темы: instrument

15:45 

17:14 

16:20 

Web design theory

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

16:51 

Тень дня блоков (кроме IE, там тень через фильтры и очень кривая) +закругленные углы

-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;
Третий — радиус размытия;
Четвертый — цвет тени.
запись создана: 08.04.2011 в 09:40

@темы: css, small useful things

17:33 

CSS3

15:14 

Moving boxes

Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. We will use some different animation effects that we will add as options to the menu item.

The content area will custom scroll for which we will be using the really awesome jScrollPane Plugin by Kevin Luck. We will also use the jQuery 2d transformation plugin by Grady in order to rotate the little boxes while we animate them, and the the jQuery Easing Plugin for some spice.

The beautiful photos are by Jin. Visit his Flickr photostream at www.flickr.com/photos/jinthai/

So, let’s start!

tympanus.net/codrops/2011/03/28/moving-boxes-co...

Интересный эффект =))

@темы: css, design, jQuery, js, tutorial

13:30 

Slider

Сайты с таким типом прокрутки:
www.iai-jp.com
www.visualrepublic.net
www.teamfannypack.com
morphix.si
grzegorzkozak.pl

Туториалы:
trevordavis.net/blog/jquery-one-page-navigation... - jQuery One Page Navigation Plugin
webdesignerwall.com/tutorials/animated-scroll-t... - Animated Scroll to Top
запись создана: 08.04.2011 в 09:58

@темы: must-know

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

главная