čtvrtek 26. května 2011

Špatně zobrazené datum komentářů ve Wordpressu s qTranslate [SOLVED]

Narazil jsem na problém s nezobrazováním správného data komentářů ve Wordpressu při aktivním pluginu qTranslate: místo data se zobrazuje formátovací řetězec.

Nejdříve jsem však kontroloval úpravy v šablonách, šablony a funkce původního tématu a hledal jsem, kde která funkce to má na starosti, abych přišel na to, jak a proč se datum nezobrazí - až pak jsem se dopracoval k usvědčení qTranslate (v kombinaci s použitým tématem). Pak nastoupil Google a vyblil na mě spustu návodů jak, aby se správně datum zobrazilo, přepropgramovat půlku pluginu, jak různě hackovat šablony... no hrůza děs! :-( Příspěvky byly ovšem už staršího data a nechtělo se mi věřit, že taková chybu nebyla už dávno opravena a hledal jsem dál...

Nakonec jsem se dopracoval ke zjištění, že stačí v administraci nastavit v "Advanced Settings" ("Pokročilé nastavení") qTranslate hodnotu "Date / Time Conversion" ("Konverze Datumu/času") na "Use strftime instead of date." ("Použít strftime místo data.") respektive "Use strftime instead of date and replace formats with the predefined formats for each language." ("Použít strftime místo data a nahradit formáty s předdefinovaným formátem pro každý jazyk.").

Taková blbost, že? ;-)

[hesla: Dates in comments appear as '%A %B %e%q, %Y'; With qTranslate the date of Comments is lost; Date not showing correctly; All my dates don’t work anymore, what’s wrong?; Date formatting with qTranslate; qTranslate may still have a bug ond comment date; Comments: date and time completely messed up]

pondělí 23. května 2011

Linux v Javascriptu

Linux v Javascriptu? Taková až neuvěřitelná věc, že? A jo! I když zřejmě to k ničemu vlastně není ;-)



Více v článku Linux umí nastartovat i ve vašem prohlížeči na root.cz.

Když firefox najednou nevyhledává z adresního řádku

Kdo ví proč, přestal mi najednou (?) Firefox po zadání do adresní řádky něčeho, co není platná adresa, vyhledávat. Nejspíš se to stalo důsledkem částečně násilného odinstalování jednoho nezvaného toolbaru. Vlastními silami jsem nic nezmohl, z nastavení jiného Firefoxu jsem taky inspiraci nenačerpal, ale nakonec jsem přecijen na fóru české Mozilly našel radu a odkaz na podrobný popis about:config entries.

I když to ve Firefoxu 4 takto původně nastaveno není, oprava funguje:

V about:config (když nevíš, o co jde, raději nezkoušej) do parametru keyword.URL vlož adresu http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q= a hodnotu keyword.enabled nastav na true.

úterý 17. května 2011

Jak zakázat změnu velikosti políčka textarea nebo naopak umožnit změnu jiného prvku

Prohlížeč Google Chrome, a zanedlouho i Firefox 4, přišel s polem <textarea>, kterému může uživatel libovolně měnit velikost. Pro tvůrce stránek noční můra: jak snadno vám kdokoliv může rozbít vypiplaný design!

Naštěstí lze toto chování ovlivnit nastavením hodnoty none, both, horizontal nebo vertical vlastnosti resize v CSS3. Můžete takto jak změnu velikosti zakázat, tak naopak povolit změnu velikosti libovolnému prvku.

Dovolím si názornou ukázku:

both: velikost libovolně měnitelná

horizontal: velikost měnitelná ve vodorovném směru

vertical: velikost měnitelná ve svislém směru





P.S. Inspirací mi byl článek The Future Of CSS: Experimental CSS Properties

Jak odstranit neodstranitelný padding buttonu

Firefox 4 (i Safari, ovšem Chrome ne) má jednu nectnost - i když podle některých popisů je právě takové chování správné - tlačítka <button> i <input> mají zleva i zprava neodstranitelný padding 3 px i po nastavení paddingu na nulu. Existuje ale kouzlo:

button::-moz-focus-inner {
padding: 0;
border: none
}

které tuto nepěknost napraví. Sledujte rozdíly tlačítka a , kteréžto se vám ukáží jen při prohlížení Firefoxem.

Zdroj: Removing unwanted button padding in Firefox, extra padding in <button> elements.

Interaktivní nastavení CSS3 efektů

V příspěvku CSS: nastavování vlastností objektů a la Photoshop na zdrojáku najdete odkaz na v budoucnu jistě stále více užitečný CSS generátor Layer Styles. Stíny, přechody, zakulacené rohy a další nové CSS3 vlastnosti nastavíte "hejblátky" jako ve Photoshopu a pak si jen zkopírujete vygenerovaný kód.

Problém s podtržítkem v session cookies IE7

Asi pořád, neustále a na věky na nás budou ze skříní vyskakovat Billovi kostlivci: těsně před nástupem prohlížeče Internet Explorer 10 vás dožene problém, že se kdosi nemůže něam přihlásit do administrace s Internet Explorerem 7. Když si řádně zasakrujete, proč používá nejzáludnější a nejzákeřnější prohlížeč všech dob, zapátráte, a přijdete na to, že je to tím, že Internet Explorer 7 má problém se session cookies, když máte v názvu domény podtržítko!

Předkládám zjištěné zjištění:

Problem: IE7 drops the authentication cookie when underscores are in the domain name.
Solution: Remove the underscore from the domain name.


A uvádím jeden zdroj za všechny: Session Cookies - Bug in IE7, By nathan

pondělí 16. května 2011

Typografické uvozovky na webu

Správná typografie na webu byla odjakživa problematická záležitost. Nejdříve se velmi těžko česká typografická pravidla vnucovala HTML, následně se většinou nedalo přesvědčit CMS editory a hlavně - nikdy nijak nepřimějete dodržovat typografická pravidla "obyčejné smrtelníky". Kvůli zachování duševního zdraví nezbylo než rezignovat a zejména nesprávné uvozovky a předložky na koncích řádků ignorovat.

V takto navozené letargii vám pak snadno unikne užitečnost běžně podporovaného HTML tagu <q> respektive <blockquote>, kterému lze v CSS (2.1) nadefinovat parametrem quotes, jaké má zobrazit kolem v něm uzavřenému textu uvozovky. Nebudeme zabíhat do podrobností, ty si najděte na odkazovaných serverech, ale ukážeme si, jak nastavit správné české typografické uvozovky.

V CSS jednoduše nadefinujeme sadu uvozovek:

div {quotes: "„" "“" "‚" "‘" "»" "«" "›" "‹";}
/* od DIV zdědí uvozovky vnořené Q */


A pak stačí už jen "získat" kód, kde uvozovky nahradíme tagy <q>:

<div><q>Lákamí vůněhulás <q>úmyval rohlivý jednovod</q> lek Dobožek nim úmysl drásníky ří. <q>Já tlínům záprajak tak <q>tavětraje čuvaleda kytanesiv</q> odobzor ačít roští Tor</q>. Sudba večný buby ma kytanesiv mut <q>rostrojsk <q>lehlý <q>mihlenka</q> kamatko</q> lžičkak</q> sestí. Vla škovat říkem.</q></div>

A získáme:

Lákamí vůněhulás úmyval rohlivý jednovod lek Dobožek nim úmysl drásníky ří. Já tlínům záprajak tak tavětraje čuvaleda kytanesiv odobzor ačít roští Tor. Sudba večný buby ma kytanesiv mut rostrojsk lehlý mihlenka kamatko lžičkak sestí. Vla škovat říkem.

Úžasné, že? :-)

