Arcaův Blog - sekce: WebDev

Jak na div se 100% výškou

Často se všudemožně omílají dotazy, jak dokázat natáhnout div výškově na 100% zobrazovací plochy a když je vnitřek divu větší než zobrazovací plocha tak aby se natáhnul na potřebnou velikost.

Sáhl jsem proto do svého skladu stránek a zde vám přináším návod jak na to.

Nejdříve ze všeho musíte nastavit výšku tagů html a body na 100%.

html, body {
     height: 100%;
}

Pak pro div který chceme roztáhnout na 100% a více přidáme následující předpis:

#content {
     /* Height Hack */
     min-height: 100%;
     height: auto;
     _height: 100%;
}

Protože je o IE známo, že umí automaticky roztahovat divy tak mu stačí nastavit výšku 100%. Ostatní alternativní prohlížeče většinou umí atribut min-height.

Pokud to chcete vidět v praxi, tak se podívejte na tuto stránku.

Vložil Martin Sloup 8. 7. 2004 v 12:32, Trvalý odkaz, Komentáře - Blog: WebDev

Interval: Zeměpisná poloha zdroje (serveru)

Na Intervalu se objevil článek ohledně META tagů na stránce. Zmiňuje se mimochodem také o Zeměpisné poloze zdroje (serveru).

Z textu: Z historických důvodů se však hodnoty metaelementu "ICBM" uvádějí v desetinných hodnotách, které je zvláště pro naše kraje těžké zjistit... Ono to horké zas tak není:

V České republice existují civilní mapová díla uváděná ve dvou různých systémech. Prvním, starším, z nich je Souřadnicový systém Jednotné trigonometrické sítě katastrální (S-JTSK). Druhý, nový, je světový systém WGS-84 (World Geodetic System z roku 1984), který je např. standardním systémem přijímačů družicové navigace GPS.
(Zdroj...)

Naše mapové servery používají tedy buď S-JTSK nebo WGS-84 (Seznamovská mapa aspoň na to vypadá, ale asi ještě použivá nějakou konstantu jako ochranu).

Proto jsem se rozhodl sestrojit takové udělátko, které z adresy mapového serveru vytáhne souřadnice a vratí je ve tvaru WGS-84.

Implentovány jsou zatím mapové servery mapy.atlas.cz a mapy.quick.cz. Udělátko najdete zde.

Vložil Martin Sloup 11. 6. 2004 v 11:48, Trvalý odkaz, Komentáře - Blog: WebDev

Zase jednou všechno rychle

Dnes to vemu zase rychle, poněvadž se toho na blozích stalo hodně.

Další díl o tabulkách v XHTML na Intervalu

Na Intervalu vyšlo před několika dny další díl seriálu o tabulkách v XHTML. V tomto dílu se proberou buňky tabulek a jak je zpřísupnit tabulku pro nevizuální prohlížeče.

Mozila FireBird 0.7 a ThunderBird 0.3 relase candidate

Na ftp mozilly.org se objevila předběžná verze mého oblíbeného odlechčeného prohlížeče PtákaOhniváka. K dispozici je také relase candidate výborného emailového klienta PtákaBouřliváka. Mimochodem hned na první pokus se mi povedlo shodit Firebird, takže to vypadá, že to zatím moc stabilní není.

Zdroj: Novinky na CZilla.cz

Vložil Martin Sloup 3. 10. 2003 v 07:42, Trvalý odkaz, Komentáře - Blog: WebDev

Letem Světem končí

Jak jsem psal o Letem Světem zde, tak se zdá, že je tomu všechno jinak. Lukáš Oborský se stylovým spůsobem rozhodl zapíchnout blogovaní. Důvody jsou více než jasné, blogování mu zabírá strašně moc času než by chtěl. Tento drahocený čas se nakonec rozhodl strávit se svou rodinou.

Zdroj: nitroblog, Příručka: Weblog o tvorbě webu

Vložil Martin Sloup 1. 10. 2003 v 07:18, Trvalý odkaz, Komentáře - Blog: WebDev

Přístupné Image-Tab Rollovery

