Привет, аз съм Миглен.
Miglen.com е моят личен сайт, в който публикувам това, което ме вълнува и искам да споделя.
Twitter
  • Магията на Сурва в Перник започна! Невероятно представление на майсторите на танца, предложение за брак и чудна заря!27 January 2012, 6:26 pm
  • Търсят се доброволци за прес центъра по време на фестивала "Сурва". За повече информация и условия: press@pernik.bg20 January 2012, 8:41 pm
  • С новите ми очила виждам отново във full HD формат.20 January 2012, 4:21 pm
  • Честит Йорданов ден! Новата традиция повелява във водата днес да се хвърля не кръст, а дистанционно от Линкълн или емблема на Мерцедес.6 January 2012, 8:25 am
  • Добро утро, коя година сме вече? :D1 January 2012, 8:58 am

Имплементация на sIFR3

Какво е sIFR3?
sIFR3 е комбинация от Javascript и Flash, която ви позволява динамично да добавяте векторен текст на flash. Това може да подобри външният вид на вашият сайт драматично, защото ще сте сигурни че тези елементи на които прилагате sIFR3 ще изглеждат еднакво под различни браузъри и при това ще се индексира от Google и основните търсещи машини. (Да! векторният текст във флаш анимациите се индексира).

При sIFR3 има три основни неща, които трябва да се имат впредвид преди инсталация на сайта.
1. Посетителят трябва да има инсталиран flash plugin, което се случва в повечето случаи.
2. Възможно е да не работи на множество мобилни устройства и PDA компютри.
3. Вашият уебсайт ще стане с няколко байта по-“тежък“.

От друга гледна точка получавате по-горе изброените предимства:
1. По-изгладени (smooth) заглавия и текстове.
2. Еднакво изглеждащи заглавия в различните браузъри.

Имплементацията му е трудоемка, но възнамерявам да го вмъкна в няколко уебсайта и да го тествам добре. Можете сами да изберете стила на фонта, дори той да не присъства на машината на посетителя се пази в sifr.swf файлът.

В архивите за сваляне са включени css стилове, javascript, демо и примерни swf файлове и fla файлове които можете да редактирате по ваш вкус и необходимост. Първо е необходимо да прегледате демото в архива, прочетете и за познатите бъгове в known_bugs.txt преди да ползвате. Освен обикновен текст, можете да ползвате и ефектите вградени във Flash като сенки, glow ефекти и др.

Повече за sIFR3:
Demo Download Documentation How to impelent

By: |август 7, 2008|Categories: Програмиране|Tags: . . |

RSS
7 Comments
  1. Интересното при sIFR, е че можете да ползвате различни от стандартните фонтове, защото реално текста, които се появява е Flash :)

  2. By: windows vista latest updates

    Чували ли сте, че Гошо мрази флаш и js? :)

  3. Ще ги заобича Гошо ;)
    Пропуснал съм и една друга особенност, не може да се стартира локално а тябва да бъде на уеб сървър чрез http протокол, става и на локалния хост но директно от html файл няма да стане.

  4. By: Michel

    Привет,

    Някои казват, че sIFR има проблеми с кирилицата — не съм тествал.

    Друг момент, който трябва да знаеш, е, че sIFR именно затова е добър метод, защото ако Flash липсва, заглавията се показват със стандартен шрифт, указан чрез CSS.

    Виж:

    www.mikeindustries.com/blog/ (виж го с и без Flash – Flashblock add-on върши работа) :-)

  5. Страхотен е със sIFR. Мен много ми допадна тая технология и в скоро време ще я интегрирам и в блога.

  6. От коментара на Мишел, следва да коригираш изреченията за индексацията.
    Не се индексира Flash-съдържанието, а алтернативните, non-flash елементи.

  7. sIFR не е лош, но има и някои алтернативи. Примерно cufon е много добра опция, защото не иска флаш и не добавя изображения, което означава по-малко HTTP заявки http://cufon.shoqolate.com/ – при него неприятното е, че hover ефект малко по-трудно се имплементира (трябва да се извика допълнителен JS, който обаче е на 3 реда).
    http://www.fontsquirrel.com/fontface/generator пък генерира cross-browser @font-face CSS правила за употребата на нестандартни fonts.

Allowed tags

  • <a href="" title="">
  • <abbr title="">
  • <acronym title="">
  • <b>
  • <blockquote cite="">
  • <cite>
  • <code>
  • <del datetime="">
  • <em>
  • <i>
  • <q cite="">
  • <strike>
  • <strong>
Leave a comment