cpuprogramme / cpu-15 Goto Github PK

just for fun : http://tympanus.net/Development/Animocons/

• "Mots-Clés" -> "Chercher" , "Chercher" -> "Nous suivre"
• Typo on front page on FMR
• Remove "Première diff .... Dernière émission diffusée : "
• Replace on first show "diffusé le" with "Émission diffusée le"
• Do not show sub categories in sidebar
• Do not show cloud of tags in sidebar
• Do not show tags on show of front page
• in header, links on : title and radio fmr
• menu a:hover { color : black; background : white }

On any chronicles and interview, put the link Extrait de CPU release Ex… at the very start of the text

http://plugins.dotaddict.org/dc2/details/series

Wooops... I did it too fast

Needed for a better reactivity, as Woff is now usable everywhere
http://wizard.ae.krakow.pl/%7Ejb/ttf2woff/

We don't need date info

• Have playlist functionnality dascritch/ondemiroir-audio-tag#47
• for each tag, have a url/view listing random excerpts (chronicles and interviewes)

<em lang="en">

Look at https://www.zachleat.com/web/font-checklist/

Using mozjpeg
https://guides.wp-bullet.com/batch-optimize-jpg-lossy-linux-command-line-with-jpeg-recompress/

Perhaps we should :

• put the iconic RSS logo for podcast
• use icons or color for social links (linkedin, github, twitter, facebook, )
  .... but :
• they may change afterwards
• they may add weight (external assets)
• they may confuse with too much colours

cf https://gethead.info/

• Create alternative subdomain to serve audio files
• Create a tag template that hot-switch subdomain to alternate
• Using this tag template

Or....
Having H2Push on Apache able to NOT push on some type mimes

To have the full central square, even croped in a circle, as in twitter, mastodon, etc...

a little bit more "easy to read. As in actu.fr

Removing the flicker effect at load by not applying transition on font sizes
Alors remove .js

https://aerolab.co/blog/flexbox-grids/

label in h3, h3 should move into form
input must have both name="q" and id="q" OR id="search"
also put a placeholder.... random ?

Mecanism should still be there for no js fallback

This seems an interesting alternative

• http://caniuse.com/#feat=scrollintoview
• https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

https://realfavicongenerator.net/

and why not identify "previous" and "next"

cf https://hacks.mozilla.org/2017/08/intersection-observer-comes-to-firefox/

See actu.fr . Having a simplifed logo and the audio player mirrored

https://fr.dotclear.org/documentation/2.0/resources/themes/tags/entrynext

Use restrict_to_category

According to http://richpreview.com/?url=http%3A%2F%2Fcpu.dascritch.net%2Fpost%2F2015%2F12%2F17%2FEx0013-Hackers-20-ans-apr%25C3%25A8s

<meta property="og:image" content="http://cpu.dascritch.net/public/Images/Emissions/.1512-Ex0013-Hackers-movie_s.jpg" />

is too small (240x180 pixels) , and should be 300px minima ( "m" size)

Goals :

• Reduce assets calls
• Simplify changing parameters

Solutions :

• google closure
• myth.io (css3 syntax)

Seems Chrome is recalculating font size then applies transition

with specific template element like mp3 and ogg and list embeded files without media

we are missing quotes, no need to italicize.

from dsn13 dascritch.net

blockquote,q {
   font-style:italic
}

blockquote em,q em{
   font-style:normal
}

q,cite,quote,blockquote { 
    quotes:"\201c" "\201d" "\00ab\00a0" "\00a0\00bb"
}

As in categories http://cpu.dascritch.net/category/Programmes

For Programmes , give the feedburner link for complete episodes only, for other ones, the full feedburner link

https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content

Re use dascritch.net ?

kbd {
    background:none repeat scroll 0 0 #eee;
    border-color:#ccc #aaa #888 #bbb;
    border-style:solid;
    border-width:2px 3px 3px 2px;
    padding:0 2px;color:#000000;
    display:inline-block;
    min-width:15px;
    position:relative;
    text-align:center;
   text-shadow:none;
   white-space:nowrap;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}

see

• https://forum.dotclear.org/viewtopic.php?pid=336898
• https://jsonld.com/
• https://jsonld.com/video/
• https://schema.org/CreativeWork
• https://schema.org/sharedContent
• https://search.google.com/structured-data/testing-tool

and missing rss https://developers.google.com/search/docs/data-types/podcast

Today, the full size image is sent, not a special good idea.
We can put the <img> in content, and also use in RSS2 <post-thumbnail> or <media:content src="URL" xmlns:media="http://search.yahoo.com/mrss/" medium="image" type="image/jpeg" />

Create a kind of dotclear addon to use SPFjs , to boost navigation speed

https://github.com/youtube/spfjs

due to links and also the pinned header, some elements , such as #blogextra should have a top-margin (or padding ?) in accordance to not be hidden under the header.

header height : 72px

For a sound content, Twitter app on Android is in fact opening a web-page (instead of a video content). But the twitter card URL is a minimalistic page, due to embedding. It is a better experience for users to have the canonical page instead.

Example : https://twitter.com/CPUprogramme/status/941195898884952065
Twitter card : https://cpu.dascritch.net/twitter-player/2017/12/14/Teaser-:-Ex0069-How-deep-learning-is-your-love
Canonical page : https://cpu.dascritch.net/post/2017/12/14/Teaser-%3A-Ex0069-How-deep-learning-is-your-love

I think using <META http-equiv="refresh" content="0; URL=/post/canonical"> or a javascript refresh. I believe JS code is filtered by the app, and so for the embedded frame.
I don't want any server-side redirection solution.

It may be funny and friendly to put some effects as this one :
https://atomiks.github.io/30-seconds-of-css/#mouse-cursor-gradient-tracking

technical paper : https://www.zeichenschatz.net/typografie/implementing-a-variable-font-with-fallback-web-fonts.html

Feedburner has a bug, using the Updated date, instead of the pubDate .
No way to correct, instead, create a wrong information on Atom's source :/

should be

if ( (document.body) && (document.getElementById('header-control')) ) {
	main();
} else {
	window.addEventListener('DOMContentLoaded', main);
}