Category Archives for css
CSS noga na dnu strani, ki enostavno dela
Noga (ang.: footer) na dnu strani dela veliko ljudem, ki se ukvarjajo s CSS-jem, veliko problemov. Ryan Fait je našel odlično rešitev, na njegovi strani najdete CSS Sticky Footer that just works.
Odlična rešitev, dela povsod, sem jo že zakopal in posladkal 
Continue reading
Umri, IE6, umri
Na strani CSS3.info sem prebral zanimiv zapis o željah po izumrtju Internet Explorerja 6.
If we want to move the web forward, we need to encourage people to drop IE6 as soon as possible.
I’m assuming that a reader of this article is a web developer interested in CSS3. If we want to start using all the new opportunities that it creates, we need to kill off legacy browsers that don’t support it. If you’re using IE6 and you have any option whatsoever, switch to a better browser; IE7 at the very least. If you know someone who still uses IE6 and has any option whatsoever, get them upgraded. Evangelise all the options; Firefox, Opera, Flock, whatever; get people switching. Let’s kill this dinosaur off and let the fast mammals evolve to take its place.
Strinjam se s Petrom Gasstonom: “Ljudje, ne uporabljajte več IE6, raje deskajte srečneje!”
P.S.: O vseh novih funkcijah CSS3 sem že pisal! Continue reading
Juhej, danes je CSS Naked Day ;)
Dustin Diaz je lani predlagal, da je 5. april CSS Naked Day in da so vse strani narejene s CSS-ji na ta dan razgaljene do zadnjega stila. Ker imamo radi goloto bomu tudi na Em3r10.com danes pokazati svoj <body>
Je na sončni strani spleta še kdo, ki prazuje Dan CSS nagcev?! Continue reading
Mreženje mrež
Letos sem vam za Novo leto zaželel dobro mrežo za 960px, danes pa bom omenil še tri koristne zapise za še boljše mreženje spletnih strani.
XHTML column frameworks
Paul Evans je na svojem blogu izračunal koliko sta široka 2, 3, 4, 5, 6 stoplcev pri oblikovanju za različne resolucije (oz. varne robove (eng.: safe margins) različnih resolucij ekranov), in nekaj variacij na temo: 2 stolpca v razmerju 1:2, 1:3, 2:3 in trije stoplci v razmerju 1:2:2 in 1:2:1.
Se sliši zakomplicirano? Spodnji primer bo razbremenil procesor, ne?
Introducing GridMaker
Andrew Ingram je na svojem blogu objavil Photoshop vsadek (eng.: plug-in), s katerim si hitro postavite mrežo. Zelo uporabno, če uporabljate Photoshop (deluje samo na CS2 ali CS3 beta).
Grid systems in Web Design
Zadnji, a ne zadnji zapis o sistemu mrež v spletnem oblikovaju je najbolj obširen in izčrpen (ter seveda ima največ povezav na druge spletne strani, ki govorijo o mreženju). Fantje iz Tutorial Bloga so se res izkazali!
Še enkrat: dobro mrežo Continue reading
Zelo fjansi CSS hover meni
16. letni mulc iz Argentine, ki sliši na ime Guillermo Rauch je na svojem blogu DevThought.com objavil zelo sjaksi*, fjansi** in sploh kul CSS+Javascript hover za navigacijske menije …
Zadeva je zelo preprosta, standardna navigacijska koda <ul> <li> ... <li> </ul>, ščepec Javascripta in je …
Zelo, zelo uporabna skripta za vse spletne razvijalce, ki bi od standardnega CSS menija želeli malo več … najdete ga v zapisu CSS+Javascript power. Fancy menu
* sjaksi = seksi
** fjansi = fancy Continue reading
Texter za Windowse (ni Textmate za Maca) …
… uporaben je pa mogoče celo še bolj …
Pred kakšnim letom sem bil blazno navdušen nad Dustinom Diazom (ki je seveda še vedno car, če vas zanima javascript, CSS,HTML, uporabnost, dostopnost, si nujno oglejte njegovo stran, tip je delal za Yahoo!, sedaj pa dela za IMVU).
No, ko sem prebiral njegove screencaste sem se navdušil nad Macovim programom Textmate*, madonca je fejst za pisat kodo (kar celo HTML stran si lahko shraniš in jih prikličeš z zaporedjem tipk, in ta-daaa, koda se pojavi v urejevalniku). Za več funkcij si oglejte zgoraj omenjeno stran ali kakšen Dustinov screencast.
No, kar nekaj časa sem iskaj (txt) editor, ki bi znal vsaj približno to kar zna Textmate, pa ga nisem našel. Do včeraj.
Texter, ki ga je razvil Adam Pash, je super zadevščina. V bistvu zamenjuje “hotstringe”, se pravi nekakšna kratka zaporedja znakov z dolgimi teksti, ki so lahko karkoli: vaš podpis v e-poštnem sporočilu, naslov, del HTML, CSS, … in je zelo uporaben v vašem priljubljenem e-poštnem klientu, v urejevalniku besedil, ali pa v kakšnem drugem tekstovnem urejevalniku za Okna.
* Textmate je skoraj edina stvar, ki bi me prepričala, da bi kupil Maca. Ne bo treba Continue reading
Browsershots – testiranje spletnih strani v različnih brskalnikih
BrowserShots.org je spletna aplikacija, ki naredi ekranostrele željene spletne strani v vseh pomembnejših brskalnikih (praktično skoraj v čisto vseh) na vseh pomembnejših OS-ih (Wins, Mac, Linux).
Tako najlažje preverite HTML in CSS postavitev vaše strani, če stoji prav ali ne, oz. če stoji vsaj približno prav v brskalnikih, ki so največ v uporabi.
Primer ekranostrelov za em3r10.com najdete tukaj. Aplikacija je dobrodošla za vse spletne oblikovalce / programerje / razvojnike, strokovnjake za uporabnost, skratka vse, ki se ukvarjajo s spletno produkcijo. Continue reading
IE7 vse bolj podoben brskalniku, vsaj pravijo tako
Dobre novice iz Redmonda! Na IEBlogu so konec avgusta (ko smo mi žurali na Trnfestu, (lahko bi ga preimenovali v Mrazfest, ker ti avgusti niso več kar so bli)) objavili seznam popravkov, ki so jih popravili v IE7, natančneje vse hrošče objavljene na PositionIsEverything.net, razen enega, pa še za tega planirajo popravek v prihodnosti. Poleg tega še veliko hroščev, ki bodo razveselili vsakega spletnega oblikovalca, ki rad oblikuje s spletnimi standardi, celo podporo za alfa kanal PNG formata bodo dodali.
Kot kaže bo IE7 (mogoče) res kul browser?! Continue reading
CSS 3 predogled
Na strani CSS3.info je predogled novih funkcij, ki jih bo ponujal CSS 3 in ki so že podprte v Firefoxu, Operi, ali Safariju.
Moram reči, da so nove možnosti in funkcije precej zanimive in komaj čakam, da bo CSS 3 stopil v veljavo (posebej fini so gradienti na borderjih, border radius, opacity, pa attribute selektorji, in še in še). Seveda se postavlja vprašanje, kako bo CSS 3 podpiral IE, ker mu še CSS 2 dela težave. Continue reading
Povezave na druga spletna mesta z thumbnaili
Zadnjič sem že govoril, kako vizualno označiti povezave, ki vodijo na druga spletna mesta, danes pa je Gregor na Diggu našel članek, v katerem s pomočjo javascripta povezavam dodamo thumbnaile (tako, da človek vidi majhen screenshot pod povezavo).
Članek najdete na strani arc90 lab, če pa boste skript uporabljali v povezavi z Ryan Brillovo varianto označevanja povezav na druga spletna mesta, pa samo zbrišite
&& a.className.indexOf('linkthumb') >= 0
iz .js fajla … in skript bo delal tako kot na našem pejdžu. Jipi, jej Continue reading