Home   Diablo3   D2rozcestník   Median 2008   Odkazy   Archiv blogu 

Chaos Sanctuary

Velikonoční linky místo vajíček

Neděle, 12. duben 2009   Webovitosti

Co takhle myslet i na něco jiného než na ošlehávání ženských zadků, pánové? Třeba ... třeba nějaké výživné webdesignové odkazy? Njn, já vím, že to asi nevyjde, je to jen takový malý feministický pokus :-)

Tak teda .. teda .. grrr vrrr prsk

Sobota, 11. duben 2009   Webovitosti

to jsem se zas naštvalo! R.H. postnul na twitteru odkaz na svetsoftware.cz a tam mají Office 2007 + CorelDRAW X4 pro domácnosti a studenty za 2 a půl litru. Na výzkumničení by se ten Corel docela hodil, to my lamy rády ... jenže já Office2007 už rok mám koupený, chjo, tož co včil :-(

Mno, on i ten Corel graphic suite 12 za 3,500, což je komerční neomezená verze, je zajímavý, ale takovou licenci já zas na svoje hrátky nepotřebuju.

Ale na druhou stranu, stálo by to za hřích? Nebo bych mohla pořídit další domácí office a někomu je střelit, že jo ...

Tož su z teho takové frustrované zvířátko a može za to hen ten Hulán! (ten prý může i za globální oteplování, psal misantrop :-)

Pozn: tento výkřik do tmy NENÍ o R.H. a předpokládám, že to v komentářích budete respektovat, dík :-)

Software inspector ze secunia.com

Pátek, 27. březen 2009   Webovitosti

Web secunia.com se zabývá sledováním zranitelností programů. Kromě celkem rozsáhlé a aktuální databáze o chybách v programech tam teď mají utilitku, kterou si stáhnete do počítače (zadarmo, pouze pro domácí použití), a ona vám zkontroluje aktuálnost programů, které máte nainstalované, vypíše seznam tozho, co je zastaralé a představuje bezpečnostní hrozbu, a hned vedle je odkaz na aktualizaci. Asi to nebudou úplně všechny prográmky, které jsem někde posbírala, ale ty nejdůležitější (nejvíce napadané) tam pravděpodobně jsou. Ne všechny programy si samy stahují aktualizace a když nejsou pořád na očích, snadno se na ně zapomene.

Tak zkuste a uvidíte :-)
Secunia Personal Software Inspector (PSI)

Nakonec mi zůstal jako "hrozba" jen winrar 3.5, protože to je neupgradovatelná free verze, ke které kdysi rozdávali klíče. Tak buď s tím budu žít a nebo přejdu na 7zip, no, ještě uvidím, jestli kvůli tomu budu mít noční můry ... :-)

Cufón - nahrazování fontů na webu

Pondělí, 23. březen 2009   Webovitosti

Zkrácený návod - překlad z Cufon wiki

Cufon je javascriptový nástroj na nahrazování fontů na webu. Používá k tomu dva soubory, jeden prováděcí, který si stáhnete z webu, a druhý s vytvořenými fonty - ten si vyrobíte přes webové rozhraní z fontu, který máte stažený u sebe v PC.

První javascript, který potřebujete dát do stránek, je cufon-yui.js a stáhněte si ho zde a šoupněte na svůj web.

Vytvořte si javascriptový soubor s fonty pro web pomocí online generátoru:

  • Do příslušných okének, podle toho, co budete potřebovat, nahrajte soubor fontů – mohou to být .ttf, .otf, .pdf nebo postscript. Je tam upozornění, že to nejde nahrát z adresáře windows\fonts – musíte si ty fonty na svém PC zkopírovat jinam.
  • Zaškrtněte (musíte), že EULA povoluje font embedding. Tohle si musíte zjistit u každého fontu sami. Může se stát, že některý „free“ font nepůjde zpracovat (pak na vás místo výzvy ke stažení vyskočí stránka, kde je vysvětlení, že to autor fontu zakázal a že ho máte kontaktovat).
  • Další je volba, co se tam má zahrnout. Nejjednodušší ale nejméně vhodné, protože je to pak moc velké) je All. Standardně je zaškrtnutá Basic latin. Přidejte si případně české znaky v chlívku "and also these". Umí to i samostatný háček a čárku. Výsledný font funguje i pro kódování win-1250 (zkusila jsem)
  • V sekci security můžete použití omezit jen na svou doménu, aby je nikdo z vašeho webu nelinkoval.
  • Další chlívky je lepší nechat tak, pokud nevíte, co děláte (jako že já ne).
  • Zaškrtněte "acknowledge" a klik na tlačítko – měl by se vám nabídnout soubor fontů .js ke stažení.
  • Nahrajte soubor s fonty na svůj web.

Jak dostat font na stránku

