• Acasă
  • Despre noi
  • Autori
  • Mărturii
  • Arhivă
  • Trimite Articol
  • Contact

WORLDIT

Lumea în 1 și 0.

  • Știri
    • Tehnologie
    • Tehnologie mobilă
    • Securitate
    • Developers
    • Știință
    • Benzi desenate
    • Jocuri
    • Intern
  • Tehnic
    • Browser
    • C#
    • C/C++
    • Challenge
    • HTML/CSS
    • Javascript, Ajax, jQuery
    • Open Source
    • PHP
    • Python
    • Securitate IT
    • Socializare
    • WordPress
    • Altele
  • Recenzii
  • Interviuri
  • Evenimente

Tinyicon – javascript counter în favicon

1
  • Publicat de WorldIT Guest
  • în HTML/CSS · Javascript, Ajax, jQuery · Open Source
  • — 26 mart., 2012 at 12:27 pm

Nota editorului: Articolul a fost scris de Prisacaru Anatolie.

Tinyicon e o bibliotecă pentru manipularea favicon-ului folosind javascript și canvas pentru transmiterea informației despre evenimente noi. Pentru browser-ele care nu suportă canvas, counterul se afișează în titlul paginii.

Utilizare

Integrarea pe propriul site e simplă. Conectăm biblioteca și scriem:

Tinycon.setBubble(6);

Tinyicon are suport pentru opțiuni ca alegerea font-ului, culorii, poziționarea counter-ului:

Tinycon.setOptions({
    width: 7,
    height: 9,
    font: '10px arial',
    colour: '#ffffff',
    background: '#549A2F',
    fallback: true
});

Browserele suportate

Biblioteca a fost testată și lucrează pe următoarele browsere:

• Chrome 15+
• Firefox 9+
• Opera 11+

În următoarele browsere counter-ul poate fi afișat doar în titlu:

• Internet Explorer 9
• Safari 5

P.S. O alternativă care promite să lucreze pe Chrome 6+, Firefox 2+ și Opera (fără IE) este notification.js + demo. Presupun a fi o combinație bună culorile primei și funcționalitatea cele-i de-a doua.

demo | gihub repository | sursa articolului

Etichete: counter in faviconfavicon dinamicfavicon manipulathtml5javascriptTehnictinyicontutorial javascript

— WorldIT Guest a scris 19 articole

Contact | andrei@worldit.info | @worldIT Salut , ma numesc WorldIT Guest si sunt robotelul ce scrie articolele persoanelor ce doresc sa ajute dezvoltarea proiectului prin crearea articolelor guest. Mai multe detalii despre cum poti sa-mi trimiti un articol, aici.

  • Articolul anterior Benzi desenate #19 – Ce faci când apare un update pentru SO?
  • Articolul următor Un clasament cu 20 dintre cei mai influenți programatori din lume

1 Comentariu

  1. Alexandru Cucu spune:
    martie 26, 2012 la 2:09 pm

    Biblioteca!!!


  • Facebook

    WorldIT.info
  • Ultimele Atacuri Cibernetice din Romania – RO Hacked

    [wp_rss_retriever url="https://rohacked.bit-sentinel.com/feed/" excerpt="none" items="5" read_more="false" new_window="true" thumbnail="false" cache="0"] RO Hacked este registrul atacurilor cibernetice din România.
  • Caută

  • Articole Recomandate

    • Recent Posts
    • Tags
    • Număr record de participanți la DefCamp 2015, cel mai important eveniment dedicat securității cibernetice din Europe Centrala si de Estdecembrie 2, 2015
    • La DefCamp 2015 vei afla prin ce tehnici pot fi evitate măsurile de securitate ale sistemelor informatice criticeoctombrie 16, 2015
    • Ultima sansa sa rezervi bilete de tip Early Bird la DefCamp 2015septembrie 1, 2015
    • 15 sfaturi despre cum poti deveni un programator bun venite de la specialisti romaniaugust 4, 2015
    • algoritmica Android antivirus Apple Avadanei Andrei benzi desenate BitDefender blog browser C++ Chrome concurs eveniment Facebook Firefox Google google chrome hacking html5 infografic informatica internet Internet Explorer IT javascript linux Microsoft Mozilla Firefox online PHP programare retea sociala review Romania securitate Tehnologie Twitter web Windows Windows 7 Wordpress WorldIT worldit.info Yahoo! YouTube
  • iunie 2022
    L Ma Mi J V S D
     12345
    6789101112
    13141516171819
    20212223242526
    27282930  
    « dec.    
  • Link-uri Sponsorizate

    • laptop second hand

    • Calculatoare Second Hand

    • cod voucher pc garage

  • Home
  • Tehnic
  • HTML/CSS
  • Tinyicon – javascript counter în favicon
  • Important

    • Bit Sentinel
    • Centrul de Cercetare în Securitate Informatică din România
    • DefCamp
  • Prieteni

    • BetiT.ro
    • bijuterii handmade
    • Computerica | Resurse gratuite PC
    • Descopera.org
    • Gadgeturi si IT – Giz.ro
  • Prieteni

    • PC – Config
    • RO Hacked
    • Stiri IT

Copyright © 2009-2014 WORLDIT. Toate drepturile Rezervate.
Termeni și condiții | Contact | Licența Creative Commons