Category Archives for css

Dan CSS nagcev, tretjič

Prvič smo praznovali predlani, drugič lani in tretjič letos. Želim vam vesel dan CSS nagcev (ali po angleško CSS Naked Day), več o tem zakaj in kako na zgornjih povezavah ali na Hadovem zapisu … P.S.: Za tiste, ki vas … Continue reading

09. April 2009 by davorin
Categories: css, splet, uporabnost | Tags: , | 2 comments

Preoblikovanje mozilla.org

Danes sem na Twitterju zasledil, da pri Happy Cog Studios redizajnirajo (preoblikujejo) spletno stran Mozilla.org in da so objavili proces preoblikovanja spletne strani na vpogled na strani RedesignMozilla.org! Odlična ideja, obiskovalci strani bomo seznanjeni z dogajanjem, seveda pa bomo lahko … Continue reading

12. March 2009 by davorin
Categories: brskalniki, css, oblikovanje, splet | Leave a comment

ŽVPL 3.0 – oblikovalski proces

Nedavno splavljeni ŽVPL smo začeli risati že daljnega leta 2003, ko smo se prvič začeli pogovarjati o prenovi (zakaj je prenova trajala toliko časa je druga zgodba, ki pa naj ostane zavita v tančico mistike). Prvi je svoj predlog narisal … Continue reading

06. January 2009 by davorin
Categories: brskalniki, css, delo, html, oblikovanje, optimizacija, programiranje, splet, ŽVPL | Tags: , , , | Leave a comment

Rešitev za transparentne PNG-je v IE 6

Spletni mojstri, nastopil je čas veselja! Fantje pri Unit Interactve so naredili super majhen, kompakten javascript fix za PNG transparenco v IE6 (eno rešitev sem že opisal), ki sliši na ime Unit PNG Fix.

Unit PNG Fix

Skript je zelo majhen, deluje na <img> objektih in na background-image atributih v CSS-ju, deluje samodejno brez definiranja klasov ali klicanja funkcij in je enostaven za prštimat’. Sliši se bombastično. Odlična novica, jeee!

Via WebAppers. Continue reading

17. July 2008 by davorin
Categories: brskalniki, css, splet | Tags: , , , | 3 comments

Save The Developers – naredimo splet lepši

Naredi splet lepši in se pridruži akciji na SaveTheDevelopers.org, kjer trenutno poteka kampanja proti Internet Explorerju 6, edinem brskalniku na temni strani spleta. Kot pravijo sami:

For the next few years we’ll probably need to continue supporting Internet Explorer 6, but that doesn’t mean we just have to wait for users to find something new. Our goal with this campaign is to rally the development community behind the goal of reducing the number of Internet Explorer 6 browsers in use by urging users to upgrade their browsers without hindering the user experience.

Save the developers, save the webContinue reading

30. June 2008 by davorin
Categories: brskalniki, css, html, splet | Tags: , | 1 comment

Dan CSS nagcev

Tako kot lani, tudi letos praznujemo Dan CSS nagcev, ki letos začuda ni 5. aprila, ampak 9. aprila (hvala, Had).

Vesel CSS Naked Day vsem! Continue reading

09. April 2008 by davorin
Categories: css, splet | Tags: , | 8 comments

Transparentni PNG, CSS in Internet Explorer

PNG je odličen format in normalni brskalniki (Mozilla Firefox, Opera, Flock) ga z lahkoto prikazujejo, vključno s transparencami, ki so mogoče celo najboljša stvar, ki se je zgodila spletnim grafičnim formatom.

Problematičen je “le” Internet Explorer 6, nezasluženo najbolje uporabljen brskalnik na “modri kugli” (po W3Counterju ima kar 43,33 % delež, po TheCounterju pa grozljivi 50 % delež), ki transparence zaradi (večini spletnih razvijalcev) neznanega razloga* ne prikazuje kot je potrebno.

In ker sem danes ponovno našel “transparency hack”, ki zagotovo deluje, ga delim z vami (prvič sem ga uporabil na Hudih bejbah).

Za uspešen izris PNG-ja v IE-ju potrebujete:

  • poljubno PNG sliko (lahko je tudi transparentna), paziti morate le, da je PNG slika široka toliko kot element v katerem ga boste prikazovali (<div>, <h1>, ponavljanja po X oz Y osi hack v IE 6 ne podpira (na žalost)),
  • ščepec CSS kode,
  • dve žlici Vegete …

