V MikroTik RouterOS bylo nalezeno šest zranitelností společně pojmenovaných MikroTrick umožňujících útočníkovi, pokud má přístup k SSH, získat plnou kontrolu nad zařízením bez nutnosti autentizace. Ve verzích RouterOS 7.25beta3, 7.24.2, 7.23.4 a 6.49.21 je již opraveno.
Byla vydána verze 9.5 open source unixového operačního systému NetBSD (Wikipedie). Přehled novinek v poznámkách k vydání. Jedná se poslední vydání řady NetBSD 9. Doporučen je přechod na NetBSD 11 nebo NetBSD 10.
Akční adventura State of Mind je na portále GOG.com zdarma, akce trvá do 10. září.
Na Kickstarteru běží kampaň na podporu malého robotický psa Petoi Quaddle. Postaven je na ESP32-S3. V několika variantách. S řadou senzorů. Programovat lze pomocí Pythonu, C++ nebo i vizuálních bloků. Zkoušet a trénovat lze v simulátoru.
Dětem začala škola a nedobrovolně se tak musí vzdělávat. Avšak pro dospělé, kteří se chtějí vzdělávat nebo naopak se o vědomosti podělit, je tu Virtuální Bastlírna - jako každý měsíc si můžete online a zdarma nezávazně popovídat o vědě a technice nejen s bastlíři, ale i s vývojáři, vědci nebo profesory. A čemu se strahováci budou věnovat? Blíží se KiCAD 11 s nespočtem novinek, z nichž zde musí zmínit alespoň možnost kótování a závislostí z
… více »Asahi Linux, tj. Linux pro Apple Silicon, oficiálně podporuje čipy M3 (M3, M3 Pro a M3 Max).
Společnost Acer oslavila 50 let. Na tiskové konferenci next@acer představila řadu novinek. Vypíchnout lze přenosný ePaper displej Acer EP130K, přenosné řešení se třemi displeji Acer PD163Q P3 nebo herní handheld a notebook v jednom DualPlay Mini.
Server SiFive BigSky SF-2U870 2U je založený na jádře SiFive P870-D, zatím je naintegrovaných 32 jader 256 GB RAM 2 GHz, škálovat lze do 256 jader na čip. O něco podrobnější popis serveru v článku SiFive BigSky Ships the First RISC-V Server. Is the GPU Head Node the Prize? na futurumgroup.com. Asi ani tento čip nebude na úrovni nejlepších 64-bit ARMů a AMD Zenů, ale splňuje RVA23 specifikaci a je podporovaný Ubuntu 26.04 LTS a RHEL 10. V článku je
… více »Na YouTube lze zhlédnout nový celovečerní dokumentární film The Story of VS Code | Official Documentary věnovaný Visual Studio Code.
Farid Abdelnour se v příspěvku na blogu rozepsal o novinkám v nejnovější verzi 26.08.0 editoru videa Kdenlive (Wikipedie). Ke stažení také na Flathubu.
Konečně jsem se dostal k tomu, abych nakreslil malinkou ikonku, která by označovala odkazy na pojmy ve slovníku. Doufám, že je rozpoznatelné, co obrázek (
) značí (je to knížka, přece..., neříkejte, že to není poznat...). Řekl bych, že i s černým pozadím vypadá obrázek obstojně, takže jsem nedělal dvě verze zvlášť pro světlý a tmavý styl. Kdyby měl někdo nutkání obrázek vylepšit nebo vyrobit úplně nový a lepší, nebudu se vůbec zlobit.
CSS definice:
Vložení ikonky za každý odkaz na pojem ve slovníku jsem řešil atributovým selektorem ([href^="/slovnik/"]) a pseudoelementem :after. Vzhledem k tomu, že MS IE ani Opera (včetně vývojové verze Opera 9.0) první definici nepodporují (jde o CSS 3), uvidíte ikonky pouze v Konqueroru a Firefoxu/Mozille. Safari nemám možnost otestovat, ale předpokládám, že by to už umět mohl. Současný kód vypadá takto (doplňte do alternativních CSS):
.st a[href^="/slovnik/"]:after {
content: url('/images/site2/slovnik.png');
margin: 0 0.1em 0 0.2em;
}
UPDATE:
Doplnil jsem následující definici, aby bylo možné zobrazování ikonek vypnout (jak v rámci většího elementu, tak u jednotlivých odkazů). Uvědomil jsem si, že je něco takového potřeba, když jsem se podíval na seznam všech termínů na adrese www.abclinuxu.cz/slovnik - bylo tam krapet přeikonkováno.
.st .bez-slovniku a:after, .st a.bez-slovniku:after {
content: "";
margin: 0;
}
(Tj. všechny odkazy, které ukazují na relativní URL začínající na /slovnik/, budou mít za sebou zobrazenou ikonku. Viz třeba článek Rozhovor: Petr "Pasky" Baudiš - ten je se slovníkem štědře prolinkovaný.)
Nelíbí se mi na tom jen to, že při použití :after/:before nelze určit vertikální zarovnání/polohu (pokud se pletu, opravte mě, prosím). Ikonka tedy není zarovnaná s vrchním okrajem písma, což jsem původně chtěl. Teď vypadá prostě jako podivné písmenko umístěné v jedné rovině s ostatním textem. Vertikální zarovnání bych mohl vyřešit, kdybych pro zobrazení ikonky použil background-image místo :after, ale takový zápis se mi líbí daleko méně. Nehledě na to, že bych pak nemohl specifikovat požadovaný odstup ikonky od textu odkazu. Definice by vypadala takto:
.st a[href^="/slovnik/"] {
background-image: url('/images/site2/slovnik.png');
background-position: top right;
background-repeat: no-repeat;
padding-right: 12px;
}
Poznámka k MS IE a Opeře:
Nejsem samozřejmě nadšený z toho, že naše CSS nefunguje se stejným výsledkem ve všech běžně používaných prohlížečích. Ale snažím se držet zásady "funkční všude, 100procentní v těch dobrých". Věřím, že Opera v dohledné době podporu implementuje, nad IE lámu hůl. Možná bychom mohli někam do rohu stránek šoupnout to logo Too Cool for IE :-).
Tiskni
Sdílej:
. I kdyby se hodily, stejně bychom žádnou pravděpodobně na stránky nedali...
).
Mohl :)
.st a[href^="/slovnik/"] {
margin-right: 1em;
}
px (je nutné definovat minimálně tolik, kolik je šířka obrázku). Takže když nastavím hodnotu pomocí px, nebude se dynamicky měnit podle velikosti písma v prohlížeči. A kdybych ten padding nastavil pomocí em, nemůžu zase zaručit, že to bude ta správná šířka.
Opravím to v textu.
[atribut*=hodnota], který je ovšem součástí CSS3. To by mě zajímalo, proč nepodporuje ty ostatní. Jenže kdybych ho použil, matchnul by se každý odkaz, který má v URL /slovnik/, což nechci riskovat.
Naopak CSS2 selektor [atribut|=hodnota], který by měl matchnout všechny elementy, jejichž atribut se buď rovná nebo začíná na hodnota, má v prohlížečích FF a Konq. podporu podivnou (Opera nic): když hodnota začíná znakem /, selektor nefunguje. Stačí však, abych zadal hod/nota a už se řetězec matchne. Nevíte někdo, proč to tak je?
To by mě zajímalo, proč nepodporuje ty ostatní.A nebude to tím, že je to teprve technical preview? Také porůznu používám O9 (tak půl napůl s osmou) a narážím i na jiné problémy. Takže třeba to ve finální verzi bude
.st .bez-slovniku a:after, .st a.bez-slovniku:after {
content: "";
margin: 0;
}
Ale elegantnější by bylo to zvládnout všechno v rámci jediné definice. Tj. říci, že ikonka se má zobrazit u všech odkazů, ovšem pouze za předpokladu, že se tento odkaz nachází v elementu, který nemá definovanou třídu bez-slovniku. Mělo by to jít pomocí negační pseudo-třídy, ale nedaří se mi to. Můj zápis by vypadal takto:
*:not([class="bez-slovniku"]) a[href^="/slovnik/"]:after {
content: url('slovnik.png');
margin: 0 0.1em 0 0.2em;
}
Zápis :not([class="bez-slovniku"]) je ekvivalentní k :not(.bez-slovniku) -- dávám ho sem jen pro názornost.
Co by to mělo dělat? Vložit content (ikonku) za každý element a, který má atribut href začínající na /slovník/, a zároveň je jeho rodičem jakýkoliv (*) element, který _nemá_ (:not) definovanou třídu bez-slovníku.
Bohužel to nefunguje.
Princip by však měl být správný, protože např. následující definice už funguje:
p:not(.bez-slovniku) a[href^="/slovnik/"]:after {
content: url('slovnik.png');
margin: 0 0.1em 0 0.2em;
}
Zápisy se liší jenom tím zvýrazněným p, ničím jiným. A tentokrát skutečně dojde k tomu, že je ikonka vložena za každý odkaz, který se nachází v rámci každého elementu p, který _nemá_ třídu bez-slovníku.
Tak čím to je? Proč nefunguje zápis pomocí wildcards, když by měl. Např. následující zápis se chová podle očekávání:
*:not(.bez-slovniku):after {
content: url('slovnik.png');
}
Vloží totiž ikonku za úplně každý element, který _nemá_ třídu bez-slovníku. Jakmile ale doplním child element (např. a) a zároveň použiji * a ne konkrétní název elementu (jako v případě p), zápis nefunguje.
.