Na SimpleBitu jsem dnes narazil na hezký návod, jak si udělat Image-Tab Rollovery tak, aby zachovávali přístupnoust a používali čistě CSS. Způsob částečně vychází z Pixiho nopreload rolloverů (no jo Pixy se zaradil mezi reprezentanty České Republiky, jak jsem se dočetl zde). Vše je tam pěkně detailně popsano.

Vložil Martin Sloup 30. 9. 2003 v 21:19, Trvalý odkaz, Komentáře - Blog: WebDev

Button Maker

Taky se vam líbí takové ty malé tlačítka (80x15 pixelů)? Připravil jsem již hotový tvořič na ně. Najdete ho zde. Původně pochází od Billa Zellera, jen jsem ho trochu poupravil a přidal formulář pro lepší práci. Jinak jsem na webu našel i pěknou sbírku těchto malinkatých tlačítek: http://gtmcknight.com/buttons/.

Vložil Martin Sloup 28. 9. 2003 v 15:40, Trvalý odkaz, Komentáře - Blog: WebDev

Kvíz pro designery 7 a 8

Kdo by si toho všiml? Vyšly další dvě otázky na SimpleBits a zase s tim přicházím jako první. V sedmém dílu budeme hádat, v jakém pořadí mají být naspány tagy a a strong, naopak v osmém díle si trochu zapřemíšlíme nad tím, jak nejlépe vyznačit titulek knihy či publikace.

Vložil Martin Sloup 27. 9. 2003 v 21:12, Trvalý odkaz, Komentáře - Blog: WebDev

Nový díl Smarty a XHTML Table na Intervalu

Na intervalu najdete nový díl šablonového systému Smarty, o kterém jsem psal už dříve. V tomto dílu se nahlédne hlouběji pod pokličku tohoto výborného šablonového systému pro PHP.

Včera vyšel nový díl seriálu věnující se tabulkám a XHTML, který se podívá na titulek, skupiny řádků a řádky tabulek v XHTML.

Vložil Martin Sloup 26. 9. 2003 v 19:47, Trvalý odkaz, Komentáře - Blog: WebDev

DobrýWeb.CZ

Dobrý Web je výsledek společného usilí Marka Prokopa (weblog SVS) a firmy Internet Info. Na stránkách Dobrého webu najde te plno hodnotných informací, jak být dobrým webem. Najdete tu i plno nástrojů, placených či neplacených. Mezi neplacené nástroje patří především tzv. Automatický Audit Webu. Naproti tomu placeným nástrojem je právě vylepšený Audit Webu, který vám zhodnotí odborník.

Vložil Martin Sloup 26. 9. 2003 v 19:33, Trvalý odkaz, Komentáře - Blog: WebDev

Rychlovka s kratkýma komentářema

Dnes to vemu velmi rychle (z druhé ruky), jsem totiž trochu nachcípanej a musím ležet v posteli.

Hacknut Letem světem

No jo, už je to tak. Hackli nám Letem Světem. Jak to vypadá, můžete vidět na tomto screenshotu.

Favlety a přístupnost

Na Nitrobloku se píše o stránce, kde můžete najít ruzné zajímavé favlety pro kontrolu přístupnosti.

CSS design ve 12-ti krocích

Vit Dlouhý ve svém weblogu poukazuje na článek pro začátečníky, kteří by chtěli hupsnout na tvorbu vzhledu přes CSS.

Amerika a kočičí hlavy

Docela mě zaujal článek na technetu, jak firma Roxio (známá svým Napsterem) provádí svou reklamní kampaň.

Nikdo neumí HTML

Yuhů si ve svém spotu stěžuje na nemožnost nalézt dobrého programátora do firmy, kde pracuje. Poukazuje na to, že každý kdo, umí dělat stránky ve Wordu si myslí, že je dobrý programátor.

Vložil Martin Sloup 25. 9. 2003 v 08:52, Trvalý odkaz, Komentáře - Blog: WebDev

Jak na obrázky s popiskou pres CSS?

