[CSS] Градиенти

Браво, колега! 

Аз лично "не мога да пиша" и за популяризиране на блога си със сигурност бих използвал видео уроци. От много време имам доста идеи, но все отлагам..(в последните месеци е ясно защо :))

Освен задоволството от това, че се чустваш полезен когато помагаш, ето няколко други причини, защо да се използва видео:

• задържа посетителите по-дълго
• подобрява трафика към сайта
• подобрява индексирането и ранга 
• създава интерактивност

В последните години уеб видеото е и основен инструмент при оптимизацията на комерсиални сайтове за продукти и услуги така, че може да добавим и повишаване на продажбите.

Тенденциите за в бъдеще са основния уеб трафик да е видеото (мисля, че и в момента има най-голям дял). 

http://videomind.ooyala.com/blog/online-video-make-86-percent-internet-traffic-2016

http://www.brafton.com/news/video-for-seo-90-percent-of-consumers-watch-video-online-search-drives-discovery

Колега браво за старанието и за полезната тема аз лично имам проблеми с градиентите и без странична помощ (от някой сайт) винаги бъркам синтаксиса, понеже всеки браузър си има собствено мнение по темата.

Мисля, че този сайт е полезен http://gradients.glrzad.com/  има си къде да си поставиш кода на цветовете,  да си избереш в каква посока да се появи градиента и не на последно място изкарва код за всички браузъри. 

Дано е полезен на някого :)

Градиентите са готин начин човек да направи страницата приятно изглеждаща, като същевременно запази ниското време за зареждане. http://gradients.glrzad.com/ e доста удобен генератор, използвах го докато правех калкулатора от домашното, но не е напълно cross-browser и лесно можем да отгатнем кой е браузъра, който се дъни :D

Макар процента на използващите IE версия 9 и надолу да намалява в полза на по-добрите браузъри, като добри фронт-ендъри е хубаво да мислим за поддръжката му докато все още е жив. Ето какво бихме могли да направим в тази връзка.

За хората, които дори сами не знаят защо си го причиняват, а именно използват IE6 или IE7 добавяме следното:
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#ffffff');

За тези, които използват IE8, IE9 използваме същия код, но вместо filter, пишем -ms-filter.
-ms-filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#ffffff');

Градиента приема 3 параметъра, като GradientType указва посоката му, т.е. GradientType=1 ще генерира хоризонтален градиент и GradientType=0 - вертикален, а startColorstr и endColorstr дефинират съответно началния и краен цвят на градиента.

Темата за градиентите е интересна!Често използвам автоматично генерирани кодове за тях,не знам защо валидатора на CSS понякога ги дава като грешки - неизвестно свойство и т.н.На нчкого да му се е случвало нещо подобно?!Друг въпрос е наистина,че браузърите ги интерпретират различно