Barvy státních vlajek

Včera jsem na jeden web vkládal několik státních vlajek. Zjistil jsem, že se barvy vlajek z různých zdrojů liší. Tak jsem začal pátrat.

Čas od času vkládám do webových stránek státní vlajky. Na webu existuje spousta stránek, které obsahují státní vlajky. Stačí si jen vybrat. Jsou ale státní vlajky nabízené na webu nebo ty, které si sami nakreslíte, správné? Pomíjím skutečnost, že vlajka neodpovídá danému státu nebo má špatnou konstrukci. Jedná se mi o barvy vlajek.

Česká vlajka

Víte, že modrý klín na české vlajce zasahuje do poloviny její délky a vlajka má poměr stran 3:2?

Popis české státní vlajky je uveden v zákoně 3/1993 Sb. Barvy české vlajky jsou dané přílohou 3. Nějak se mi ale nezdají odstíny červené a modré barvy. Ve zdroji, ze kterého jsem čerpal, je barevné provedení tuze pejntbraší a vlajka je vyvedena velmi amatérsky. Celkově to na mě působí dost nevěrohodně. V zákoně jsem nikde nenašel prostou definici jednotlivých barev české státní vlajky. I když mě to vlastně ani nepřekvapuje.

Dobrý zdroj informací

Jako docela dobrý zdroj informací o vlajkách se mi jeví web Flags of the World. Na něm jsem třeba narazil na některé níže uvedené definice barev státních vlajek.

Barvy vybraných státních vlajek
Stát Barva RGB HTML
ČR
Vlajka ČR
červená 215, 20, 26 #D7141A
modrá 17, 69, 126 #11457E
Francie
Vlajka Francie
červená 242, 24, 48 #F21830
modrá 0, 38, 128 #002680
Německo
Vlajka Německa
červená 199, 23, 18 #C71712
zlatá 255, 140, 26 #FF8C1A
Slovensko
Vlajka Slovenska
červená 206, 17, 38 #CE1126
modrá 0, 56, 168 #0038A8
Velká Británie
Vlajka Velké Británie
červená 240, 22, 58 #F0163A
modrá 0, 58, 208 #003AD0

Pár poznámek k obsahu tabulky:

  • Převody barev jsou přibližné. Popisy barev vlajek jsou často uváděny v „newebových“ formátech (PANTONE, RAL atp.), převodní software vrací přibližné hodnoty (často to není možné z podstaty) atp.
  • V tabulce neuvádím černou a bílou barvu.
  • Union Jack má poměr stran 2:1 a německá vlajka 5:3.

Proč píšu o barvách vlajek

Cílem tohoto povídání není zveřejnění vyčerpávajícího seznamu barev všech státních vlajek. Také si nemyslím, že jsem neomylný a výše uvedené hodnoty mohou obsahovat nepřesnosti. Proto uvítám případné připomínky.

Chci především upozornit na skutečnost, že barvy státních vlajek jsou definovány různým způsobem a stejně pojmenované barvy na různých státních vlajkách mohou být odlišné (a často také jsou). No a možná toto povídání o barvách vlajek bude někomu k užitku.

Taky by mě zajímalo, jestli při používání nebo kreslení státních vlajek na svých webech berete v potaz rozdílnost barev, případně odkud vlajky získáváte?

Linky na víkend 218

TopStyle Acquired by Stefan van As
Nick Bradbury prodal svůj skvělý editor TopStyle.
50 Extremely Useful And Powerful CSS Tools
Padesátka užitečných nástrojů pro práci s kaskádovými styly.
WordPress 2.7 Coltrane
Matt Mullenweg – vyšel nový WordPress.
40 Beautiful and Creative Website Footers
Pár patiček pro inspiraci.
WCAG 2.0 is a W3C Recommendation
Matt May
The 10 Simplest Website Tweaks for Designers to Get More Clients
Třeba to bude užitečné.
10 let s Googlem
Vzpomíná Marek Prokop.
HTML-Ipsum
Zajímavý nástroj pro lorem ipsum.
Thunderbird 3 Beta 1 Release Notes
Mozilla Messaging – vydání nové nové testovací verze e-mailového klienta.