Petr Staníček [aka -pixy- ] ve svém novém spotu ukazuje, jak lze velmi jednoduše dosáhnout kvalitního vzhledu obrázků s popiskami za pomocí CSS. Ukazuje zde mnoho případů, včetně zadané výšky a použití overflow.

Vložil Martin Sloup 18. 9. 2003 v 21:49, Trvalý odkaz, Komentáře - Blog: WebDev

Kvíz pro designery 6

Tak to vypadá, že s tím přijdu mezi české blogy jako první. Na stránkách SimpleBitu se objevila další část ProstoKvízu s pořadovým číslem šest. V šestce se vše motá kolem tagu form a správného formátování. Mimochodem, tato otázka také pochází od jednoho ze čtenářů. Že by Danu Cederholmovi došly nápady?

Vložil Martin Sloup 17. 9. 2003 v 20:18, Trvalý odkaz, Komentáře - Blog: WebDev

Smarty a Interval

Ode dneška začal vycházet na Intervalu seriál o šablonovém enginu Smarty. Mezi jeho hlavní přednosti hlavně patří jeho rozšířitelnost, možnost tzv. kompilace šablony do php skriptu (čímž se zvíší jeho rychlost), komplexnost a robustnost a další. Jeho největší zápor je přílišná velikost enginu, který skládá jen z jednoho souboru. Tím se řadí mezi ty pomalejší šablonové enginy.

Vložil Martin Sloup 15. 9. 2003 v 18:34, Trvalý odkaz, Komentáře - Blog: WebDev

Kvíz pro designery 5

Na stránkách SimpleBitu se objevila další otázka kvíze. Otázka teď nepochází z rukou Dana Cederholma, ale od jednoho čtenáře jménem Tomas Lackner. Mimochodem pokud si přečtete diskuzi pod otázkou, dostanete novou čtvrtou odpověď D, která je kombinací dvou stávajících (B a C).

Vložil Martin Sloup 14. 9. 2003 v 08:45, Trvalý odkaz, Komentáře - Blog: WebDev

Rollover 3krát jinak podle XHTML a CSS

Na Intervalu.cz se píše o CSS rolloverech. Pro začátečníky je to dobré čtení, ale pro pokročilé je to až moc známý. Mimochodem Také raději preferuju dělat rollover efekt prostřednictvím kaskádových stylů než přes blbý JavaScript.

Vložil Martin Sloup 13. 9. 2003 v 07:10, Trvalý odkaz, Komentáře - Blog: WebDev

Nový blog na blogové scéně

Světlo světa spatřil nový blog nitroblok a zabívá se převážně webdesignu (jak jinak, když o tom píšu v této sekci). O blog se stará Václav Štrupl a přeji mu hodně štěstí, aby mu to blogování hodně dlouho vydrželo.

Vložil Martin Sloup 9. 9. 2003 v 15:35, Trvalý odkaz, Komentáře - Blog: WebDev

Kvíz pro designery 3 a 4

Celkem bez velkého povšimnutí blogovacího světa je na světě 3. a 4. část SipleQuizu aneb ProstoKvízu.

Třetí otázka se motá kolem Heading tagů a listu, tedy jak typ je sémanticky správný.

A ve čtvrté otázce se řeší, zda je nutné použít tag p v divu, a proč či proč ne. Mimochodem není od věci tam přidat svoje mínění.

Vložil Martin Sloup 9. 9. 2003 v 15:05, Trvalý odkaz, Komentáře - Blog: WebDev

Bloxxy adoptováno

Od nynějška se o vývoj blogovacího systému Bloxxy už nestará Petr Staníček [aka -pixy-], ale Jan Bien z Mraveniště.org. Mimochodem na Maraveništi.org najdete hned novou verzi (0.5 Beta).

Vložil Martin Sloup 8. 9. 2003 v 15:38, Trvalý odkaz, Komentáře - Blog: WebDev

Listmatic

Jiří Bureš ve svém conBlogu píše o Listmatic aneb ukázka toho co se vše dá udělat z klasického seznamu v (X)HTML. Zatím se tu nachází 11 druhů pro vertikální a 7 druhů pro horizontální zobrazení.

