Направите Минифиед Тоолтипс ин Пуре ЦСС витх Венк

Са тако чудним именом, не бисте очекивали много од тога Венк, Слободан ЦСС тоолтип либрари. Ипак је једна од најмањих библиотека можете добити мјерење испод 1КБ када гзиппед.

Венк усес чисти ЦСС са дата- * атрибути створити ливе тоолтипс да можеш да се преполујеш и позиционираш по свом укусу. Најбоље од свега, то је потпуно бесплатна библиотека са изворним кодом доступним на ГитХубу.

Ови лагани алати су веома једноставни за додавање на вашу веб локацију. Само ти треба Венк.цсс филе додан у заглавље странице, које можете преузети са ГитХуб репо-а.

Или, чак би могао додајте ЦДН датотеку која се налази на ЦДН-у ГитХуб-а. Ево кода за то:

Или, ако сте нпм / бовер фан можете инсталирати овај пакет са терминала.

Подразумевани тагови алата немају много прилагођених података. Пустили су те изаберите позицију и ширину, али мораш ручно промените ЦСС ако их желите другачије обликовати.

На пример, можда желите да се ЦСС стрелица дода у тоолтип који се појављује изнад елемента тоолтип-а. Ово је прилично једноставно креирати, али ћете морати да претражите Венков стил пронађите тачну ЦСС класу да продужи.

Ево примера неких дефаулт цоде за Венк тоолтипс:

   Венк десно!  

Главна Венкова одредишна страница укључује ливе демос које можете тестирати лебдећи. Су најосновније алате добићете, али су савршени за библиотеку која тежи мање од килобајта.

Једна од главних ствари коју треба размотрити је бровсер суппорт. Све верзије Цхроме-а и Фирефок-а требало би да ради добро. Исто важи и за Опера 12+ и Опера Мини в8 +. Али изгледа да ИЕ8 и ИЕ10 имају проблема приказивање ових описа алата. Срећом, њихов тржишни удео пада брзо, али то је нешто о чему треба размислити пре употребе.

Још увек сам запањен колико можете да урадите са тако мало КБ. Библиотека Венк је доказ модерног развоја фронтенд-а и показује да мало може ићи далеко.

Можете копати кроз читав извор на ГитХуб, заједно са ливе демос и исјечке кода да бисте подесили и креирали ове описе алатки за сопствени сајт.