Díra v HTML (doslova)

Toto je taková techničtější záležitost, ale i tak to napíši na tento blog.

Nejedná se o žádnou bezpečnostní chybu, ale doslova o to, jak vytvořit díru do html elementu, konkrétně kulatou do čtvercového DIVu, například.
Řešení, které by bylo ideální jsem nenašel, přesto že jsem o tom přemýšlel už dlouho. V podstatě jsem došel k jedinému řešení, které alespoň z části vyhovovalo.

Požadavky byly následující:

• vytvořit pouze pomocí HTML a CSS čtverec (div) a v něm díru/kruh
• přes kruh musí být vidět
• přes kruh by mělo jít proklikávat (propouštět události myši na elementy pod naším prvkem - divem)

Jediné řešení, na které jesm přišel, nesplňuje poslední podmínku, našel jsem zde na Stackoverflow řešení pomocí 4 divů, to ovšem vytváří pouze obdélník/čtverec(ale zase splňuje třetí požadavek).

Moje řešení je inspirováno dalším řešením, které je také probíráno na Stackoverflow (u toho samého dotazu), kde se prvku nastaví transparentní pozadí a pracuje se s okraji. To už je vlastně mé řešení (takže není tak úplně moje), pouze používám border-radius a druhý DIV, který pokryje rohovou oblast.

řešení si můžete prohlédnout zde:

PRUH s malým z-index'em

Zde v HTMLWebEditoru si můžete po vložení následujícího kódu do levé části aplikace s řešení pohrát (omlouvám se za prasárny v kódu a možnou nekompatibilitu se staršími prohlížeči, jsem línej).

<div id="ctverec">

   <div id="ctverec2"></div>

</div>



<div id="pruh">PRUH s malým z-index'em</div>

<style>

#rightcont
{
background-color:red;
}

#ctverec
{
position:relative;
width:100px;
height:100px;
background-color:transparent;
border:45px solid blue;
z-index:10;
border-radius:95px;

}

#ctverec2
{
position:relative;
width:100px;
height:100px;
top:-45px;
left:-45px;
background-color:transparent;
border:45px solid blue;
z-index:10;
}

#pruh
{
position:relative;
height:15px;
width:550px;
top:-100px;
background-color:yellow;
z-index:9;
color:black;
}

</style>

Nefunkčnost proklikávání lze demonstrovat pokusem upravit text žlutého pruhu (musí být v aplikaci zatrženo "Editovatelné"), vše ostatní editovat lze.

Také můžete zkusit prohodit id ctverec a ctverec2 ;)

Pokud máte někdo lepší řešení, napište ho prosím do komentáře.

Klapzubova jedenáctka

Na internetu se objevila řetězovka, do které jsem byl zatáhnut @zZatnaktelem.
Budu v ní pokračovat, i když je to trochu nelogické, dočtete se proč.

 

Návod jak na to:

• Napiš o sobě 11 zajímavostí.
• Odpovíš na 11 otázek od blogera, který tě nominoval.
• Vymyslíš 11 otázek pro dalších 11 blogerů… a uvidíš, co bude dál!

Zajímavosti o mně:

1. Nemám rád řetězovky.
2. V češtině nevynikám, přesto nemám rád, až přímo nesnáším prznění (hlavně to úmyslné) českého jazyka.
3. Mám rád moderní technologie ale rád si představuji, jak to asi vypadalo dřív a to, že to mělo jakési kouzlo.
4. Nerad se hádám.
5. Šíleně prokrastinuji. (Ano, sere mě to)
6. Mám rád lidi. Nemám rád ty, co jsou údajně lidé, ale nechovají se tak.
7. Rád jezdím na inlinech.
8. Používám linux, jsem na to hrdý, ale nesnažím se o to ho všem vnucovat, přece jen je to svobodný software.
9. Miluju šaliny. (a taky přítelkyni)
10. Ovládám entropii. (tu v mém pokoji obzvlášť)
11. Jsem asociál ale léčím se (snažím se o to, pouze domácí léčba, na terapie bych nechodil, na to jsem moc velkej asociál)

11 otázek od Zata: 

 

1. Jsi podle svého názoru geek? A podle čeho tak soudíš?
 To je těžké, vnitřně se za geeka považuji, ovšem nikde to nechci říkat, chci aby si lidé udělali názor sami, sám sebe posuzovat je trochu zkreslené. Jde to odvíjet podle mých zájmů, podle nich, nechť mě lidé odsoudí.