P.S. Inspirací mi byl článek The Future Of CSS: Experimental CSS Properties
P.P.S. Když by se to tu tady zobrazovalo nějak divně, nebo se vám zdálo, že to není správně, následujte zmíněné odkazy...

Experimentální a méně známé vlastnosti CSS

Doporučuji přečíst moc pěkný a informací-plný článek The Future Of CSS: Experimental CSS Properties na serveru Smashing Magazine, na který odkazuje příspěvek Budoucnost CSS: experimentální vlastnosti CSSS na serveru Interval.cz.

Kromě zajímavostí, prozatím nevhodných k ostré implementaci do, jsem tam našel i několikvelmi užitečných vlastností CSS, které mě dosud minuly.


čtvrtek 12. května 2011

Rozdílné řádkování line-height v prohlížečích

To, že se vykreslení (renderování) webové stránky v jednotlivých prohlížečích liší, je známá věc. Dříve byly rozdíly hodně velké, dnes ale, díky většímu respektu programátorů i kodérů k webovým standardům, je situace mnohem lepší, a v ideálním případě nemusíte sahat k různým berličkám a hackům, aby stránky vypadali identicky. Drobné rozdíly se většinou promíjejí. Když ale narazíte na klienta, kterému vadí i rozdíl 1 px, máte o zábavu postaráno:

Stránce jsem nadefinoval řádkování globálně pomocí line-height na 130 %. Firefox 4 pak vypočte řádkování jako 15,5833 px, Intenet Explorer 8 jako 16 px (zaokrouhlí myslím matematicky) a Opera a Chrome jako 15 px (ořeže desetiny). Nepomůže ani line-height nastavit v jiné jednotce nebo přímo v desetinách px - desetinky nic než Firefox nevezme. Přitom zrovna řádkování ve Firefoxu vypadalo nejlépe - přitom tak nedosažitelné...

Po chvíli rozmýšlení jsem nakonec nastavil line-height na 134%, kdy Opera, Chrome i Intenet Explorer vypočtou 16 px a Firefox 4 16,067 px. Hádat se o 0,067 px se snad už nebude nikdo ;-)

pondělí 9. května 2011

Free Online OCR Service

Onehdá jsem v krátkém soukromém testu jako nejlepší on-line OCR vyhodnotil Free Online OCR. Občas jeho služeb opravdu využívám. Nyní jsem ale narazil s konverzí nějakých poznámek dopsaných přímo do obrázku návrhu designu webu. Free Online OCR část poznámek nezkonvertovalo a ponechalo poznámky jako obrázky, zbytek byl hodně zkomolený.

Znovu jsem tedy prošel dostupné on-line OCR služby a jakž takž použitelný výsledek mi dal až Online OCR Service. Text sice není stoprocentní, ale k dalšímu použití dostatečně kvalitní. Díky pánové :-)

středa 4. května 2011

Rozbalovací strom pomocí Treeview

Kolegové mě upozornili na jQuery plugin Treeview, co udělá ze seznamu <ul> pěkné rozklikávací menu či strom, na užitečném webu Dynamic Drive DHTML Scripts. Odtud se dostanete i na novější verzi scriptu na webu autora jQuery plugin: Treeview a další ukázky funkce a nastavení treeview. Zobrazení stromu lze modifikovat sadou parametrů. Pěkné, funkční, užitečné.

Online Javascript compressor

Dá se považovat za slušnost nechávat návštěvníky webu stahovat javascripty v komprimované verzi. Script sice není snadno okem čitelný, zato je o pár kilo hubenější. Když tedy usoudíte, že by bylo dobré nějaký script zkomprimovat, můžete využít třeba služeb serveru Online Javascript compressor. Online Javascript compressor vám navíc nabízí zkrácení názvů (přejmenování) proměnných a možnost zakódování, kteréžto možnosti vedou k dalšímu zhubnutí kódu.

MAKE Magazine

Technology Review RSS Feeds

Nejčtenější příspěvky