Encore un article sorti de nulle part et trouvé par @Philou ! Ici sur HTOP et sa fameuse "mémoire virtuelle".
Alors ça c'est typiquement le genre de trucs que je poste pour @Philou à présent ! Rien que la syntaxe fait penser à mon bien aimé Mercurial 😍.
Via Riduidel.
Dessiner le corp un personnage de manga pour faire passer des expressions.
Une liste de do vs don't portant sur les techniques de dessin des éléments du visage.
Intéressante technique, je note les points :
- Tracer le volume globale de la coupe de cheveux.
- Définir un point duquel les cheveux partent tous.
- Découper le volume global des cheveux en segments.
- Ajouter des mèches aux segments.
- Respecter la gravité.
Un tuto de la même artiste mais spécifique à des types de coupes en particulier.
Un tuto pour les cheveux de garçons ici et un autre pour tous les types de cheveux ici.
Comment dessiner les expressions du visage ? En fonction que vous soyez de culture occidentale ou orientale, les expressions passeront plutôt par la bouche ou par les yeux. #Fascinant
Voici quelques exemples :
Pour @Philou et ses architectes qui ne codent pas.
Globalement pour faciliter le SSO, l'authentification à deux facteurs et se prémunir contre certaines attaques.
Via Eorn.
Un guide très utile ! En cas d'incident avec Kubernetes, rendez-vous à la question et déroulez la check-list.
Via Riduidel.
Comment dessiner des yeux de filles façon manga ? Marrant, je vais essayer.
Un autre tuto ici.
À ne pas confondre avec En fait il s'agit bien de Pencil Project, Pencil est un logiciel libre tournant sur Linux et dédié aux artistes souhaitant dessiner à la main ou produire des dessins animés ou toutes autres sortes de choses.
Je découvre Pencil Projet qui est un logiciel libre permettant de fabriquer des maquettes d'applications (et de site web). À tester plus en profondeur et éventuellement à intégrer à nos toolbox.
Je cite cette section car elle résume à elle seule l'intégralité du propos :
Tutorials
A tutorial:
- is learning-oriented
- allows the newcomer to get started
- is a lesson
Analogy: teaching a small child how to cook
How-to guides
A how-to guide:
- is goal-oriented
- shows how to solve a specific problem
- is a series of steps
Analogy: a recipe in a cookery book
Explanation
An explanation:
- is understanding-oriented
- explains
- provides background and context
Analogy: an article on culinary social history
Reference
A reference guide:
- is information-oriented
- describes the machinery
- is accurate and complete
Analogy: a reference encyclopaedia article
Via Tiger 222.
Très instructif car le guide montre les différences entre les GUI Android et iPhone. Je pense à @acos et @lenny pour leur projet qui pourront s'en inspirer peut-être.
Manipuler le cache de votre navigateur.
Pour l'instant (fin 2019) environ 79% des navigateurs offrent cette API selon caniuse. C'est encore peu mais prometteur.
Un tuto complet sur l'API est dispo à cette adresse.
Pour @Chlouchloutte qui aime la série !
Les types de connexions internet permettant la data sur nos mobiles se classent de la moins rapide à la plus rapide de la façon suivante : GSM < 2G < 3G < 3G+ < H < H+ < 4G < 4G+ < 5G.
En les regroupant par grandes catégories de débits, nous avons la répartition suivante :
(Graphique fourni par imagekit.io)
On constate qu'environ 50% des requêtes se font avec une connexion d'une qualité inférieure ou égale à de la 3G, aussi à quelle vitesse vont chacune de ces connexions ? Selon le site kenstechtips.com les types de connexions offrent les taux théoriques de transfert suivants :
- 2G -> 12,5 Ko / sec
- 3G -> 1 Mo / sec
- 4G -> 7,5Mo / sec
- 5G -> 125 Mo / sec
En considérant que le réseau n'est jamais optimal, ces ratios de transferts ne sont jamais à leur maximum non plus, aussi nous pouvons leur retrancher sans trop de risque 80% de leur capacité (eg. lorsque nous déplaçons en voiture ou dans le métro, lorsque trop de monde utilise la même antenne, ou encore que nous sommes dans une pièce avec beaucoup d'armatures métalliques), ce qui donnerait après ajustement les débits "réels" suivants :
- 2G -> 2,5 Ko / sec
- 3G -> 200 Ko / sec
- 4G -> 1,5 Mo / sec
- 5G -> 62,5 Mo / sec
Valeurs qui sont assez proche de ce que je constate en région parisienne. En calculant une moyenne pondérée des débits inférieurs ou égale à de la 3G on obtient un débit moyen affleurant les 95 Ko / sec à peine pour 50% des internautes fin 2019 !
Et comme pour ce calcul j'ai pris tous les maximum (certes après ma bidouille d'ajustement au réel) je pense qu'il est raisonnable de considérer que le débit de nos utilisateurs depuis une connexion mobile tourne autour de 50 Ko / sec, soit entre 10 et 20 secondes de temps chargement juste pour une SPA Aurelia (~500 Ko) / Angular (~1 Mo) si l'on ne compresse pas les fichiers statiques (ie. HTTP + GZIP).
Et même avec une compression GZIP de dingue (disons d'un facteur 10), il faut encore charger l'intégralité des images qui pèsent au moins l'équivalent de deux fois le bundle JS non compressé à laquelle s'ajoute les temps de connexions HTTP à consommer pour récupérer chaque fichiers.
Typiquement et même pour une SPA bien conçue, le temps minimal de chargement sera de 5 secondes si les images ne sont pas différées correctement, voire 10 secondes si le JS est bloquant (cf. utilisation de l'attribut "defer"). Cela remet en question l'intérêt de la technologie SPA pour des connexions mobiles avant la mise en cache ou pis encore si la SPA est mise à jour très fréquemment (via du Continuous Deployment) !
Comment récupérer la vitesse de connexion d'un utilisateur sur PC ou mobile depuis JS ?
Comme cela :
// returns '4g', '3g', '2g' or 'slow-2g'
var effectiveType = NetworkInformation.effectiveType;Ensuite il vous suffit de récupérer les bonnes ressources en fonction du débit (les images principalement).
N.B : fin 2019 cette API n'est compatible qu'avec 65% des navigateurs selon caniuse.
Et voici un autre plugin Gulp.
Comment spécifier l'encodage de caractères dans vos fichiers CSS ? Facile... En les faisant commencer par la ligne :
@charset "utf-8";Simple, pas cher et efficace !