Společnost Raspberry Pi patřící nadaci Raspberry Pi chystá IPO a vstup na londýnskou burzu.
Google na své vývojářské konferenci Google I/O 2024 představil řadu novinek. Keynote byl věnován umělé inteligenci (DeepMind, Gemini, Responsible AI).
V Gitu bylo nalezeno 5 zranitelností. Opraveny jsou ve verzích 2.45.1, 2.44.1, 2.43.4, 2.42.2, 2.41.1, 2.40.2 a 2.39.4. Útočník může připravit repozitář tak, že při jeho klonování (git clone) může dojít ke spuštění libovolného kódu.
Virtualizační softwary VMware Workstation Pro a VMware Fusion Pro jsou nově pro osobní použití zdarma. Softwary VMware Workstation Player a VMware Fusion Player končí.
Linuxová distribuce Endless OS (Wikipedie) byla vydána ve verzi 6.0.0. Přehled novinek i s náhledy v příspěvku na blogu, poznámkách k vydání a také na YouTube.
Byl vydán Mozilla Firefox 126.0. Přehled novinek v poznámkách k vydání, poznámkách k vydání pro firmy a na stránce věnované vývojářům. Vylepšena byla funkce "Zkopírovat odkaz bez sledovacích prvků". Přidána byla podpora zstd (Zstandard). Řešeny jsou rovněž bezpečnostní chyby. Nový Firefox 126 je již k dispozici také na Flathubu a Snapcraftu.
Grafana (Wikipedie), tj. open source nástroj pro vizualizaci různých metrik a s ní související dotazování, upozorňování a lepší porozumění, byla vydána ve verzi 11.0. Přehled novinek v aktualizované dokumentaci.
Byla vydána nová verze 24.0 linuxové distribuce Manjaro (Wikipedie). Její kódové jméno je Wynsdey. Ke stažení je v edicích GNOME, KDE PLASMA a XFCE.
Byla představena oficiální rozšiřující deska Raspberry Pi M.2 HAT+ pro připojování M.2 periferii jako jsou NVMe disky a AI akcelerátory k Raspberry Pi 5. Cena je 12 dolarů.
V Praze o víkendu proběhla bastlířská událost roku - výstava Maker Fair v Praze. I strahovští bastlíři nelenili a bastly ostatních prozkoumali. Přijďte si proto i vy na Virtuální Bastlírnu popovídat, co Vás nejvíce zaujalo a jaké projekty jste si přinesli! Samozřejmě, nejen českou bastlířskou scénou je člověk živ - takže co se stalo ve světě a o čem mohou strahováci něco říct? Smutnou zprávou může být to, že provozovatel Sigfoxu jde do
… více »Řešení dotazu:
.křivej_nadpis { display: block; padding: 0; width: šířka obrázku; height: výška obrázku; background: barva top left no-repeat url(obrázek); }
<h2 class="křivej_nadpis">nadpis <div class="ramecek levy"></div> <div class="ramecek pravy"></div> <div class="ramecek horni"></div> <div class="ramecek spodni"></div> </h2>CSS:
.křivej_nadpis { display: block; padding: A B C D; position: relative; background: libovolné pozadí nadpisu; } .křivej_nadpis .ramecek { position: absolute; padding: 0px; margin: 0px; background; transparent top left; } .křivej_nadpis .ramecek.horni { /* žádná mezera před 3. tečkou */ top: 0px; left: 0px; width: 100%; height: A; background-image: url(horní okraj obrázku); z-index: dle potřeby a obrázků; } .křivej_nadpis .ramecek.pravy { top: 0px; right: 0px; width: B; height: 100%; background-image: url(pravý okraj obrázku); z-index: dle potřeby a obrázků; } .křivej_nadpis .ramecek.spodni { bottom: 0px; left: 0px; width: 100%; height: C; background-image: url(spodní okraj obrázku); z-index: dle potřeby a obrázků; } .křivej_nadpis .ramecek.levy { top: 0px; left: 0px; width: D; height: 100%; background-image: url(levý okraj obrázku); z-index: dle potřeby a obrázků; }V podstatě je to velmi jednoduché. Do nadpisu jsou přidané čtyři divy, které jsou prázdné a absolutně pozicované vrámci stylovaného nadpisu. Každý z těch čtyř divů překryje jednu hranu nadpisu a přilehlé rohy. Padding nadpisu se pak postará o to, aby obsah nebyl překrytý. Jediné co, tak to potřebuje jednobarevné okolní pozadí.
<h2 class="křivej_nadpis"> <div class="ramecek levy"> <div class="ramecek pravy"> <div class="ramecek horni"> <div class="ramecek spodni"> nadpis </div> </div> </div> </div> </h2>V CSS je pak jen potřeba nastavit vhodný padding a obrázek na pozadí.
.křivej_nadpis { padding: 0px; background: transparent; position: relative; /* aby margin sousedů nekecal do umístění obsahu */ } .křivej_nadpis .ramecek { display: block; padding: 0px; margin: 0px; background: transparent; } .křivej_nadpis .ramecek.horni { padding-top: A; background: transparent top center no-repeat url(horní okraj); } .křivej_nadpis .ramecek.pravy { padding-right: B; background: transparent center right no-repeat url(pravý okraj); } .křivej_nadpis .ramecek.spodni { padding-bottom: C; background: transparent bottom center no-repeat url(spodní okraj); } .křivej_nadpis .ramecek.levy { padding-left: D; background: transparent center left no-repeat url(levý okraj); }Je to bezproblémová technika a lze vykouzlit i skutečně průhledné okraje. Na druhou stranu je trošku těžší umístit jednotlivá pozadí do jednoho obrázku, aby se ušetřily HTTP requesty.
Tiskni Sdílej: