Liste des liens
D'autres solutions ici : https://github.com/you-dont-need/You-Dont-Need-JavaScript
Via SebSauvage
Il m'en manque 4...
a
html
body
head
footer
div
span
p
article
dd
dt
th
thead
tbody
td
caption
h1
h2
h3
h4
h5
h6
ul
li
ol
meta
link
style
script
b
u
small
i
aside
video
object
iframe
audio
svg
details
summary
dialog
data
base
meter
progress
nav
label
form
input
textarea
fieldset
button
pre
code
section
time
img
blockquote
strong
title
br
template
main
em
dl
datalist
option
del
optgroup
select
embed
output
canvas
source
track
col
tfoot
table
tr
q
cite
abbr
address
sup
sub
var
kbd
samp
hr
noscript
s
map
figure
figcaption
ins
dfn
bdi
bdo
mark
rb
rp
rt
ruby
wbr
area
param
hgroup
picture
slot
math
Le schéma pour les recettes de cuisine
Pour remplacer les puces par des images (ou changer le style de la puce), il faut placer la règle css dans la balise ul, sinon, dans la balise <style type="text/css">, ça ne fonctionne pas.
Un cv en JSON. Plusieurs thèmes possible.
Extremely short version
Instead of serving dozens of icons, all you need is just five icons and one JSON file.
In your HTML, for the browser:
<link rel="icon" href="/favicon.ico" /><!-- 32×32 --> <link rel="icon" href="/icon.svg" type="image/svg+xml" sizes="any" /> <link rel="apple-touch-icon" href="/apple.png" /><!-- 180×180 --> <link rel="manifest" href="/manifest.webmanifest" />And in your web app manifest:
// manifest.webmanifest { "icons": [ { "src": "/192.png", "type": "image/png", "sizes": "192x192" }, { "src": "/512.png", "type": "image/png", "sizes": "512x512" } ] }
C'est dans la même veine que le DOM Sahdow de Facebook ?
Pour réaliser des présentations simples mais propres en markdown.
Un peu d'histoire du web. Dire qu'on a connu ça, ça ne nous rajeunit pas...
Intéressant car souvent Zeal plante avec les docs MDN
Checkboxes and radio buttons are two common examples of interactive form elements that we desperately want to have full control over styling but we don’t. So we’ve been hacking our way around styling them by hiding said elements with CSS and visually replacing them with pseudo-elements or an SVG image — SVG, of course, being the more flexible, powerful, and accessible replacement. But an SVG image is, at the end of the day, just an image, so while it can visually replace a checkbox, it doesn’t really substitute for it — the user still needs a checkbox to interact with. So, when we attempt to hide the checkbox we want to style, we need to make sure that the checkbox remains accessible and interactive.
Autant le design est pas mal, autant faire appel à docker, jquery et consort pour une simple page html, c'est un peu abusé je trouve.
Des présentations en html
Outil pour imprimer des pages HTML.
Bien que le fond de ce site soit plutôt bien, la forme est à chier : un script tout moisi "empêche" la consultation du code html.
Ce script, plus quelques lignes de css, le voici :
<script id="wpcp_disable_selection" type="text/javascript">
//<![CDATA[
var image_save_msg='You Can Not Save images!';
var no_menu_msg='Context Menu disabled!';
var smessage = "Content is protected !!";
function disableEnterKey(e)
{
if (e.ctrlKey){
var key;
if(window.event)
key = window.event.keyCode; //IE
else
key = e.which; //firefox (97)
//if (key != 17) alert(key);
if (key == 97 || key == 65 || key == 67 || key == 99 || key == 88 || key == 120 || key == 26 || key == 85 || key == 86 || key == 83 || key == 43)
{
show_wpcp_message('You are not allowed to copy content or view source');
return false;
}else
return true;
}
}
function disable_copy(e)
{
var elemtype = e.target.nodeName;
var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
elemtype = elemtype.toUpperCase();
var checker_IMG = '';
if (elemtype == "IMG" && checker_IMG == 'checked' && e.detail >= 2) {show_wpcp_message(alertMsg_IMG);return false;}
if (elemtype != "TEXT" && elemtype != "TEXTAREA" && elemtype != "INPUT" && elemtype != "PASSWORD" && elemtype != "SELECT" && elemtype != "OPTION" && elemtype != "EMBED")
{
if (smessage !== "" && e.detail == 2)
show_wpcp_message(smessage);
if (isSafari)
return true;
else
return false;
}
}
function disable_copy_ie()
{
var elemtype = window.event.srcElement.nodeName;
elemtype = elemtype.toUpperCase();
if (elemtype == "IMG") {show_wpcp_message(alertMsg_IMG);return false;}
if (elemtype != "TEXT" && elemtype != "TEXTAREA" && elemtype != "INPUT" && elemtype != "PASSWORD" && elemtype != "SELECT" && elemtype != "OPTION" && elemtype != "EMBED")
{
//alert(navigator.userAgent.indexOf('MSIE'));
//if (smessage !== "") show_wpcp_message(smessage);
return false;
}
}
function reEnable()
{
return true;
}
document.onkeydown = disableEnterKey;
document.onselectstart = disable_copy_ie;
if(navigator.userAgent.indexOf('MSIE')==-1)
{
document.onmousedown = disable_copy;
document.onclick = reEnable;
}
function disableSelection(target)
{
//For IE This code will work
if (typeof target.onselectstart!="undefined")
target.onselectstart = disable_copy_ie;
//For Firefox This code will work
else if (typeof target.style.MozUserSelect!="undefined")
{target.style.MozUserSelect="none";}
//All other (ie: Opera) This code will work
else
target.onmousedown=function(){return false}
target.style.cursor = "default";
}
//Calling the JS function directly just after body load
window.onload = function(){disableSelection(document.body);};
//]]>
</script>
<script id="wpcp_disable_Right_Click" type="text/javascript">
//<![CDATA[
document.ondragstart = function() { return false;}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Disable context menu on images by GreenLava Version 1.0
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
function nocontext(e) {
return false;
}
document.oncontextmenu = nocontext;
//]]>
</script>
<style>
.unselectable
{
-moz-user-select:none;
-webkit-user-select:none;
cursor: default;
}
html
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
</style>
<script id="wpcp_css_disable_selection" type="text/javascript">
var e = document.getElementsByTagName('body')[0];
if(e)
{
e.setAttribute('unselectable',on);
}
</script>Et l'agence web le place sur tous les sites qu'elle conçoit.
C'est totalement inefficace (car facilement contournable) et je ne vois pas l'intérêt du truc. Ils facturent cette merde combien à leurs clients ?
BicBucStriim streams books, digital books. It fills a gap in the functionality of current NAS devices that provide access to music, videos and photos -- but not books. BicBucStriim fills this gap and provides web-based access to your e-book collection.
Un comparatif de différents systèmes d’encodage de données (JSON, XML, Avro…)
Via Timo
Pour améliorer le chargement des pages d'un site en envoyant le css avec le html dans la même requête :
<If "%{HTTP_COOKIE} !~ /httppush=1/">
Header add Link "</style.css>; as=style; rel=preload, </font.css>; as=style; rel=preload"
Header add Set-Cookie "httppush=1"
</If>Voir également l'article Forcing a browser CSS cache reload with HTTP/2 Server Push