Ako zhodiť Operu?

Dátum: 20.01.2007 00:00 · Kategória: Webdesign · Autor: PaBi3

Len pred niekoľkými dňami som napísal návod ako zhodiť Internet Explorer a dnes tu mám veľmi pekný návod ako zhodiť Operu. Testoval som samozrejme najnovšiu verziu 9.1. Problém spočíva opäť v mime type application/xhtml+xml, ktorý nemôžete kombinovať s atribútom contenteditable='true' nastaveným pre <div>. Táto malá chybička je narozdiel od môjho minulého problému jednoducho dokázateľná. Stačí pokiaľ si nasledujúci kód spustíte v momentálne najlepšom prehliadači na svete - Opere.

<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='sk'>
<head>
<meta http-equiv='Content-Type' content='application/xhtml+xml; charset=utf-8' />
<title>Opera Crash</title>  
</head>
<body>

<div contenteditable='true'>
Lorem ipsum dolor sit amet consectetuer nibh pretium metus tincidunt Donec. Enim
adipiscing libero Nam metus tortor lacus Maecenas mollis nisl sem. Congue orci
in lorem non Vestibulum Curabitur In lacus nibh convallis. Et semper vitae leo
laoreet amet pretium et risus eget et. Mollis consectetuer Ut semper sit mi ut.
</div>

</body>
</html>

Ako zhodiť Internet Explorer?

Dátum: 17.01.2007 20:04 · Kategória: Webdesign · Autor: PaBi3

Existuje naozaj mnoho spôsobov ako zhodiť Internet Explorer. Na jeden som narazil aj sám - čistou náhodou. Stačí, pokiaľ si vyskúšate nasledujúci kód spustiť v Internet Exploreri 6 alebo 7. Hlavný problém spočíva v operátore, ktorý sa používa pri porovnaní veľkosti clienWidth, čiže <. Operátor > pracuje bez problémov.

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtmlp xml:lang='sk'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<style type='text/css'>
//<![CDATA[
div { width:430px; border:1px solid black; }
div img { max-width:430px; width:expression(this.clientWidth < 430 ? '430px':'auto'); }
//]]>
</style>
<title>IE Crash</title>
</head>
<body>

<div>
<img src='image.gif' alt='IE Crash' title='IE Crash' />
</div>

</body>
</html>

Pracuje Opera nesprávne s XHTML?

Dátum: 14.01.2007 13:07 · Kategória: Webdesign · Autor: PaBi3

XML Parser error Možno sa stalo už aj vám, že pri načítaní stránky v Opere ste videli XML Parser error aj napriek jej bezchybnému a čistému XHTML kódu. Do tejto situácie sa dostanete, pokiaľ stránka používa skutočné XHTML a odosiela Content-Type application/xhtml+xml. Používam najnovšiu verziu Opery – 9.10. Pri načítaní tej istej stránky v prehliadači Firefox takáto chyba nikdy nenastane.
URL chybnej stránky je: http://pabi3.com/blog/windows-vista-icq-a-total-commander/. Veľmi zaujímavé je aj chybové hlásenie, ktoré mi píše: XML parsing failed: syntax error (Line: 419; Character: 12). Na tomto riadku sa v kóde nachádza bežný zápis, ktorý sa začína <li><a href='…. Pred ním je niečo podobné. Môžete si prezrieť aj celý zdrojový kód. S takýmto javom som sa nestretol po prvý raz len na mojej stránke ale aj na iných. Po reloade sa potom chyba záhadne stratila a XHTML sa pritom vôbec nezmenilo.

Predpokladám, že táto chyba je spôsobená mojou nepozornosťou alebo chybou Opery, ktorá nedokáže správne spracovať určitú konšteláciu stránky. Pri najmenšej zmene v XHTML sa chyba stratí.


Dynamicky tieňovaný CSS layout

Dátum: 29.11.2006 14:30 · Kategória: Webdesign · Autor: PaBi3

Dynamicky tieňovaný CSS layout Dynamické tieňovanie CSS layoutu znamená, že môžete ľubovolne meniť šírku stránky a nemusíte zmeniť obrázok, ktorý vytvára tieňový efekt. Väčšina webdesignérov používa pre tieňový efekt „jeden” dlhý obrázok, čo im znemožní zväčšenie šírky, a tak sú nutení používať fixnú šírku. Takýto layout musí podporovať aj 100% výšku, čo zabezpečuje predĺženie tieňa až na absolútny spodok stránky.


CSS Tooltips, žiadny javascript ani DHTML

Dátum: 26.09.2006 21:15 · Kategória: Webdesign · Autor: PaBi3

Javascript je známy tým, že zaberá zbytočne veľa miesta, pokiaľ chcete vytvoriť nejaký "pekný efekt". Tooltipy medzi tie efekty patria. Pre dosiahnutie tooltipu v javascripte stačí zapísať milióny riadkov kódu, avšak existuje tu aj CSS, tak prečo by sme sa museli takto trápiť.


ActiveX priamo v prehliadači Opera

Dátum: 19.04.2006 21:00 · Kategória: Webdesign · Autor: PaBi3

Možno ste už niekedy boli obmedzení najlepším prehliadačom na svete - Opera. Toto obmedzenie sa týkalo neprítomnosti riadiacich prvkov ActiveX. Nemohli ste vykonávať mnoho vecí, ktoré ste dokázali cez Internet Explorer alebo Firefox.


Pseudo-trieda checked

Dátum: 30.03.2006 20:00 · Kategória: Webdesign · Autor: PaBi3
Pseudo-trieda checked slúži na štýlovanie elementu pri jeho označení "checked". CSS kód je samozrejme určený pre top prehliadače ako Opera a Firefox. V Opere funguje tento kód najlepšie a vo Firefoxe vykazuje menšiu chybu, ktorá sa ale dá uniesť. Prehliadač Internet Explorer ani nespomínam, pretože je nepožiteľný.

Opera 9.0 Technology Preview 2

Dátum: 07.02.2006 10:29 · Kategória: Webdesign · Autor: PaBi3
Tak a je to tu. Opera TP2 je konečne vonku. V článku si môžete prezrieť pár screenshotov a zoznam nových funkcií. Medzi najväčšie novinky by som zaradil widgety, bittorent, vylepšené blokovanie pop-up okien, lepšia manipulácia s nastaveniami pre stránky a náhľady obrázkov po prechode myši nad tabom.

Vysúvacie menu v CSS a JavaScripte

Dátum: 01.02.2006 15:49 · Kategória: Webdesign · Autor: PaBi3

Vysúvacie menu v čistom CSS pre každý prehliadač som ešte nikde nevidel a zatiaľ asi nie je spôsob ako ho vytvoriť, ak áno skúste ma opraviť v komentároch. Moje vysúvacie menu bude využívať komponent hover.htc, ktorý hover efekt bude emulovať (pre MSIE).


Voice implementation via XHTML+Voice

Dátum: 27.01.2006 17:31 · Kategória: Webdesign · Autor: PaBi3

If you have a browser supporting the voice feature you can create a spoken webpage. Voice browser is a webbrowser that can generate voice output and interpret voice input. The only one voice browser in the world is Opera.