Mimochodem, když jsem prolézal právě inkriminovaný web narazil jsem na odkaz na pěkný seznam zdrojů kolem přístupnosti, CSS, JavaScriptu, SEO, webových standartů a dalšího.

Vložil Martin Sloup 5. 9. 2003 v 15:24, Trvalý odkaz, Komentáře - Blog: WebDev

Vylepšený Web Page Analyzer

Web Page Analyzer se představil v nové verzi. Jedná se o online službu, která projede vámi zadanou stránku a spočítá celkovou velikost dat, které musí návštěvník při vstupu na stránku stáhnout. Dále umí mimojiné odhadnout dobu potřebnou na stažení celé stránky i s datovými přílohami. Dokáže také ukázat, který typ objektu tvoří nějvětší položku stahovacího pásma stránky. Na závěr vám analyzátor řekne i několik rad.

Mezi novinky patří: Plná podpora importu externích stylů, započítávání obrázků i z CSS a pozadí tabulek, detekce a testování HTTP komprese a také různé kolerační konstanty přispívající k přesnějšímu odrazu reality.

Vložil Martin Sloup 3. 9. 2003 v 17:09, Trvalý odkaz, Komentáře - Blog: WebDev

Kvíz pro designery 2

Dan Cederholm ze SimpleBits publikoval druhou otázku SimpleQuizu. Jak jsem již dříve psal vše se točí kolem (X)HTML. Ve druhé otázce se ptá: Která z možností je sémanticky nejsprávnější netříděný seznam?

Vložil Martin Sloup 3. 9. 2003 v 13:22, Trvalý odkaz, Komentáře - Blog: WebDev

Nová verze (X)HTML validátoru

Markup Validation Team W3C (tým, který vyvíjí validační nástroje), představil novou beta verzi (X)HTML validátoru.

Mezi novinky hlavně patří dvě vychytávky. První je Verbose Output, která umožňuje vypsat podrobné a srozumitelné vysvětlení ke každé nalezené chybě. A mezi druhou vychytávku patří Fussy Parsing, která dokáže v kódu najít a vypsat konstrukce, které jsou sice technicky validní, ale ve většině případů nechtěné a vzniklé omylem. Obě nové funkce lze samozřejmě zapínat a vypínat a přizpůsobit si tak validátor svým potřebám.

Vložil Martin Sloup 30. 8. 2003 v 18:17, Trvalý odkaz, Komentáře - Blog: WebDev

Jak píše Jiří Bureš své texty do conBlogu

Jiří Bureš ve svém spotu osvětluje letmé použití WritePadu na psaní spotů a podle něj velmi výborného programu Short Keys Lite, které mu prý velmi ulehčuje práci.

Vložil Martin Sloup 30. 8. 2003 v 08:15, Trvalý odkaz, Komentáře - Blog: WebDev

Kvíz pro designery

Dan Cederholm ze SimpleBits se pustil do tvorby SimpleQuiz. V první otázce (Headings) se ptá na to, který ze tří odpovědí je sémanticky správným typem nadpisu.

Vložil Martin Sloup 28. 8. 2003 v 08:28, Trvalý odkaz, Komentáře - Blog: WebDev

Jeden velký a druhý malý Indián

Roman 'Dagi' Pichlík ve svém spotu UTF-8 : Problém malého a velkého indiána vysvětluje problémy s UTF-8. Zmíní také pojmy big endian a little endian. A také proč se při include funkci v PHP tvoří neznámé znaky v dokumentu.

Vložil Martin Sloup 27. 8. 2003 v 11:47, Trvalý odkaz, Komentáře - Blog: WebDev

Úpravy na LetemSvětem

Letem světem upravilo vzhled záhlaví stránky po tom, co jsou známy výsledky sotěže o nejlepší logo LetemSvětem. Bohužel se z výherního loga použil jen barevý text, ale přesto je to pro LetemSvětem cesta k lepšímu.

Vložil Martin Sloup 26. 8. 2003 v 21:50, Trvalý odkaz, Komentáře - Blog: WebDev