xom`s pinion - Tom Hnatovsky Blog
32 klávesových zkratek MS Excel
Práce s počítačem je v dnešní době nedílnou součástí prakticky kteréhokoliv zaměstnání. Pod pojmem práce s počítačem se rádo rozumí, že daný člověk zvládá napsat a vytisknout prezidentský slib z Wordu, nebo si v Excelu spočítat a evidovat kolik kafí během práce vypil.
Pokud si eviduje to kafe, tak se pojďme naučit pár klávesových zkratek, které vám evidenci ulehčí!
Editace aktuální buňky – F2
Uložit jako – F12
Opakování poslední akce – F4
Odřádkování v buňce – Alt + Enter
Vložit komentář – Shift + F2
Nový list – Shift + F11
Vybrat sloupec – Ctrl + mezerník
Vybrat řádek – Shift + mezerník
Výběr okolních buněk – Ctrl + Shift + 8 nebo Ctrl + *
Duplikace buňky nad aktivní buňkou – Ctrl + d
Duplikace buňky vpravo aktivní buňky – Ctrl + r
Pohyb mezi bloky buněk – Ctrl + směrové šipky (v závislosti na požadovaném sméru)
Pohyb mezi listy – Ctrl + PageUp/PageDown
Suma – Alt + =
Přidat / Odstranit řádek – Ctrl + + / -
Okraj kolem výběru – Ctrl + Shift + 7
Odebrat okraj kolem výběru – Ctrl + Shift + -
Formát buňky – měna – Ctrl + Shift + 4
Formát buňky – procenta – Ctrl + Shift + 5
Formát buňky – datum – Ctrl + Shift + 3
Formát buňky – čas – Ctrl + Shift + 2
Formát buňky – na dvě desetinná místa – Ctrl + Shift + 1
Ukázat označené buňky – Ctrl + Backspace (užitečné, když myší sjedete tak, že máte označené buňky mimo obrazovku)
Seskupit sloupce / řádky – Alt + Shift + pravá šipka
Oddělit sloupce / řádky – Alt + Shift + levá šipka
Skrýt řádek – Ctrl + 9
Ukázat skrytý řádek – Ctrl + Shift + 9
Skrýt buňku sloupec – Ctrl + 0
Ukázat skrytý buňku sloupec – Ctrl + Shift + 0
První buňka na listu – Ctrl + Home
Poslední vyplněná buňka na listu – Ctrl + End
Teď si už pracuji s evidencí vypitých káv mnohem rychleji a vy také. Pokud znáte nějaké další fígle, kterými si můžete v Excelu usnadnit práci, tak mě doplňte.
CSS Naked Day 2008
Když jsem v noci publikoval článek ohledně CSS stylů, tak jsem projížděl archív článků, abych našel adresu tematického obrázku, tak jsem našel post ohledně CSS Naked Day. Vzhledem k tomu, že byl dne 5.4.2007, tak jsem předpokládal, že akce vyšuměla a již ho nikdo nebude držet. Jaké bylo překvapení, když jsem zjistil, že autor této svlékací taškařice vyhlásil nahatým svátkem dnešek – takže, užívejte si svlečený pinion.
Další čeští naháči: Jirka Bureš (Nahaláč 2008), Honza Tichý (Webová erotika)
CSS záměna obrázku při najetí myši
Různých metod na efekty po najetí myši na obrázek je mnoho. Dlouhou dobu byly oblíbené JavaScripty využívající onmouse akce. S širší podporou CSS v prohlížečích začali kódéři používat k záměnám obrázků kaskádové styly. Dnes se zmíním o metodě, kterou jsem si vymyslel ráno, když jsem šel pro čerstvé pečivo.
Na začátku každého řešení je nějaký požadavek – já si definoval, že chci mít odkaz na RSS okořeněný pěknou ikonkou, která změní po najetí myši na odkaz barvu. Samozřejmostí je, že řešení musí fungovat ve všech aktuálních prohlížečích.
Kdybych neměl ještě další podmínku, kterou prozradím ve druhém řešení, tak bych postupoval následovně. Grafické stavy ikony bych si uložil do jednoho souboru pod sebe a po najetí myši bych hýbal pozadím nahoru a dolů.
HTML kód ukázky:
<p class="metoda1">
RSS kanál - najeď myší
</p>
CSS kód ukázky:
.metoda1 a {
background: url('rss_icon.gif') top left no-repeat;
padding: 0 0 0 25px;
line-height: 20px;
display: block;
}
.metoda1 a:hover {
background: url('rss_icon.gif') bottom left no-repeat;
}
Problém nastane, pokud uměle zvětšíme velikost písma – na pozadí jsou vidět oba stavy. Napadají mne dva způsoby, jak tomu předejít..
- Nechat na obrázku mnohem větší mezeru mezi oběma stavy, čímž rychle vyřešíme problém, ale zatížíme klienta větší mírou stahovaných dat – větší obrázek.
- V odkazu vytvořit nesémanticky prázdný span, který bude mít rozměry ikony a pozadí měnit v něm.
HTML kód ukázky:
<p class="metoda2">
RSS kanál - najeď myší
</p>
CSS kód ukázky:
.metoda2 a span {
background: url('rss_icon.gif') top left no-repeat;
width: 20px;
height: 20px;
line-height: 20px;
display: block;
overflow: hidden;
float: left;
}
.metoda2 a:hover span {
background: url('rss_icon.gif') bottom left no-repeat;
}
Jak je vidět, tak to funguje, ale chudák ikona se nám s velkým textem ztrácí.
Nyní přichází na řadu moje ranní rohlíková metoda.. Idea je prostá. Pokud umožníme uživateli měnit velikost písma, tak mu umožněme měnit i velikost ikony. Jenže tady narážíme na problém, že umístěný obrázek na pozadí neumějí všechny prohlížeče při manipulaci s velikostí textu měnit. Proto je základem obrázek vytáhnout ven do textu.
Umístěním obrázku v textu sice přicházíme o jeho jednoduchou záměnu při přechodu na jiný stylopis, ale jsme schopni ovlivnit jeho velikost. Záleží na konkrétní situaci, co je nejvhodnějším řešení.
Bystřejší jistě namítají, že jsme si moc nepomohli, protože definice obrázku v pixelech nám jeho zmenšovaní / zvětšování nedovolí, ale my necháme pixely v dáli a rozměry nadefinujeme v relativních jednotkách, já volím em.
Rozměry daného obrázku tedy budeme muset přepočítat, zde je dobrým nástrojem Em Calculator. Rozměry obrázku závisejí na velikosti okolního textu daného rodičovského elementu, problematice relativního webu se budu velice brzy věnovat v několikadílném seriálu, v ukázce předpokládám velikost okolního textu na základní hodnotě 1em v celém dokumentu.
RSS kanál - najeď myšíHTML kód ukázky:
<p class="metodaxom">
RSS kanál - najeď myší
</p>
CSS kód ukázky:
.metodaxom a {
display: block;
height: 1.25em;
overflow: hidden;
line-height: 1.25em;
}
.metodaxom img {
vertical-align: top;
height: 2.5em;
border: 0;
margin: 0;
}
.metodaxom a:hover img {
margin: -1.25em 0 0 0;
}
.metodaxom a:hover {
_padding: 0 0 1.25em 0;
_margin: 0 0 -1.25em 0;
}
V kódu uvádím dva řádky pro hover odkazu s podtržítkovým hackem, který tyto vlastnosti poskytuje pouze prohlížečům IE < 7. Podtržítkový hack není validní metoda, ale pro přehlednost ukázky je nejvhodnější. Dodatečná definice je pro tyto starší prohlížeče nutná.