Úprava převodních tabulek
Už hodně dlouho jsem nedělal žádné změny na webu conVERTER. Dnes dopoledne jsem trochu vyladil některé tabulky.
Mým cílem bylo zlepšení vzhledu a čitelnosti textu v převodních tabulkách fyzikálních jednotek. Původní vzhled tabulky byl poměrně dost "naňachňaný". Výrazný barevný podklad hlavní jednotky mi taky moc neseděl:
Původní vzhled tabulky
Proto jsem provedl několik úprav:
Nová tabulka
Jak už jsem psal, tak hlavní myšlenkou bylo zlepšení čitelnosti obsahu tabulky. Upravil jsem tyto věci:
Zvětšil jsem mezeru mezi řádky. CSS vlastnost line-height jsem nastavil na hodnotu 140%. Větší rozestup řádků na webových stránkách zlepšuje čitelnost textu.
Zvětšil jsem odstup textu od mřížky tabulky (vlastnost padding). Větší je levý a horní okraj než dva zbývající. Větší mezery zvýrazňují sloupce i řádky. Více místa nad odstavcem dělá text opticky stabilnější.
Změnil jsem barvu pozadí prvního řádku s tzv. hlavní jednotkou. Původně hodně jásavé červené pozadí jsem zmírnil změnou barvy na okrově hnědou.
Zkušebně jsem nasadil jQuery, kterým měním barvu lichých řádků a dělám hover efekt řádků, na kterých je kurzor myši. Použil jsem kód z článku Tutorials:Zebra Striping Made Easy.
Nové tabulky jsou třeba na stránkách plošný obsah nebo hmotnost.
Už hodně dlouho jsem nedělal žádné změny na webu conVERTER. Dnes dopoledne jsem trochu vyladil některé tabulky.
Mým cílem bylo zlepšení vzhledu a čitelnosti textu v převodních tabulkách fyzikálních jednotek. Původní vzhled tabulky byl poměrně dost "naňachňaný". Výrazný barevný podklad hlavní jednotky mi taky moc neseděl:
Původní vzhled tabulky
Proto jsem provedl několik úprav:
Nová tabulka
Jak už jsem psal, tak hlavní myšlenkou bylo zlepšení čitelnosti obsahu tabulky. Upravil jsem tyto věci:
Zvětšil jsem mezeru mezi řádky. CSS vlastnost line-height jsem nastavil na hodnotu 140%. Větší rozestup řádků na webových stránkách zlepšuje čitelnost textu.
Zvětšil jsem odstup textu od mřížky tabulky (vlastnost padding). Větší je levý a horní okraj než dva zbývající. Větší mezery zvýrazňují sloupce i řádky. Více místa nad odstavcem dělá text opticky stabilnější.
Změnil jsem barvu pozadí prvního řádku s tzv. hlavní jednotkou. Původně hodně jásavé červené pozadí jsem zmírnil změnou barvy na okrově hnědou.
Zkušebně jsem nasadil jQuery, kterým měním barvu lichých řádků a dělám hover efekt řádků, na kterých je kurzor myši. Použil jsem kód z článku Tutorials:Zebra Striping Made Easy.
Nové tabulky jsou třeba na stránkách plošný obsah nebo hmotnost.
Související články
Kromě výpisu dat ze závislých tabulek je potřeba tato data také nějak ukládat. Osobně používám tento přístup:
6. března 07, 10:03
PHP triky
Netrvalo dlouho a objevila se první vlašťovka generující google grafy přímo z dat v tabulkách.
9. ledna 08, 06:01
Linkuj.cz
Pro ukládání dat do MySQL databáze rád používám úložiště InnoDB. Dvěmi klíčovými výhodami proti MyISAM tabulkám je funkčnost transakcí a podpora cizích klíčů.
Výkon InnoDB se také postupně zvyšuje, ale rychlost vkládání ...
16. května 08, 12:05
PHP triky
Dejme tomu, že máme v databázi objekty různého typu, např. hotely a auta. Nad všemi těmito objekty ale chceme provádět nějaké operace, např. vytvářet objednávky. Jakým způsobem navrhnout a provázat tabulky?
Asi nejpřímočařejší ...
31. červenece 08, 12:07
PHP triky
Megablog.it je největší italský komunitní systém, je v něm registrováno přes 4.000 aktivních komunit (každá z nich s až několika tisíci uživateli) a slouží pro více než 200.000 členů.. (428 slov)
19. června 07, 06:06
Weblogy.cz
Jak v PHP vytvořit jeden RSS kanál z více databázových tabulek?
29. srpna 07, 12:08
Linkuj.cz
Popis siutace:
Rád bych ve firmě nasadil nějaký systém, který by umožňoval tvorbu a editaci tabulek více uživateli.
Souvisí to s mojí snahou nasadit nějaký funkční CRM / ERP systém, který by běžel v Linuxu a mohl být protiváhou
komerčním win řešením. Přestože úspěšně používáme některé moduly z eGroupware, narazil jsem nyní na potřebu
týmové spolupráce při tvorbě a editaci tabulek.
V podstatě by byla vyhovující něco jako google spreadsheet. Ale rád bych, aby to běžel...
27. červenece 07, 06:07
abclinuxu - blogy
Pokud někdy fotíte přírodu digitálním foťákem, jistě jste už zjistili na problém, že obloha nevypadá tak hezky, jako ve skutečnosti byla. Zvláště pokud máte namířeno proti slunci..
23. června 07, 12:06
Linkuj.cz
Nazdar bazar řiťomyjové! :-)
jednoduše bych potřeboval upravit jedne prográmek co používám na pro čištění adresářů ve kterých mám data vytvářené programek Pro/E. A za prachy! voe!
25. ledna 08, 06:01
abclinuxu - blogy
Ve chvíli, kdy se začátečník dostatečně seznámí se svým digitálním fotoaparátem, začne fotit větší množství fotografií. Z minula už víme, jaké programy může využít ke správě své sbírky, dnes si řekneme něco o programech, které mu pomohou fotografie upravit tj. vylepšit vlastnosti nasnímaných obrázků z hlediska softwarového.
14. prosince 08, 01:12
Root.cz
Popis úpravy fotografií v bezplatné online aplikaci Picnik s možností uložení do počítače, Flickru a dalších online služeb.
28. června 07, 12:06
Linkuj.cz
Další skvělá vlastnost v Google Maps. Zobrazovanou trasu si můšete upravit a přizpůsobit pomocí myši.
30. června 07, 05:06
Linkuj.cz
Názorná ukázka použití online služby pro editaci videa. Pro méně zkušené uživatele je připraven videonávod krok za krokem s popisky v češtině.
9. červenece 07, 12:07
Linkuj.cz
Každý fotograf jistě zná pravidlo že fotit proti slunci je špatné a nemá se to. Někdy ale nastane situace, kdy nemáme na výběr. Tady je nutné fotku následně upravit v počítači. Postup úpravy fotek jsem si nenechal pro sebe
28. září 07, 12:09
Linkuj.cz
Netušíte, k čemu může být dobrý online fotoeditor? Anebo jen hledáte ten pravý? Dnad vám budou inspirací následující řádky.
31. červenece 08, 02:07
Živě.cz
Dnes nás čeká další zfunkcí Blendu které využijete téměř vždy při tvorbě kterékoliv aplikace Tou je možnost úpravy výchozí šablony ovládacích prvků nás bude zajímat konkrétně tlačítko Vprvní části uděláme kompletní vzhled tlačítka.
Budeme pokračovat v tvorbě nového tlačítka vzhled už máme dnes doděláme reakce na události animace a možnost přidání popisku na tlačítko.
23. října 08, 10:10
Programujte - články
Úprava světla a barev dokáže udělat z obyčejné fotografie něco víc! No nedali byste si taky tortilu? :o)
18. února 08, 06:02
Linkuj.cz
Na testovací verzi hledání je vidět rozdíl mezi současnou a novou verzí.
7. dubna 08, 09:04
Weblogy.cz
