1. Видео с високо качество

Това не е ново, дори виждам от време на време бутон HQ във плеъра на сайта, но все пак е добре да се спомене. Заявката за HQ видео се прави като към линка на видеото се добави &fmt=18 за (стерео, резолюция 480 x 270 ) или &fmt=22 (стерео, резолюция 1280 x 720)

2. Ембедване на видео с високо качество във вашата страница

Подобно на 1, обаче параметъра трябва да го добавите към URL-то в стринга за ембедване.

3. Прескачане или стартиране на видеото от определена минута

Това не го знаех. Става като се добави към адреса на филмчето #t=03m22s където 03m22s е 3-тата минута и 22-рата секунда.

4. Скриване на панела за търсене

Става като се добави &showsearch=0 (това е за ембеднатото видео)

5. Ембедване само на част от видеото

Използва се отново с параметър – &start=30 – което ще пропусне първите 20 секунди от видеото.

6. Автоматично стартиране на видеото.

Когато се ембедва видеото по подразбиране е спряно и очаква натискане на бутона Play. Това е доста разумно при повече от едно видео в страницата, защото в противен случай ще стане какафония. Но ако филмчето е само едно с параметъра &autoplay=1 ще направите то да се стартира авотоматично.

7. Луупване (loop) на видеото

Прави се с параметър &loop=1 – според мене удобно за кратко фимче или песен, която искате да покажете на посетителите си.

8. Махане на панела “Related Videos” или “подобни”

Параметър &rel=0 ако не искате “конкурентни” филмчета да карат посетителя да излезне от страницата ви Аз лично не виждам смисъл, ама…

9. Избягване на регионалните забрани

На мен лично ми се е случвало само веднъж, но на пример на един бивш колега от Иран постоянно му спираше достъпа и то до напълно безобидни филмчета. Та може да си гледате ако видите текст от сорта “Фима е забранен във вашия регион” (итирам по памет), като вместо адреса
http://www.youtube.com/watch?v=xxxxxxx
използвате
http://www.youtube.com/v/xxxxxxx

Където разбира се xxxxxxx е кода на фимчето.

и последното, но не поледно по значение

10. сваляне на филмчета от youtube

Въпреки, че има доста тулчета ето още един начин и то без никакви допълнителни инсталации. Сменете youtube със kickyoutube т.е. заменете адреса http://www.youtube.com/watch?v=xxxxxxx със http://www.kickyoutube.com/watch?v=xxxxxxx. Аз лично не съм го ползвал, но като гледам има опции за сваляне

Ето и линк към оригиналната статия

Надявам се да ви е полезно.

В днешно време този похват много радко се използва, може би единствено в печатните издания или книжките с приказки. Какво означава “бита буква”? Това е похвата при който при започване на глава от книга или статия първата буква е доста по-голяма от останалите и стои някак като отделена от самия текст.Ето и пример как би изглеждал текста с такъв похват:

Сега как да се направи подобен ефект с CSS и без използване на картинки?

Определено в HTML-а няма нищо специално, което да се пише – прост текст заграден със таг за параграф.

[cc lang="html"]

Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec pede. Quisque
malesuada sagittis odio.

Quisque suscipit convallis sem. Nullam tincidunt
odio quis urna. Proin pharetra. Etiam imperdiet. Cras
condimentum neque ac lectus.

[/cc]

В CSS-a се ползва следния код, който придава ефекта бита буква:

[cc lang="css"]
p.special:first-letter {
font-size : 300%;
font-weight : bold;
float : left;
width : 1em;
color: red;
font-family: “Times”
}
[/cc]

Ключът тука е ползването на :first-letter. При примера даден по-горе този CSS ще украси с бита буква само първия параграф, защото ние сме специфицирали, че този стил се отнася само за параграфи с клас special. Ако махнем .special от дефиницията на стила, тогава битата буква ще стилизира и втория параграф.

В заключение бих казал, че ефекта от това е според мен е спорен дори според мен е “дефект”, но дизайнери има всякакви и точно защото на мен ми натресоха дизайн с такъв похват седнах да напиша този пост.

Добавяне на градиент на тест

Тук нещата са следните: позтавят задача да се направи дадено заглавие с ефект като този:

Но, като допълнително условие се изисква текста да може да бъде редактиран през админ панела на страницата от някой маркетингов “специалист”.

Какво може да се направи? Тук нещата стават малко по-хакерски, или поне колкото се отнася то IE. Аз лично мразя да плолзвам някакви CSS приоми, който определено не са от най-стандартния тип и още по-конкретно, когато css дефиницията е заградена с [if lt IE 7]

Обаче не сме ние тези, който поставяме задачите – ние ги изпълняваме за това ето как може да удоволетворим нуждите на маркетинг-а.

Нека за този пример задачата да е: Заглавието на всяка страница да е “ефектно” като примера показан по-горе. Т.е. всички <H1> тагове да са украсени така.

Ето как трябва да изглежда HTML-a за H1 таговете

[cc lang="html"]

Article Title

[/cc]

Забележете, че във тага H1 има допълнителен <span> таг.

Това е кода, който ще важи за Gecko браузерите като FireFox.

[cc lang="css"]
h1 {
font: bold 330%/100% “Helvetica”;
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;

}
[/cc]

а това пък трябва да се постави в хедъра на страницата за IE:

[cc lang="css"]

[/cc]

Вертикално центриране на текст с line-height

А ето и как може да се направи:
[cc lang="html"]

[/cc]

[cc lang="css"]
div.vertical{
height:100px;
border: 1px solid #888;
background-color: #efefef;
text-align: center;
}
div.vertical *{
margin:0;
}
div.vertical p{
line-height:100px;
}
[/cc]

Позициониране в обсолютния център

Тук няма даже да се хабя да пиша. Има прекрасен пример за това как се прави. Просто ще дам линка:
Dead Centre

Ето и готовите примери описани в този пост.

Надявам се да ви е било полезно.