… in vaš PNG bo deloval kot se šika. Tudi v IE6. Zagotovo.

Primer

Na strani, ki jo pravkar berete imamo <h1> kot transparenten PNG, ki pa v IE6 do danes ni deloval:

PNG v IE-ju - ne deluje

Pobrskal sem po starih CSS dokumentih in v nekaj minutah apliciral “hack”, ki omogoči transparenco v I-fuckin’-E-ju 6, koda pa se glasi:

h1 {
  background: transparent url(img/h1.png) no-repeat 0 0 !important;
  filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src='http://www.em3r10.com/sites/all/themes/em3r10-rc3/img/h1.png',sizingMethod='crop');
  margin: 0;
  padding-left: 70px;
  height: 136px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  background: none;
}

Da vam bo hack deloval, pazite na naslednje haklce: prvi background je za normalne brskalnike, ki PNG znajo prikazati, tisti !important na koncu vrstice je nujen, da ga bodo taisti brskalniki prikazali, ker imamo v zadnji vrstici background: none, ki je tam samo zaradi klinčevega IE6, vendar bodo normalni brskalniki zaradi !important za tapravo vzeli prvo vrstico.

V drugi vrstici je neka čudna kobasa (v zgornji kodi je vrstica cela) filter:progid:DXimageTransform..., ki jo noben razvijalec pri zdravi pameti ne bi metal v svoj CSS (CSS ne bo več validen, če dodate to vrstico kode), ampak če bo IE6 prikazoval transparentne PNG-je se splača (lahko uporabite t.i. conditional commenting in za brskalnike starejše od IE6 uporabite posebno CSS datoteko).

Potrebno je dodati, da naj bo pot do PNG-ja v drugi vrstici absolutna, ker drugače hack ne bo deloval. To je to, žlico Vegete posujte po tipkovnici, če vam stvar ne bo delovala, a je verjetnost za to precej nizka.

PNG v IE 6 deluje
Po apliciranju zgoraj opisanega CSS hacka se PNG lepo izpisuje tudi v IE-ju 6. Komentarji dobrodošli ;) Continue reading

21. November 2007 by davorin
Categories: brskalniki, css | Tags: , , , , , | 6 comments

Koliko HTML elementov lahko poimenuješ v 5 minutah

Po SEO kvizu vam predstavljam še en zanimiv kviz, kjer boste osvežili oz. pretestirali svoje znanje HTML-ja (sicer 4.0, duh): Koliko HTML elemntov lahko poimenuješ v 5 minutah kviz ;)

Sam sem poimenoval 42 elementov in ker je cifra res kul, tale test delim z vami!

42

P.S.: Obstaja tudi Koliko CSS property-ev lahko našteješ v 7 minutah. Had, zdej ti pa ne bo dolgčas vsaj 12 minut ;) Continue reading

19. November 2007 by davorin
Categories: css, html, splet | Tags: , , | 10 comments

Kako pohitriti vašo spletno stran in YSlow

Nate Koechley je na letošnji spletni konferenci @media 2007 govoril o tem kako pohitriti njegovo, tvojo, mojo spletno stran. Nate je predstavil 12 pravil za hitrejše spletne strani (na njegovem blogu boste našli zapis skupaj s .pdf in .ppt dokumentom iz konference, vendar je po konferenci dodal še dve pravili, tako da jih je zdaj 14).

Bistvenega pomena je to, da spletni razvijalci uporabljamo čim manj HTTP zahtevkov (requestov), ker po merjenjih Yahoo!-evih inženirjev le ti najbolj upočasnjujejo čase nalaganja spletnih strani.

Po tem nasvetu je Nate končal predavanje, nas poslal domov in rekel, da če naredimo “samo” to, da HTTP requeste spravimo na minimum z:

  • CCS škrati (beri CSS Sprites na ALA),
  • kombiniranimi / združenimi JS in CSS datotekami,
  • image mapami,

bodo naše strani 20-30% hitrejše.

Seveda se je predavanje nadaljevalo, tako da smo slišali še ostalih 11 pravil vmes pa je omenil, da bodo pri Yahoo!-ju razvili orodje za analiziranje spletnih strani, ki vam bo povedalo, kaj je z vašo stranjo narobe in kako bi jo lahko pohitrili.

Konec julija pa je Nate objavil zapis, da se je zgodilo: fantje pri Yahoo!-ju so za popularni Firefoxov dodatek Firebug razvili dodatek YSlow, čudovito orodje, ki vam pove, kaj je s hitrostjo vaše strani narobe in zakaj …

