Nice song :)

…from Jazzfmbg.com

Picture of the day…

Pictures of the day…

Тук не мога да постна и линкове за две много интересни галерии от снимки: едната със Супер бабка, а другата- филмови актоьри.

Picture of the day…

… и нещо забавно

…малко идеи за CSS3 text-shadow…

Попаднах на интересна статия даваща много красиви идеи при използването на text-shadow. Eто ви примерчетата, които предлагат, както и пълно описание на изпълнението.

Междувременно може да прочетете по простичко, как се прави – тук.

Ааа, вече има и обновление на Supersized – любимият ми плъгин за jquery.

…относно атрибут селекторите в CSS

Полезна статия : http://www.impressivewebs.com/attribute-selectors/

CSS3 - Градиенти

Беше ми малко интересно… та ето малко информация за градиентите в CSS 3.

Не е кой знае какво, но биха били много полезни примерно за някакви текстове – в красиви квадратчета със сянка и тн примерно. Ми, направо да разгледаме…

linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )

radial-gradient( [<position> || <angle>,]? [<shape> || <size>,]? <stop>, <stop>[, <stop>]* )

и директен пример:

body{
 background-color:#440951;
 background-image: linear-gradient(top, #b032cb, #440951);
}

- супер: просто нали? задава се от къде да “тече” градиента, начален и краен цвят. За радиал градиента е кажи речи същото, като тук имаме и възможност за форма – било то circle или ellipse. На мястото на size имаме стойности от тип closest-side, closest-corner, farthest-side, farthest-corner, contain и cover.

Но, както е споменато в един сайт- тез неща не се подържат в IE (дори и във версия 9)… така че… ще си почакаме. Всъщност- защо сайтовете да изглеждат еднакво под всички браузъри?!?

За повече информация посетете:

http://dev.w3.org/csswg/css3-images/#radial-gradients

http://www.leemunroe.com/css3-gradients/

…и нещо интересно: http://csswizardry.com/2010/10/are-css3-gradients-fools-gold/

awesome

Gears

h1 или img за лого?

Попаднах на интересна статия, която съвпада с моето мнение за поставянето на h1 или img таг при изобразяването на лого на сайт. Най- кратко казано идеалният вариант е:

<a href="/" title="Return to the homepage" id="logo">
  <img src="/images/logo.gif" alt="Nike logo" />
</a>
...
<h1>Welcome to Nike's international website</h1>

 

…където логото е картинка, а <h1> – заглавие (описание и тн)!

Подробности тук: http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1/

Интересен ефект…

Попаднах на доста приятен плъгин за jquery. Идеята му е да се получи нещо като анимиран хедър (примерно). Не знам дали ще го използвам за някъде- но предполагам ще е полезен.

 

демо : http://webdev.stephband.info/parallax_demos_type.html

линк : http://webdev.stephband.info/parallax.html