2. Jaký vztah máš k často zmiňované politice českého státu?
Jsem línej, kdybych nebyl, už by na tomto blogu byl článek o návrhu mého vlastního politického systému - Informačně/Inteligenční Demokracie, třeba se k tomu časem dostanu. Jinak, v naší politice je spousta věcí nastavena imho fatálně špatně.

3. Jak ty a vaření?
Vaření? Ale jo, brambory bych si zvládl uvařit, poslední dobou sem tam dělám langoše (s přítelkyní) a sem tam si něco opeču na pánvičce. Jinak sem tam instantní polévky atd...

4. Jak podle tebe funguje svět v roce 2055?
Opět, jsem línej, jinak by tu už byl článek na podobné téma, nevím a možná raději ani nechci vědět, jak to tu bude doopravdy vypadat, ale možná že to v jiných koutech bude ta vysněná budoucnost, možná se o tom někdy rozepíši víc. 

5. Žiju v… ?
 Chaosu, který si říká život a ani k němu nejsou zdrojové kódy. Ale alespoň tu funguje funkce random, ikdyž je to někdy proti mně.

6. Jakou máš podle sebe asi povahu? Je to dobře, nebo špatně? A co pro to udělat?
Jakou mám povahu, to je těžký, opět, nemohu soudit sám sebe, teda mohu ale nebude to objektivní, ať si lidé udělají názor samy, v jádru jsem takovej, jakej jsem a to se nezmění, ale některé vlastnosti, které jsou více jsem ochoten zkusit změnit, pokud to uznám za dobrý nápad.


7. Knížky čteš? Upřednostňuješ nějaké literární žánry?
Poslední dobou vůbec, ale přesto mi ta představa není vzdálená, pár knížek k maturitě jsem přečetl a bylo to dobrý, rád bych četl ale není čas a jsem línej (to hlavně :( ). Žánr je mi ukraden, hlavně když se mi to bude líbit, výborná knížka je: to snad nemyslíte vážně pane feynmane. Tu doporučuji všem :)

8. Co si myslíš o vegetarinánech?
To je jejich věc, já dodržuji moje zásady, oni svoji, nevadí mi, sám jím nejsem, takže k nim mám naprosto neutrální vztah.

9. Kterou školu jsi studoval(a)/studuješ?
Minulej školní rok to bylo gymnázium, nyní FI MUNI, osobně nevím, jak dlouho tam vydržím, z matiky mám strach a nejen z matiky, ještě ze své lenosti.

10. Věříš v lepší zítřky, nebo se přizpůsobuješ aktuálnímu životu?
Momentálně se přizpůsobuji, ovšem mám určitý výhled a ideu, jak by mohla vypadat moje budoucnost, jen tu cestu k tomu nelze naplánovat dopředu, takže se musí plánovat průběžně přizpůsobováním. 

11. Jaký názor máš na život v zahraničí?
To je těžký říct, obecně to může být někde lepší a někde horší, ovšem vše má svoje plusy a mínusy... Znám lidi, se kterýma je reálné, že se s nimi budu během 1-2 let bavit, kteří pochází z různých zemí (Kanada, Švédsko a Lotyšsko), třeba si časem tento názor specifikuji, ale zatím je to pro mě téměř bezpředmětná otázka.

Uff a teď poslední část.

11 Otázek pro pokračovatele:

1. Jak jsi se dostal/a ke twitteru?
2. Jaký máš názor na homosexuální osoby?
3. Proč si myslíš, že jsem poslal jedenáctku právě tobě?
4. Co ti připomíná číslo jedenáct?
5. Kolik běžně míváš v prohlížeči otevřených panelů?
6. Kdybys měl/a možnost jednou jedinkrát cestovat v čase, bez možnosti návratu a tuto cestu by jsi směl/a podniknout pouze ty, jako jediný/á na světě, využil/a by jsi to?
7. Co si myslíš o spojení alkoholu a společnosti?
8. Co si myslíš, že bude jednou příčinou konce světa? (myšleno jako vyhynutí lidského rodu)
9. Jaký máš názor na mě? Jsem podle tebe geek?
10. Chtěl bys být slavný/á?
11. Co ti nejvíce vadí na tvém současném životě?

Tak a teď už jen vypsat ony osoby, doufám, že se netrefím na někoho, kdo už jedenáctku posílal, pokud ano, omlouvám se:

1. @GrezCZ
2. @Giruska
3. @Pulkrt
4. @ajtak69
5. @baegus
6. @beavis_cz
7. @LittlePiggo
8. @Andryk91
9. @Svarcbachova
10. @vavracz
11. @wUFr 

