Nedostatečným kontrastem na webech jsme postižení úplně všichni, bez ohledu na nastavení našich očí, displejů nebo momentální nálady slunce.
V dnešním článku se podíváme blíže na doporučené minimální hodnoty kontrastu, jeho měření a také nastavování barev u projektu s ohledem na něj.
Pojďme si tady shrnout všechny CSS jednotky použitelné v dnešním webdesignu. A na příkladu ukázat, k čemu se která hodí.
Za základní jednotku pro svůj způsob práce považuji jednotky relativní k velikosti písma – rem a em.
SVG posouvá hranice možností webdesignu, ale trápí mě jak málo se to ví. V tomto textu budu proto shromažďovat ukázky možností, které SVG nabízí.
Zcela úmyslně se tady nebudu zamýšlet nad složitostí implementace, podporou v prohlížečích ani přístupností. Všechny tyto parametry jsou u různých ukázek různé.
Relativní časování znáte například z Facebooku, kde se místo: zpráva byla vytvořena DD.MM.YYYY HH:MM:SS jednoduše napíše před minutou. Podobný systém můžete využít i ve WordPressu a to jak v publikovaných příspěvcích, tak v komentářích vašich návštěvníků.
Ikonfonty jsou jako vši. Člověk by čekal, že si s nimi lidstvo už dávno nějak poradilo. Že prostě nejsou. Jenže ono to chvilku vypadá dobře, ale za chvíli na vás zase někde vyskočí.
Tahle technika pro vkládání ikon do webů za pomocí fontů prožila svou zlatou éru v době, kdy rozumné alternativy ještě nepodporovaly všechny prohlížeče. To už ale neplatí – alternativa s plnou podporou se jmenuje SVG.
BLOG: “V příštím životě chci být ženou. Fakt! Když budu krásná, budu zlatokopkou a třeba se provdám za amerického prezidenta. Když budu šeredná, budu feministkou. Vystuduji gender studies a budu lovit muže jako škodnou…”#free4everhttps://t.co/non3sW6OVU
— Markéta Šichtařová (@sichtarova) December 13, 2018
By default, the built-in WordPress media manager allows you to filter media by three types: images, audio and video. But if you work a lot with .pdf files, you may need to add an option to filter .pdf files from the media manager. Here is a simple code snippet to do it.
Paste this code into your functions.php file. Save the file, and you’re done.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function modify_post_mime_types( $post_mime_types ) { // select the mime type, here: 'application/pdf' // then we define an array with the label values $post_mime_types['application/pdf'] = array( __( 'PDFs' ), __( 'Manage PDFs' ), _n_noop( 'PDF <span class="count">(%s)</span>', 'PDFs <span class="count">(%s)</span>' ) ); // then we return the $post_mime_types variable return $post_mime_types; } // Add Filter Hook add_filter( 'post_mime_types', 'modify_post_mime_types' ); |
Note that this code snippet can be used for other file types as well as .swf, .avi, .mov, etc.
WordPress built-in RSS feeds are definitely cool. But if you’re using WordPress to create a simple website, you may do not need the feeds at all. So what about disabling them? Here’s a simple and clean way to do it.
Paste the code below into your functions.php file. RSS feeds will not be available anymore after you saved the file.
|
1 2 3 4 5 6 7 8 |
unction digwp_disable_feed() { wp_die(__('<h1>Feed not available, please visit our <a href="'.get_bloginfo('url').'">Home Page</a>!</h1>')); } add_action('do_feed', 'digwp_disable_feed', 1); add_action('do_feed_rdf', 'digwp_disable_feed', 1); add_action('do_feed_rss', 'digwp_disable_feed', 1); add_action('do_feed_rss2', 'digwp_disable_feed', 1); add_action('do_feed_atom', 'digwp_disable_feed', 1); |
Powered by WordPress & Theme by Anders Norén