Napsal mi autor prográmku Hromadný měnič, o kterém jsem kdysi psala.
Program je nově upraven i pro UTF-8 a běží i na win-10. Tak pokud máte nějaké textové či html soubory, kde potřebujete nahrazovat celé bloky textu, stáhněte si Hromadný měnič.
Hele, já vím, že jsem na to dlouho ani nesáhla, a slušelo by se přijít po takové době s něčím progresivním, co by tak jaksi reflektovalo ten pokrok v technologiích že, abych prokázala, že jsem neustrnula ve vývoji, a stále mám co říci, pokud možno té nejpokrokovější části webdyzajnérů. Aspoň to HTML5, co o něm všichni mluví, nebo CSS3. Jenže to už bych snad ani nebyla ta lama, a musela bych zas upravovat hlavičku webu ...
Tak místo toho krátká historka ze života lam ve webdesignu. Představte si, že dostanete za úkol udržovat web, který váš předchůdce sice naplnil daty, ale spáchal to v nějakém wysiwyg editoru, a je toho asi 200 html stránek s tabulkama, obrázkama a strukturovaným textem. A vy musíte změnit vzhled, předělat menu, předělat hlavičku a tak. Fakt, že to bylo v nějakém editoru, který udržoval šablonu stránek, situaci trochu zjednodušuje. Stačí tam hromadně nahradit bloky textu a je to, jak prosté ...
Dřív jsem na tyhle věci používala golden html editor, ale při posledním pokusu ho nainstalovat a spustit odmítl spolupráci a tiše se zhroutil. Ono by se to asi nějak dalo obejít, ale moc se mi nechtělo. Pspad sice umí hromadně nahrazovat v souborech, ale jen řádkově.
Nakonec jsem našla Hromadný měnič, který je přesně na tohle určen. Umí to nahrazovat bloky textu, umí dokonce i nějaké výrazy, má to undo, zobrazí to seznam souborů, kde se změny provedly a kde ne. Všem lamám mohu vřele doporučit :-)
Update 2019: Opraven odkaz a už to umí i UTF-8!
Marketing related articles - jen takový tip jak nalákat uživatele na prohlížení dalších stránek na webu – najděte přes google další podobný obsah podle refereu a předhoďte mu to
Pure CSS gradient - čistý gradient v css
Simplifying CSS selectors - jak mohou "nevinné" CSS selektory zpomalit weby
A/B testing landing page A/B test vstupní stránky pro hru, překvapivě vyhrává světlé pozadí ... zajímavé, protože všichni tvrdí, že hráči mají radši tmu :-)
Mega drop down menu gallery. Nielsen napsal, že velké rozbalovací menu jsou dobré, a tak vysmátá kočka představuje přehlídku mega drop down menu
CSS text rotation - rotace textu v css teď zrovna frčí – tohle ukazuje, jak otočit kousek textu v chlívku s datumem, třeba na vašem bložínku :-)
Blog na webdesignfromscratch - měsíční newslettery na blogu webdesignfromscratch odkazují na zajímavé zdroje, případně zajímavosti z praxe, třeba v červencovém je case study jak vylepšili konverzi na stránce ... On celý ten web je plný článků a tipů pro webdesign
Web design rules that you can break - 10 pravidel designu, které můžete porušit spolu s chutnými příklady heretických webů :-)
25 classic design articles trochu nostalgie – články, které nejvíc ovlivnily kódování webů .. hmm, su ignorant, většinu jsem nečetla :-)
Jason Santa Maria píše v článku What's golden, že u zlatého řezu i rozdělení na třetiny jsou důležité nejen poměry částí, ale také hranice objektu, aby to mělo patřičný účinek na návštěvníka.
Ale jak tohle zajistit u obrazovky? Prohlížení obsahu na webu není vázáno na specifické zařízení, obrazovku, prohlížeč, ani na standardní velikost. Nemůžete předpokládat, že to návštěvník uvidí tak, jak jste to zamýšleli, například na zařízení návštěvníka se nezobrazí celá šířka stránky ...
A tak navrhuje se na to vykašlat a místo toho používat návrhové vzory pro web, které lépe vyhovují tomu, co od webu očekáváme. Dost zajímavý je odkaz na interaction patterns.
via
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 :-)
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.
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 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 :-)
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 :-)
O parodii na redesign, která se udála v Chaos Sanctuary, o webových fontech a o tom, jak to někdy vypadá divně.
Nejdříve k těm fontům. Ačkoli jsem původně uvažovala o použití SIFR, změnila jsem názor, když jsem našla tento průzkum zastoupení fontů na počítačích a operačních systémech - font survey. Vypadá docela čerstvě, poslední aktualizace je z prosince 2008 a je zde vidět, že některé fonty, které se běžně pro použití na webu nedoporučují, mají v jednotlivých operačních systémech poměrně vysoké procento výskytu, a v CSS se z toho dají sestavit zajímavé kombinace. Např Impact je skoro jistota u Windows i Mac OS. Na Windows mě překvapil vysoký výskyt písma Franklin Gothic Medium, a třeba Sylfaen mi neříkalo nikdy nic, ačkoli prý ho má 95% počítačů s Windows.
Další zajímavý článek o fontech a CSS vyšel na sitepoint.com - 8 Definitive Web Font Stacks.
Ze statistik návštěvnosti posledních měsíců loňského roku jsem zjistila, že skoro 85-87% lidí má Windows, 10% to tutlá, 2% má Linux, 0.5% Mac. 45% používá Firefox, 30% IE, 12% Operu, 1% Safari, Mozillu a zbytek jsou různé podivnosti. Fonty pro Windows by tedy mohly uspokojit většinu návštěvníků ale podíl té lišky zrzavé by mohl dělat problémy, protože některé fonty zbrazuje divně.
Vyzbrojena všemi těmito podezřelými statistikami jsem se tedy na webu fontově rozmáchla. Ale doma to nezkoušejte, tohle totiž nelze považovat za seriozní webdesign, protože je zde použit Comic sans, počet použitých fontů je větší než malý, kolem validity to ani neběželo (to až někdy), a celý vzhled je chaotický mišmaš grafických stylů , jak se na správnou Svatyni Chaosu sluší :-)
K Comic sans v hlavičce nemám co říci, vážená poroto, jen že mi to připadlo jako dobrý nápad.
Texty článků a komentáře pod články jsou Helvetica, aby si to užili ti šťastlivci, co to mají, a Arial, to je pro ty chudé příbuzné.
V nadpisu článků je použité písmo Impact, následované Arial Black a podle browserhots.org, se opravdu nachází na kdejakém windows, a zřejmě i na Mac (povedl se mi jen jeden screenshot) ale na Linuxu nebylo ani v jednom případu. Ačkoli je nutné pro Impact nadefinovat font-weight:normal, nevypadá to ani na tom Linuxu, kde se zvolí nějaký systémový sans-serif, tak špatně (screenshot linux-opera), protože písmo je dost velké. Při menší velikosti Impactu se písmo špatně zobrazovalo ve Firefoxu, a když není zapnuté vyhlazování písma ve Windows, je to pořád škaredě hranaté, chjo :-(
V bočních sloupcích je použité písmo Franklin Gothic Medium, následované Helvetica Neue, protože mi připadalo stejně velké (tedy stejně menší než Arial), v některých případech (u komentářů v bočním sloupci ) následuje Arial Narrow. Firefox má problém s tučnou variantou Franklin Gothic, některá písmena jsou slitá. Calibri bylo ještě o něco menší a ve Firefoxu ten komentářový sloupec vypadal rozplizle, a tak jsem ho nakonec nepoužila. Ptáte-li se, proč tam vlastně je jiné písmo, mám matný pocit, že hlavně proto, že tam být může.
Hlavičky H3 až H5 v textu (moc se tam nevyskytují) a některé nadpisy jsou patkové, aby se odlišily od textu, je tam Palatino Linotype, Palatino a Georgia. Nejlíp je to asi vidět tady.
Ta nadefinovaná písma jsou obsažená hlavně ve Windows a MAC, Linux jsem moc neřešila, protože jednak počet návštěvníků je dost nízký, druhak o písmech v Linuxu nemám páru, a třeťak, lidem, kteří si zvolí operační systém proto, že „má příkazovou řádku“, se pěknýma písmenkama stejně nezavděčíte. A navíc, ono to i tak vypadá čitelně, i když trochu jinak než ve Windows.
Grafika. Hm, to máte tak: jsou blogeři, kteří mají co říct a mají ty MYŠLENKY, které sdělují světu, tak těm stačí bílé pozadí a zabarvené záhlaví blogu. My ostatní holt plácáme na bložínky obrázky. Střídmost patičky neznamená, že bych snad prozřela, ale že mi došla inspirace, protože jsem si v neděli odpoledne bystře přepsala ostrou šablonu zkušebním nedodělkem, a nějak jsem to ukončit musela. Ale něco by to chtělo ... jen co mě to napadne ...
P.S. Už je tu i slibovaný handheld.css, tak jestli máte mobillní prohlížeč, ozvěte se, jestli to pomohlo nebo uškodilo :-)
Dál už to nevede, ale můžete se vrátit nahoru nebo proslídit archiv blogu nebo nakouknout na odkazy, kde najdete dobré čtení, informace o webdesignu od lidí, kteří tomu rozumějí, a taky další moje webíky.
Info o webu: Autor textů a designu a webmaster je SuE (sue@centrum.cz). SuE hrála diablo2, těší se na diablo3, neustále o tom píše a občas si hraje s webem. Jak to dopadá, vidíte sami :-)
Komentáře