Codage/programmation

Le code from scratch

Vous connaissez peut-être l’anglicisme “from scratch” qui veut dire en gros “à partir de zéro”.

scratch01

Et bien aujourd’hui, je profite de ce premier jour de la Code Week pour vous présenter “Scratch“:

une implémentation visuelle et dynamique du langage de programmation Smalltalk fondée sur Squeak.

Ouhhh, ça à l’air compliqué ! Ben non, justement, c’est tout le contraire. Scratch c’est une sorte de plateforme d’apprentissage du code. On n’a pas besoin de connaître le code pour pouvoir réaliser des projets à partir de Scratch: juste de savoir lire et d’être logique.

Tout est visuel et passe part des drag and drop (glisser/déposer).

scratch

C’est très ludique ! Et n’importe qui peut s’y essayer. Avec ça, on peut facilement acquérir les bases du code sans s’ennuyer ou s’énerver !!

C’est la Code Week !

Le XXIème siècle c’est le siècle de l’informatique à toutes les sauces. On en a partout…; mais qui comprend ?

Nous sommes malheureusement plus souvent des utilisateurs que des concepteurs. Et de même que nous n’ouvrons plus nos ordinateurs pour les réparer, nous subissons l’informatique au lieu de nous en emparer.

Au moment où je poste cet article la Code Week 2016 commence: la semaine européenne du Code !

Grâce à la Code Week, vous pouvez casser cette tendance d’avachissement face à l’informatique; et ce, que vous ayez 7 ou 77 ans !

cw01

…continuer la lecture de C’est la Code Week !

La minification des assets

Ah ! Le jargon informatique, c’est un bonheur !!

Aujourd’hui, sur la console ovh manger pour ne pas la nommer: un petit bouton à l’air totalement insignifiant et pourtant super important sur lequel il est indiqué, après une icône totalement inappropriée: “re-minifier les assets”:

ovh01

Et évidemment, si tu cherches sur Internet (je vous ai pris Google pour éviter les polémiques), tu ne trouves rien :

ovh02

A croire que c’est tellement évident comme texte, que personne ne s’est encore jamais demandé ou ce que cela veux dire, ou ce à quoi ça sert ! …continuer la lecture de La minification des assets

Les sélecteurs d’attribut en css

[title~="enfant"] 
/*toutes les images dont les titres contiennent le mot "enfant" auront des bordures rouges*/{
 border: 5px solid red;
 padding:10px;
 margin:10px;
 }

[title~="vichy"] 
/*toutes les images dont les titres contiennent le mot "vichy" auront des bordures vertes*/{
 border: 5px solid green;
 padding:10px;
 margin:10px;
 }

[title$="02"]
/*toutes les images dont les titres finissent par "02" auront des coins arrondis*/{
 -moz-border-radius: 5px 5px 5px 5px;
 -webkit-border-radius: 5px 5px 5px 5px;
 padding: 5px;
 background: -moz-linear-gradient(center top, #999999 0%,#ffffff 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, #ffffff));
 }

[alt^="p"]
/*toutes les images dont les textes alternatifs commencent par la lettre "p" auront auront un ombré*/{
 box-shadow: 8px 8px 0px #aaa;
 }
 [alt*="ro"]
/*toutes les images dont les textes alternatifs contiennent les lettres "ro" auront auront une opacité moindre*/{
 opacity: 0.5;
 }
pois marrons fond rose
alt:pois marrons fond rose title: Motif enfant 01
pois multicolore fond blanc
alt: pois multicolore fond blanc / title: Motif enfant 02
pois jaunes, bleus, rouges fond beige
alt: pois multicolore fond beige /title: Motif enfant 03
pois bleus fond blanc
alt: pois bleus fond blanc
title: Motif enfant 04
Carreaux roses
alt: Carreaux roses
title: Motif vichy 01
Carreaux jaunes
alt: Carreaux jaunes
title: Motif vichy 02
carreaux bleus
alt: Carreaux bleus
title: Motif vichy 03
Carreaux rouges
alt: Carreaux rouges
title:Motif vichy 04