Tak a je to :) Konečně jsem se k něčemu dokopal a to díky @zZatnaktel'ovi

Zajímavosti týdne #3 || 29.10-4.11.2012

Tento, třetí, týden, bude velice zajímavý, bude totiž Linuxalt a já poznám spoustu nových lidí a potkám se s lidmi které znám ale nevídám se s nimi moc často :)

Ale linuxalt bude až o víkendu, takže teď budou ještě následovat klasické novinky a zajímavosti.

• LinuxAlt 

Víc jsem toho nestihl posbírat, ale linuxAlt to vše vynahradil :)

Zajímavosti týdne #2 || 22-28.10.2012

Máme tu další týden, tak snad bude EU už klidnější, než tomu bylo ten minulý.

• Zjistil jsem, jak je svět (naše fakulta) malej, chodím do cvika se slečnou o které mi vyprávěl kamarád, co chodí na stejnou školu, možná se to nezdá ale je to docela veká náhoda
• No a aby nebyl tak malý, tak je ještě menší, pro změnu jsem potkal v menze jednoho kluka z vedlejší vesnice, netušil jsem co studuje a kde, teď už vím (asi tak 5 let jsem s nim nemluvil)
• @Rionce se doma objevily myšátka a tak se hemží věude po twitteru, tady mají galerii
• Úterý večer: všichni tweetují o apple a nebo o tom jak všichni tweetujou o applu...
• @DavidGrudl provedl pěknou sviňárnu Fukovi: https://twitter.com/DavidGrudl/status/261151620342108160
• Na některých místech republiky začíná sněžit
• V noci ze soboty na neděli jsme cestovaly časem:)

Zajímavosti týdne #1 || 15-21.10.2012

Dnes publikuji první ze série článků, ve kterých budu vždy zhodnocovat, co se stalo za uplynulý týden. Hlavní události a další věci, které mě zaujaly, také třeba vtipy, nové produkty či nejrůznější akce. Většinou to budou výtažky z twitteru.


Tyto články bych rád vydával každý týden a to na přelomu neděle/pondělí. Jak se znám, asi to ne vždy přesně dodržím ale budu se snažit. Zajímavosti budou seřazeny chronologicky (na co narazím, to sem napíši a na konci týdne to vše odešlu).

Zde už následují zajímavosti tohoto týdne:

• v pondělí se rozšířila informace, že EU plánuje omezování grafických karet, psalo se o tom zde na diitu - to ten týden nezačal moc dobře - palec dolů a prostředníček namířit na EU
• narazil jsem na vtipný obrázek s dráčkem: zdroj: @Majkler

• další zajímavostí je opět obrázek, tentokrát od @Katerina C.

  

no a zbytek týdne se mluvilo hlavně o výsleku voleb a o tom jak EU všechno zakazuje, já zítra píšu vnitrosemestrálku z matiky a nějak to nedávám, blíží se 21.12.2012 :)

Jo a koupil jsem si první app přes google wallet a to WolframAlpha :)

Nová škola, nový život, nový blog

V poslední době se v mém životě změnilo hodně věcí, největší změnou asi byl přechod ze střední školy na výšku. S tím je spojena spousta dalších věcí, pravidelně jsem v Brně, musím si sám zařizovat mnohem víc věcí no a taky jsem začal trochu víc hrát foursquare. Za to teda mohla částečně i další změna a to nový telefon. Také už mám bankovní účet s kreditkou, takže si mohu dopřát sem tam aplikaci za pár korun z google play (jsem chudý student) a také platit další drobnosti z pohodlí domova.

Další novou věcí je to, že jsem se díky další akci konečně rozhoupal k webhostingu u Wedosu. To byl druhý krok k založení blogu na subdoméně blog.dejv92.eu. Prvním krokem bylo to, že jsem si řekl, že bych to tak mohl udělat. Posledním krokem bylo už jen zřízení blogu a díky lenosti jsem rezignoval na to, psát si vlastní blogovací systém (ovšem do budoucna to nevylučuji) a rozhodl se blog realizovat pomocí Googlovského bloggeru. Pak stačilo přenastavit DNS záznamy a bylo to.

Poslední věc, která mě donutila založit tento blog, byla diskuze na twitteru, konkrétně to byla tato diskuze.

Tak snad to nebylo to poslední, co jsem sem napsal. Lenost je silná věc se kterou se musí bojovat, zatím prohrávám, ale možná mám ještě šanci.