Diskuze: zšedivění obrázku
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 22 zpráv z 22.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


-webkit-filter: grayscale(1);
Jsou k tomu CSS 3 filtry, ale budeš muset zas řešit všechny prohlížeče zvlášť. Já jsem si to na devbooku prostě zešedivěl v photoshopu.
Já umím číst - mě zajímalo, jak souvisí opacity a šedá barva?
Aby se nenašel někdo kdo bude pokládat opacity za ztmavnutí (zešednutí) a napíše to sem
Dobře, v životě by mě nikdo takový nenapadl, ale po některých
zkušenostech s některými uživateli Devbooku uznávám, že máte asi pravdu

Co použít javascript? Když umí ztmavit stránku tak musí umět i
zešedivět ne ? 
Přinejhorším šedivý obrázek 
hlavně nemusíš řešit kompatibilitu
i když občas mám pocit, že i
obrázky je IE 6ka schopná zobrazit jinak ...
do verze 7 je to takovej random sázeč komponent ...
ten gray scale nebude podporovaný u IE myslím do devítky? To by mohl být
docela problém 
Často je lepší místo modifikace obrázku použít rollover.
Napříč prohlížeči jedině mít jeden obrázek napůl. Levá strana barevná a prává černobílá, potom pomocí CSS přesouvat. A pokud by to musel být plnohodnotný obrázek včetně atributu alt & title tak bych řešil javascriptem(třeba jQuery) prohazování po najetí myší(a tak pobně¨) samozřejmě s příslušným vyvětlením v <noscript> (a tak podobně)
Do <noscript> se žádné vysvětlování nedává,
protože to ruší při čtení. Klient ví, že nemá zapnutý Javascript a
není třeba mu to vysvětlovat. Ta značka má podle definice jiný účel.
optsvdu? definice:
The <noscript> tag defines an alternate content for users that
have disabled scripts in their browser or have a browser that doesn’t support
script.
ze http://www.w3schools.com/…noscript.asp
Upozorňování na nezapnutý Javascript není alternativní obsah. Na W3schools to mají špatně. Podívej se na W3C, ti to definovali.
Asi si nerozumíme, pokud by dotyčný měl prohlížeč schopný zaměnit obrázek pomocí CSS, tak by použil CSS. Samozřejmě může se stát že prohlížeč danou funkci nepodporuje co by se v tom to případě mohlo stát tak u jednoho % z návštěvníků. V tom případě by se využilo javascriptu, který by to dokázal zařídit, no a pokud by byl javascript vypnutý by se došlo k závěru, který by se předložil k užřivateli, že se zobrazí obrázek, který se nebudě vůvec měnit (to představuje dalších 0,9% návštěvníků) a u toho zbytku to neřešíte a ono se to nějak zobrazí
Edit: a toho Javasriptu by se využilo, pokud by se jednalo o obrázek, který by musel obsahovat alternativní text (obrázek s určitou hodnotou)
Zobrazeno 22 zpráv z 22.