Front-end fejlesztés

Border radius minden bőngészőn

CSS3-ról már többször volt szó az oldalon, általában azért, mert nem minden böngésző jeleníti meg a CSS3 új tulajdonságait. A mostani cikkben is egy hasonló fogunk beszélni és egy jQuery plugint fogunk segítségünkre hívni célunk megvalósításához. Véleményem szerint az egyik már most legelterjedtebb ilyen problémás tulajdonság a border-radius. Ennek segítségével lekerekített sarkokat tudunk adni egyes elemeknek és így nem kell képpel helyettesíteni az oldalt. Azt kell, hogy mondjam nincs valami túl nagy összhang a böngésző fejlesztők között, mert szinte minden böngészőn más és más kódot kell alkalmaznunk a cél elérése érdekében.

Tovább olvasás...

A font face szabály

Korántsem mondhatnám, hogy CSS3-at már minden böngésző könnyűszerrel kezeli, addig nem is fogom ezt mondani, amíg olyan egyszerű dolgokra, mint egy szimpla border radius-szal az Internet Explorer csak jQuery pluginnal birkózik meg, ha minden jól megy. IE6-ról pedig ne is beszéljünk, mert ugyebár azt tudjuk, hogy ő soha nem lesz képes már ilyen dolgokra.

Tovább olvasás...

IE6 előtt rejtett tartalom

Internet Explorer 6-ot sajnos még manapság is használnak. A böngészési élmény rémes, a biztonság egyenlő a nullával és nem utolsó sorban a sitebuilderek agyára is tud menni néha eme elavult böngésző. Ha keményen akarunk fellépni IE6 ellen akkor elrejthetjük a tartalmat azok elől akik IE6 böngészővel nézik weboldalunk. Drasztikusnak tűnhet, de már a Google is kijelentette, hogy nem támogatják az IE6-ot.

Tovább olvasás...

H1 tag helyes használata

H1 tagekkel sokszor nem megfelelően bánnak honlapjukon az emberek. Aki egy ideje már szakmában az tudja, hogy h1-ből egy van egy adott oldalon. Azonban gyakran látni olyat, hogy a weboldal neve és az adott bejegyzés címe is h1. Ez ebben a formában helytelen. Ha helyesen akarunk eljárni akkor a főoldalon a blog nevének adunk h1-et és a belső oldalakon a bejegyzés vagy oldal címének. Lényeg hogy egyetlen egy darab h1 legyen. Az alábbi kóddal elérjük azt, hogy a főoldalon legyen a blog neve a h1 a többi oldalon pedig ne.

<?php if(is_home()) : ?>
    <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php else : ?>
    <span id="blogTitle">
        <a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a>
    </span>
<?php endif; ?>

Természetesen ha komolyan vesszük ezt a dolgok, akkor ezen kód beillesztés után, a single.php és a page.php fájlokban a bejegyzés címének h1-et adunk. Apró tipp, de keresőoptimalizálás szempontjából fontos.

Internet Explorer if

Azért van erre szükség, hogy minden böngésző alatt hasonló élményt nyújtson weboldalunk. Tehát bizonyos IE verziókhoz olykor más CSS fájlt kell párosítanunk. Nézzük tehát a leggyakrabban használt feltételeket:
Összes IE verzióhoz:

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="osszes-ie.css" />
<![endif]-->
Tovább olvasás...