Příklad je z wiki:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Frutiger_LT_Std_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');

</script>
</head>
<body>
<h1>This text will be shown in Frutiger LT Std.</h1>
</body>
</html>

Doporučuje se striktní DTD ale co jsem zkoušela, tak to funguje i s trans (problém by mohl být tam, kde jsou odlišnosti v inline/block, v hlavičkách je to fuk)

Všechno podstatné je v <head>: Jako první tam je ten prováděcí javascript cufon-yui.js, potom ten js s fontem.

Potom je tam inline script, který už přímo říká, co se má nahrazovat. Pokud je font jen jeden, není třeba ho specifikovat, stačí určit jen kam s ním. V tom tomto případě nahrazujeme hlavičku h1: Cufon.replace('h1'). A to je všechno, zbytek udělá cufon podle toho, co máte pro h1 definované v CSS.

Když chcete použít ten samý font pro více prvků, vypadá to takhle:
Cufon.replace('h1')('h2');

V IE je vidět malé zpoždění než se text nahradí, proto je dobré dát těsně před </body> následující kód:
<script type="text/javascript"> Cufon.now(); </script>

Když potřebujete víc nahrazovacích fontů, musíte pak určit, který kam patří:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Frutiger_LT_Std_400.font.js" type="text/javascript"></script>
<script src="Myriad_Pro_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1', { fontFamily: 'Frutiger LT Std' });
Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
</script>

</head>
<body>
<h1>This text will be shown in Frutiger LT Std.</h1>
<h2>This text will be shown in Myriad Pro.</h2>
</body>
</html>

Všimněte si změny v cufon.replace. Pokud se neuvede nic, použije se poslední font (v tomto případě by to byl Myriad)

Pozn: cufon normálně umí jen názvy tagů jako h1 ale spolupracuje s některými js frameworky, a pokud je umístíte před něho, pak budou fungovat i věci jako: Cufon.replace('#content > h1:first-child') nebo Cufon.replace('#nav a')

Prohlížeče

Podporuje moderní prohlížeče

Problémy se styly

Většinou nejsou ale:

  • Velikost fontu se může o pixel lišit, pokud vám to vadí, specifikujte velikost fontu v px. IE prý nezná definice jako “larger” nebo “xx-small”
  • Italic a bold pro tagy em, strong, i, b je v různých prohlížečích definováno různě, pokud chcete , aby se to použilo dobře, specifikujte to přímo:
    em, i {font-style: italic;}
    
    strong, b { font-weight: bold;}
  • Výška řádku. Jestli je font vysoký přes několik řádků, musíte specifikovat ine-height. Prý by to mohlo dělat problémy v non-strict dokumentu.
  • Word-spacing a text-shadow nefunguje.
  • :hover se musí specifikovat, např:
    Cufon.replace('h1', {hover: true });
    
    Defaultně se uplatní jen na odkazy, dá se to upravi i pro jiné elementy, viz článek dole

    Známé bugy:

    • V IE hover nad odkazy občas bliká, řešení je prý zde
    • Text:align justify funguje jako left (nebude opraveno)
    • Line-height u non-strict dokumentů se možná chová divně (nebude opraveno)
    • Bude opraveno:
      - Text-decoration pro IE
      - Word-spacing
      - Výběr textu – není vidět, že je text vybraný (neoznačí se) ale zkopíruje se.

    Další zajímavosti

    Jestli jste uvažovali i o typeface.js (dělá něco podobného), podívejte se na jejich srovnání v článku Cufón vs. Typeface.js, which one is better?. zatím mi z toho lépe vychází cufon, hlavně proto, že typeface.js prý nepodporuje IE8, ale typeface.js má asi lepší způsob nahrazování elementů pomocí class ...

    Update: Cameron Moll vyzkoušel cufón poměrně důkladně a celé to popsal v článku Exploring Cufón, a sIFR alternative for font embedding, jsou tam i příklady, jak to vypadá při nahrazování. Podívejte se i na stránku unit quality, kde sleduje vliv hustoty na kvalitu fontů (v generátoru v sekci "Performance .." je to políčko "Scale the font to the following size"). Podle té testovací stránky se mi zdá, že předdefinovaná hodnota 360 je postačující, nižší než 200 se nedoporučuje. (via)

    Update2: Na net tuts je taky článek The Easiest Way to Use Any Font You Wish, který zhruba popisuje totéž, co jste už četli ale přidává návod, jak v Cufon použít i jiné CSS prvky než jen ty základní:

    • Pokud nemáte žádný CSS framework, použijte DOM. např chcete udělat nahrazení jen pro hlavičku, která se nachází v sekci header
      Cufon.replace(document.getElementById('header').getElementsByTagName('h1'));
    • Pokud používáte jQuery, pak to může vypadat takto:
      Do <head>: přidejte před cufon odkaz na jQuery
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
      a definice pro hlavičku v sekci header pak bude:
      Cufon.replace('#header h1');

    Jiné metody nahrazování písma na webu

    Jsou popsané ve starších článcích:
    - přehledový článek Web - metody nahrazování standardních fontů
    - přeložený návod na sIFR3 Jak snadno dostat sIFR na stránky

