[CSS] Trik tedna #9 – ikone v selectbox-u

Danes vam bom pokazal, kako se naredi uporabniku prijaznejši select box, ki ima zraven izbir še ikone. Izdelava pravzaprav sploh ni težka.

HTML koda je enaka, kot če bi pisali kodo za navaden select box, razlikuje se le v tem, da navedemo pot do slike v ozadju izbire:

<select id="blogi">
    <option style="background-image: url('http://ferme.si/favicon.ico');">ferme.si</option>
    <option style="background-image: url('http://had.si/favicon.ico');">had.si</option>
    <option style="background-image: url('http://zakladi.com/blog/favicon.ico');">zakladi.com</option>
</select>

Pri CSS-ju pa moramo nastaviti par stvari, da se slika pravilno prikaže… višino slike, odmik besedila od levega roba (drugače je besedilo preko slike) ter ponavljanje slike v ozadju:

#blogi option {
    /* višina slike */
    height: 16px;
    /* širina slike */
    padding-left: 16px;
    /* preprečimo ponavljanje */
    background-repeat: no-repeat;
}

Kot rezultat dobimo tole, edina pomanjkljivost je, da se slika izbrane izbire ne pojavi v select boxu poleg izbrane izbire, ampak tudi to pomanjkljivost se da popraviti z nekaj vrsticami JavaScript-a.

Zahteve:

  • Firefox
Posted in Programiranje, Spletno programiranje, Trik tedna | 6 Comments

Re: Kriza slovenskega šolstva

K pisanju tele objave me je spodbudilo razmišljanje SFfreak-a, ki ugotavlja, da se na gimnazijah (in verjetno tudi na drugih šolah) učimo veliko stvari, ki nam v življenju sploh ne bodo prišle prav npr. književnost pri slovenščini itd.

Naj mi nekdo pove, kje mi bo prišlo prav znanje iz književnosti, če hodim na tehniško gimnazijo? OK za splošno gimnazijo še nekako razumem, ker je le-ta podlaga za praktično vse fakultete, ampak kdo za hudiča se bo iz tehniške gimnazije vpisal na slavistiko, tehniška gimnazija bi naj bila podlaga za tehnične študije?

Prav tako mi ni jasno, kaj delajo predmeti kot sta psihologija in sociologija v predmetniku tehniške gimnazije, ali mogoče predvidevajo, da bomo po koncu šolanja morali oceniti psihološko stanje kakšnemu robotu :lol: Raje bi dali poleg še osnove kakšnega progamskega jezika (tistim, ki so izbrali poglabljanje računalništva), ki je na trgu iskan, tako bi navdušili koga za nadaljnje poglabljanje tega jezika, pa slovensko gospodarstvo bi imelo od tega korist.

Pred kakšnim tednom sem slišal tudi, da bi radi uvedli v OŠ dva obvezna tuja jezika, po mojem mnenju totalna bedarija, saj imajo nekateri že z enim tujim jezikom težave, tisti ki pa hočejo več pa imajo tako ali tako izbirne predmete. Pravzaprav zakaj bi nekdo sploh rabil znati kaj več kot angleščino, danes že (skoraj) vsak zna angleško. Mogoče bi bilo bolje, da se več truda vloži v izpopolnjevanje angleščine namesto, da nas učijo N jezikov na pol.

Posted in Krneki | 10 Comments

Screenshot namizja

Cifra me je povabil, da naj pokažem svoje namizje zato sem enkrat ustrelil zaslon :) :

Nekaj o namizju:

  • ikone so postavljene v skupine po namembnosti programov:
    • levo – splošno
    • zgoraj – grafika
    • desno – programiranje
    • desno spodaj – P2P
    • levo spodaj – igre
  • vreme in koledar sta widgeta, ki sta del Yahoo! Widget Engine-a
  • temo sem enkrat potegnil iz partisa, imena se ne spomnim več
  • ozadij imam trenutno 63 komadov, izmenjujejo se vsako uro

Pred mano so svoje namizje pokazali že Jan, Bujes, mat3ii, Borut in mogoče še kdo.
http://blog.sverde1.com/downloads/precision-wallpaper”>tukajle in si jo shrani.

Posted in Krneki | 7 Comments

Partis.si vs. Blink.si – komu verjeti?

Zdi se mi, da zadnje dni nobenemu ni jasno, kaj se dogaja z partis.si, katera stran je prava in katera fake. Ker sem nekaj časa nazaj bil moderator na partisu sem se spomnil, da lahko o zadevi povprašam kar big bossa (Marhija) in razčistim kako je na stvari:
Continue reading

Posted in Krneki | 117 Comments

[PHP] Trik tedna #8 – Character Type Functions

Velikokrat se znajdemo v situaciji, ko želimo uporabniku dovoliti vpis samo določenih znakov, saj želimo s tem narediti našo aplikacijo varnejšo ali v nekaterih primerih pa tudi preprečiti uporabniku vnos lažnih podatkov (ime, priimek,…).