Linky na víkend 217

Automatické číslování pomocí kaskádových stylů
David Storey – číslování v CSS 2.1 via CSS counters.
Kódujeme sémanticky s mikroformáty: hAtom
Emily Lewis v překladu Jana Sládka.
What Can or Should Be Included in a Page Title
Ann Smarty – co by taky měl obsahovat titulek stránky.
20 signs you don\’t want that web design project
Jeffrey Zeldman – chcete takového klienta?
Open Monday: Metody vyhodnocování zpětných odkazů
Jiří Koutný – úvod do budování zpětných odkazů.

Koketuji s Web Slice

Internet Explorer 8 přichází s novou funkčností nazvanou Web Slice. Pomocí Web Slice můžete kontrolovat změny na webových stránkách bez toho, abyste na dané stránky v prohlížeči šli. Stačí, abyste měli IE8 nebo nainstalovaný doplněk do svého prohlížeče a stránka musí být pro Web Slice připravena.

Podrobnější informace najdete v článku Subscribing to Content with Web Slices.

Co je Web Slice

Autor stránky vyznačí oblast, která může být webovým prohlížečem automaticky kontrolována. Abyste zjistili, jestli se tato část stránky změnila, nemusíte na stránku přejít. Stačí, když v prohlížeči použijete nástroj, který si vyznačenou část stránky přečte a zobrazí náhled na tento obsah. IE8 zobrazuje Web Slice v panelu Oblíbené položky.

Zelená ikona

Oficiální ikona Web Slice

Web Slice na conBLOGu

Minulý týden jsem nasadil Web Slice tady na conBLOG. Na titulní stránce conBLOGu je vyznačen nejnovější spot. Pokud máte IE8 nebo Firefox s příslušným rozšířením (viz dále) můžete zkusit najet myší na nejnovější spot. Připomínám, že musíte být na titulní stránce conBLOGu.

Jak vyrobit Web Slice?

Když se podíváte do zdrojového kódu titulní stránky conBLOGu, uvidíte, že nejnovější (první) spot na stránce má mírně rozšířený kód:

  1. Spot je obalen do značky div s třídou hslice a id="cb".
  2. Nadpis spotu má přidělenou třídu entry-title.
  3. Obsah spotu má třídu entry-content.

Na podrobný popis Web Slice se můžete podívat třeba na stránku Web Slice Format Specification – Version 0.9.

Web Slice a Firefox

Web Slice je poměrně jednoduchá specifikace. Proto by neměl být problém ji zavést do dalších webových prohlížečů nebo aplikací. Ve Firefoxu můžete vyzkoušet rozšíření WebChunks (právě teď ve verzi 0.20).

Já jsem WebChunks nainstaloval do svého Firefoxu. Když najedu myší na Web Slice na stránce, oblast se spořádaně orámuje a ukáže se ikona. Když na ikonu klepnu myší, zobrazí se dialog pro „předplacení“ zdroje. Zdroj se zobrazí v liště WebChunks toolbar. Až potud je vše OK. Když ale otevřu na liště příslušný zdroj, zobrazí se symbol pro načítání a pak se mi zobrazí jenom prázdné okénko v případě conBLOGu rozsypaná čeština. Zkoušel jsem taky Web Slice ze Živě.cz, ale výsledkem je stejný prázdné okénko rozšíření. Uvidím, jak se pochlapí další verze WebChunks.

Screenshot

Prázdné Pomatené okénko WebChunks

Protože nemám nainstalovaný IE8 tak nevím, jestli se můj Web Slice chová tak, jak by měl. Jestli máte možnost ověřit funkčnost Web Slice na conBLOGu, dejte mi vědět do komentářů.