Tak jsem si četla zdrojak.cz

Pátek, 13. březen 2009   Webovitosti

o CSS layoutu a pozicování všeho druhu, dokonce CSS tabulky tam zmínili (dá se to klasifikovat jako deviace?) a tvrdili, že pro gridové layouty se pužívá nějaké takové to divné pozicování, co se tam šibuje s blokama záporně tam a zpátky, a to lamám teda hlava nebere, a pak jsem schroustala tu výživnou diskusi kde se tak různě debatuje o oblíbených layoutech, a o nějakém display:table a display:inline-block se tam píše a jak to málo funguje, protože IE ...

A nikdo nepíše o display:inline, které naopak funguje skvěle, a je to krásně jednoduché řešení pro sloupcový layout s floatama, které řeší IE "bug" s šířkou sloupců a ještě nějaké další, tuším. Je to dost staré řešení a ani nevím, jestli o tom někdo na blogu někdy psal, možná už tak dávno, že si to nepamatuju.

Tak to zkusím trochu oživit. Hlavně proto, že JE to použitelné i pro gridy, což ukazuje třeba ten příklad gridu, na který jsem odkazovala minule - fluid grid.

Příklady layoutů dělané s pomocí float a display:inline jsou třeba tady (střední sloupec má marginy a v nich si plavou boční sloupce) nebo tady (všechny sloupce plavou doleva).

Něco jsem podobného na jednom webu použila (3 sloupcový layout, pevná šířky panelu, v něm levý sloupec plave doleva, střední taky, pravý doprava, všechny mají display:inline) a funguje to bez problémů :-)

Njn, sloupce stejné délky to neřeší, ale to odborníci zvládnou a lama ... lama by se s tím nepárala a udělala by html tabulku s třema buňkama pro sloupce. Flame me :-)

Update

V komentářích Beran25 chtěl český překlad odkazovaných příkladů. Tak stručně:

Ten článek na maxdesign je jeden z prvních o gridu. Definuje tam základní pojmy, a postupně tvoří fluidní grid definovaný procentně, tzn, že se šířka bloků a mezery mezi nimi mění s šířkou okna prohlížeče. Komentovat budu až výsledný příklad 10. Kód k němu je v části Step 5 – definice html bloků a css pro grid. Zde je použité display:inline pouze u prvního plovoucího bloku, protože to pro zamezení chyby dvojitého marginu postačuje, stačí u prvního prvku v „řadě“. V části Step 6 je doporučeno, abyste padding v blocích aplikovali na vnitřní prvky, protže starší verze IE používaly jiný box model.

Jsou tam i další příklady, které nepoužívají display:inline vůbec, protože bloky nemají žádný margin a mezery jsou udělány pomocí dalšího prvku – prázdného div.

Odkazy na browser cam už neexistují ale můžete se na to kouknout třeba v IE testeru, jestli už nikde starší verze IE nemáte.

Ten druhý příklad je kompletně přeložený tady

Zimní hromada uleželých i čerstvých odkazů

Pondělí, 9. březen 2009   Webovitosti

Njn, tak trochu zimní spánek a čtenářské orgie mě odvedly z cesty pravé, webově výzkumné, ale blíží se jaro a lama se vrací na staré pastviny. Tak tedy něco z mé sbírečky, protože i když jsem nepsala, stále jsem brouzdala ...

BTW, Nemám to radši průběžně házet na twitter? Zatím tam dávám spíš takové oddechovky.

Víkend na lovu botů

Neděle, 18. leden 2009   Webovitosti

Botové vyhubeni, fora zachráněna a lama miluje SMF!

Jo, je to tak, skoro celý víkend, tedy dobu, kdy jsem zrovna nevařila, nejedla, či nepařila diablo, jsem strávila ničením botů ve forech a upgradama. Tak nějak plíživě se mi na weby dostaly 4 fora - tady, u photofiltru, hellgate a harrington. Dvě fora byly XMB a dvě SMF. A všude od prosince byly masivní útoky botů, kteří se v klidu prokousali registrační captchou u SMF, připadně zcela volně lezli na XMB, kde jsem captchu ani neměla. Dřív se jen zaregistrovali s odkazy na své podezřelé weby, ale v poslední době začali i spamovat fora a nestíhali jsme mazat.

A tak jsem upgradovala SMF, kde se do toho opřeli, a udělali proti botům několik extra modů, a nakonec jsem díky tomu převedla na SMF i obě XMB fora.