YSlow

Predlagam, da si najprej preberete slajde Nate-ovega preavanja, si dol skotalikate YSlow, in ko boste že na Y! Developer Networku, še malo pobrskajte naokoli, se najde kakšna zanimiva reč za spletne mojstre. Continue reading

11. September 2007 by davorin
Categories: css, optimizacija, splet | Tags: , , | 2 comments

CSS – prvih deset let

Håkon Wium Lie, oče CSS-ja se je ob 10. obletnici CSS-ja na A List Apart razpisal o tem kakšna je prihodnost CSS-jev, predvsem se je razhudil o pereči problematiki, ki spletne oblikovalce spremlja že od vsega začetka: zakaj v CSS-jih ne uporabljamo nesistemskih tipografij (fontov), kje in kako v zgodbo pride CSS, ali bodo spletni (TTF) fonti naslednja velika stvar v spletnem oblikovanju, kakšni so argumenti proti uporabi fontov (večinoma legalni, ker so vsi custom fonti intelektualna lastnina in so plačljivi) …

Håkona sva poslušala na letošnji @mediji in že tam je govoril o zgornji problematiki, pa tudi o “multi-column layoutu”, oblikovanju za male ekrane (dlančniki, mobilci, …), CSS-ju za tisk in še čem. Continue reading

29. August 2007 by davorin
Categories: css, splet | Leave a comment

← Older posts

A((Wake)) top mp3 Ambulance LTD pop Andy With Rama West music downloading blessthefall music to download Collections Of Colonies Of Bees song downloads Desired State songs Die Krupps and Front Line Assembly mp3 Engine7 mp3 music Existereo and Deeskee mp3 online Hugh Hopper albums Immaculate Machine mp3 Jake E. Lee download Kapel Maister all mp3 Koto - Ciber People - Proxyon music Malachi Constant instrumental Mortal Treason pop NWA music to download Opprobrium mp3s Ricky Van Shelton music to download Shankar and Caroline instrumental Southern Death Cult top mp3 Steve Angello ft Laid Back Luke mp3 downloads Sub 6 top mp3 Archers Of Loaf best mp3 Barney Wilen album Bulgarian Magic Voices download songs Coco Band top mp3 Custom Kings new mp3 Dj Kapulet mp3 online Enbe Orkestrasi music to download Error Corrective best mp3 Excoriate get mp3 Finisterra mp3 song Gorgeous Frankenstein top mp3 Groundation songs Heorot mp3 songs House Of Shakira new mp3 India Martinez dowland J Majik and Wickaman music downloading Joakim review Legohead mp3 search Maurice Weddingfield music to download Miriam Stockley dowland Plastikman instrumental Sarah Buxton downloads Sarcoma Inc. mp3 search Shade Empire all mp3 Shadrane mp3 music Video Kids review Wolf Tones instrumental Anorexia Nervosa get mp3 As De La Sierra downloadable music Bill Laswell, Boris Feoktistov music search Chap music download Chemlab downloadable music Chuck Norris english mp3 Deepack mp3 search Fixer music I/DEX / h.h.t.p. / -ED downloadable music Isaac Hayes download songs Jan Hammer and Jerry Goodman music downloading Jimmy Thackery mp3 John Digweed and Nick Muir downloads Kym Mazelle dowland Luciferion album Marshall Tucker Band download Omara Portuondo all mp3 Reach The Sky get mp3 Richie Santana mp3s Robbie Shakespeare download Roughcut music search Sainkho Namtchylak and Shelley Hirsch, Catherine Bott get mp3 Scott Brown and Brisk album Silverchair music to download Storyteller music search Subaudition buy mp3 Teenage Fanclub all mp3 Xiu Xiu mp3 Apples in Stereo all mp3 Barclay James Harvest dowland Beverly Knight dowland Blazing Eternity mp3 songs Clap Your Hands Say Yeah instrumental Crushing Blow instrumental Dispatch vs Horizons Music song downloads DJ Snowman music search Elodie Frege dowland Filo And Peri Vs Serge Devant song downloads Fire Town music to download Krunch download M&M Productions music Mohammad Musavi all mp3 Passi album Paulo Moura and Yamandu Costa music download Pharmacists music downloading Rasco download songs Richie Hawtin, James Ruskin best mp3 Scarlett Marshals review Silent Witness download songs Xzibit dowland