JS Blog

Tag: HTML

  • Self-closing tag: Atom plugin for deleting redundant closing tag

    Couple days ago I’ve published my first plugin for Atom code editor which I really enjoy using. This plugin is named “self-closing tag” and is useful for situations when you expanded a HTML tag and than you make it self-closed ((By typing “/” before “>” in opening tag.)). Now instead of manually deleting redundant closing…

  • Nastavitve v Djangu, da prepozna statične datoteke

    Če pri kreiranju spletnih strani z Djangom uporabljamo razne statične datoteke, kot so slike, css, javascript datoteke, nam jih Django sam po sebi ne bo prepoznal. Potrebno je nekaj nastavitev. Ker je to postopek pravilne nastavitve kar pogost problem na internetu (poglejte samo število tem na stackoverflow-u, povezane z njim) in mi je vzelo kar…

  • Preprost zgibni/zdrsni meni z jQueryjem

    S html kodo nisem hotel preveč komplicirati (da bi na primer dodal vsak del span+div še v svoj div). [html] <div class="accordion"> <span>Lorem ipsum dolor.</span> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam accusantium assumenda veritatis sequi molestias maiores quidem nesciunt cum ullam vero.</div> <span>Quibusdam vitae autem.</span> <div>Perspiciatis ipsum iusto libero totam itaque exercitationem…

  • Emmet: Hiter način za pisanje HTML/CSS kode

    Odlično orodje za hitro pisanje HTML in CSS kode. Na voljo kot dodatek za večina popularnih urejevalnikov izvorne kode (Aptana, Sublime Text 2 ((Moja izbira)), Gedit, TextMate, Coda, Espresso in druge). Kratka video predstavitev, ko je bil projekt še mlad, je prilepljena spodaj, za več o uporabi dodatka pa je na voljo dobro spisana dokumentacija.

  • HTML5 Canvas: Prvi poizkus

    Moj prvi preizkus z novim elementom canvas v HTML5. Kot je navada, se najprej napiše “Pozdrav svetu”. Ker element canvas služi predvsem risanju (animaciji), je za to bolj kot tekst uveljavljena poskakujoča žogica. [html] <!doctype html> <html> <head> <meta charset="utf-8"> <title>html5 canvas hello word</title> <style type="text/css"> canvas { background-color: #eee; } </style> </head> <body> <canvas…