Prozkoumané Anti bot mody

Použila jsem dva různé proti-botové mody pro registraci nového člena.
1. Na jednom foru je to odpověď na otázku "Jste člověk?", což mi připadá dost jednoduché, uvidím, jak dlouho to bude zabírat. Bylo potřeba přeložit texty otázek do češtiny.
2. Druhá metoda je antispam questions, kde si můžete vymyslet několik různých otázek (česky) a příslušných odpovědí. Myslím, že tohle může slušně zabrat, zvlášť, když tam bude diakritika. No a když to nějaký bot rozlouskne, vymyslím jinou otázku. Po instalaci je pro češtinu potřeba v adresáři themes/default/languages nakopírovat do souboru Modifications.Czech.php texty z anglické verze Modifications.English.php. Překládat to není potřeba, většina je pro admina, snad jen to upozornění, že otázka byla zodpovězena chybně, se hodí česky. Ono to funguje i bez toho ale nevidíte ty texty a v logu jsou vidět chyby skriptu.

Převod z XMB do SMF

Převod zdejšího ďábelského fora jsem popsala minule, včera jsem se pustila do XMB fora pro Photofiltre. Tušila jsem problémy, protože to forum funguje od roku 2005 a byla tam hromada příloh, které se vkládaly přímo do databáze, takže poslední záloha databáze měla 120MB. Původně jsem si pro převod chtěla založit novou databázi a ty tabulky tam nahrát, ale ono to zdechlo, a nechtělo se mi to řešit, a tak jsem nakonec xmb i smf tabulky nechala v původní databázi, společně s dalším forem a tímhle bložínkem, protože to tak kdysi bylo na hostingu omezené, a riskla jsem to - když nejde o život ... Opět musím pochválit SMF, protože jejich konvertor z XMB (mají jich hromady z různých fór) si s tím poradil perfektně, obrázky nacpal do adresáře a do příspěvků dal odkazy, a až zruším xmb tabulky z databáze, tak ještě ušetřím, a to se vyplatí! Bohužel se u takto převedených příloh nezobrazují náhledy - nevíte někdo, jak to jednoduše zařídit? U nových vložených obrázků to funguje, u starých nee, chjo. Je fakt, že návštěvníci fora o Photofiltre jsou ze změny lehce zmatení, ačkoli jsem se snažila vybrat styl co nejpodobnější původnímu foru, ale snad si zvyknou. Zvolený styl DS-Natura se nemusel pro češtinu nijak upravovat, protože nemá obrázková tlačítka. Záhlaví je provizorní a budu ho muset aspoň vyhladit, když už je to o grafice :-)

Česká tlačítka pro Space Sea

A když už jsem byla tak rozjetá v tom páchání dobra, našla jsem nový "kosmický" styl Space sea pro forum o Honor Harrington. Tam jsem musela předělat všechna tlačítka do češtiny, čímž jsem strávila nedělní odpoledne (se zvukovou podporou od Rammsteinů a Sabatonu), a trochu jsem změnila styl pro citace, protože se to nedalo číst. Pokud byste ta tlačítka někdo chtěl, ozvěte se, přidám to pak někde ke stažení, zatím mám jen ta, která jsou na webu viditelná pro návštěvníka.

Co závěrem? SMF je definitivně lama friendly :-)

Diablo webík

Sekce blogu

Komentáře

parajumpers k Pozdrav ze záhrobí :)
Po, 14.10.2013 06:24
Pozdrav ze záhrobí :) - Chaos sanctuary


Wellensteyn Outlet k Pozdrav ze záhrobí :)
Pá, 27.09.2013 19:13
Deshalb vereinen diese Wellensteyn Jacke n auch viele praktische Details in [...]


Hermes Outlet k Pozdrav ze záhrobí :)
Ne, 01.09.2013 21:28
Nice job, I really like how your site lo oks.\nBuy Cheap Hermes Handbags Ou [...]


Rantalion k Pozdrav ze záhrobí :)
Út, 27.08.2013 09:39
Zdravím SuE. Čirou náhodou jsem se vráti l na Tvé stránky a vzpomenul, koli [...]


MartinXC k Pozdrav ze záhrobí :)
Ne, 25.08.2013 13:49
Zdravím SuE, po letech okénko nostalgie. S Diablem 2 jsem skončil před let [...]


melcz k Pozdrav ze záhrobí :)
Čt, 08.08.2013 23:41
dobra zprava, rad si prectu nove prispev ky :) A D3 je pro me takova oddych [...]


anonym k Pozdrav ze záhrobí :)
St, 17.07.2013 14:54
Zdravím SuE. Jsem rád že ještě žiješ:). Jinak všem diablistům co jsou zár [...]