Sam sem včasih v te namene uporabljal RegEx, vendar je z vgrajenimi ctype funkcijami delo precej lažje, poleg tega pa lahko z njimi preverimo dosti stvari, npr. ali je besedilo v alfanumeričnih znakih, ali vsebuje presledek itd.

Ker vse funkcije te družine vračajo podatkovni tip boolean so primerne za uporabo v kombinaciji z if stavki:

<?php
// preverimo, če so v uporabniškem imenu
// samo alfanumerični znaki
if(!ctype_alnum($_POST['username']))
{
    die('V up. imenu so neveljavni znaki!');
}
?>

Pri vnašanju v bazo priporočam poleg uporabe ctype funkcij še uporabo funkcij *_escape_string(), saj lahko ctype funkcije ob nepravilni uporabi dovolijo SQL injection.

Zahteve:

  • PHP 4.2.0 ali novejši
Posted in Programiranje, Spletno programiranje, Trik tedna | 3 Comments

Študentka aretirana zaradi slike na majici

Na bostonskem letališču so aretirali študentko, ki je nosila majico, na kateri je bila slika vezja, saj so mislili, da ima pravo bombo in da se hoče razstreliti.

Res, da slika na daleč spominja na bombo, ampak vseeno varnostniki na Bostonskem letališču rabijo nova očala :mrgreen:

Posted in Krneki, Smeh | 1 Comment

Pomoč prizadetim v poplavah

Po včerajšnjem nalivu je Uroš prišel na idejo, da bi blogerji pomagali zbirati denar za tiste, ki jim je neurje povzročilo škodo. Jan ga je podprl z bannerji in Miha z značko, ki jo lahko objavite na blogu.

Ker sem na lastne oči videl, kakšno škodo je naredilo včerajšnje neurje sem dodal Janov banner na blog, upam da boste drugi blogerji sledili in na svojih blogih objavili banner.

Posted in Krneki | 1 Comment

Deževno vreme sux

Dobesedno. Danes na poti iz šole je lilo ko iz škafa. Voda je vsepovsod, teče čez cesto, kot da ni kanalizacije, potoki so polni do vrha, doline zalite z vodo,… Tako sem prišel domov premočen kot cucek kljub dežniku. In da je bila mera res polna je 20m od postaje pripeljal avto direkt v lužo in me zalil do glave :S

Zdajle zvečer pa je začelo še grmeti in ker so mi v Chip-u zadnjič, ko je vsekala strela ter skurila nekaj stvari, prodali nek čuden napajalnik, se mi ob vsakem malce večjem nihaju napetosti resetira računalnik :S

No seveda nikoli ni tako hudo, da nebi moralo biti hujše.

Ob takih trenutkih bi se morali malce zamisliti, kaj vse smo naredili naravi, da nam sedaj tako vrača.

Posted in Krneki, Osebno | 5 Comments

[JScript] Trik tedna #7 – JScript to .exe

JScript je Microsoftova implementacija JavaScript-a. In zakaj je to pomembno? Ker so pri Microsoftu imeli malce preveč časa in so (namesto, da bi flikal buge v IE-ju :twisted: ) naredili .NET compiler za JScript oz. JavaScript, ki vašo JScript kodo prevede v .exe datoteko.

Za poganjanje te datoteke sicer rabite imeti nameščen .NET Framework, ampak to nebi smel biti problem, saj ga ima Vista že po defaultu, za XP-je ga pa lahko dobite tukajle.

Ta zadeva po moje nima neke praktične vrednosti, ker mislim, da je C# veliko močnejši jezik. Ampak vseeno, v primeru, da naletiš na neko knjižnico spisano v JScript-u si lahko z zelo malo dela narediš eno .dll knjižnico, katero potem naprej uporabljaš v svojem projektu. Uporabno je tudi za tiste, ki znajo nekaj osnov JavaScript-a in morajo na hitro spisati kakšen preprost .exe program in se jim ne da oz. se nimajo časa učiti kakšnega drugega jezika.

Malce bolj se je v to zadevo poglobil Stoyan Stefanov in napisal članek: Make your javascript a Windows .exe.

Posted in .NET, Programiranje, Spletno programiranje, Trik tedna | Leave a comment

GIMP UI brainstorm

Da bo GIMP dobil nov uporabniški vmesnik sem že pisal.

Razvijalci GIMP-a so šli še malce dlje in odprli blog, kjer so objavljene ideje za nov layout GIMP-a, ki jih lahko pošljejo uporabniki preko emaila objavljenega v desnem sidebaru bloga.

Upam da ta brainstorming uspe in da bo GIMP s tem prepričal tudi nas, ki smo se ga izogibali zaradi uporabniškega vmesnika s 1000 okni.

Posted in Software | Leave a comment