Open source softwarový stack ROCm (Wikipedie) pro vývoj AI a HPC na GPU od AMD byl vydán ve verzi 7.0.0. Přidána byla podpora AMD Instinct MI355X a MI350X.
Byla vydána nová verze 258 správce systému a služeb systemd (GitHub).
Byla vydána Java 25 / JDK 25. Nových vlastností (JEP - JDK Enhancement Proposal) je 18. Jedná se o LTS verzi.
Věra Pohlová před 26 lety: „Tyhle aféry každého jenom otravují. Já bych všechny ty internety a počítače zakázala“. Jde o odpověď na anketní otázku deníku Metro vydaného 17. září 1999 na téma zneužití údajů o sporožirových účtech klientů České spořitelny.
Byla publikována Výroční zpráva Blender Foundation za rok 2024 (pdf).
Byl vydán Mozilla Firefox 143.0. Přehled novinek v poznámkách k vydání a poznámkách k vydání pro vývojáře. Nově se Firefox při ukončování anonymního režimu zeptá, zda chcete smazat stažené soubory. Dialog pro povolení přístupu ke kameře zobrazuje náhled. Obzvláště užitečné při přepínání mezi více kamerami. Řešeny jsou rovněž bezpečnostní chyby. Nový Firefox 143 bude brzy k dispozici také na Flathubu a Snapcraftu.
Byla vydána betaverze Fedora Linuxu 43 (ChangeSet), tj. poslední zastávka před vydáním finální verze, která je naplánována na úterý 21. října.
Multiplatformní emulátor terminálu Ghostty byl vydán ve verzi 1.2 (𝕏, Mastodon). Přehled novinek, vylepšení a nových efektů v poznámkách k vydání.
Byla vydána nová verze 4.5 (𝕏, Bluesky, Mastodon) multiplatformního open source herního enginu Godot (Wikipedie, GitHub). Přehled novinek i s náhledy v příspěvku na blogu.
Byla vydána verze 3.0 (Mastodon) nástroje pro záznam a sdílení terminálových sezení asciinema (GitHub). S novou verzí formátu záznamu asciicast v3, podporou live streamingu a především kompletním přepisem z Pythonu do Rustu.
Ř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: