C’est le retour de Dev&TechNews !
Pour les nouveaux qui n’ont jamais reçu cet email, il s’agit d’un format de veille techno interne à Web-atrio. On parle de dev, de sécu et de tech ( smartphone, tablette, pc autre… ) C’est plus ou moins récurrent en fonction de l’actualité ! ( et de la rigueur de l’éditeur )
Cette semaine au programme, Angular 11, Symfony 5, le BlackFriday, du HTMLEEEE et du CSS .
Design / Conception
Comment ça c’est bleu moi je vois du vert , t’es sûr de toi ?
___
Dans cette rubrique nous allons inclure quelques formats récurrents. Pour commencer allons faire un tour sur le site élu “Site du mois” pour le CSS Design Awards. Je vous invite à suivre régulièrement l’actualité autour de cette certification, et qui sait peut être qu’un jour une réalisation de Web-atrio s’y retrouvera !
Pour Novembre 2020 on retrouve le Portfolio de Nahel Moussi https://nahelmoussi.com/. Soyez fiers, il est francophone ! Une réalisation très graphique avec beaucoup d’effets de transition et de parallaxe horizontal & vertical.
Une petite recommandation personnelle avec le site https://bermat.it/it qui utilise la librairie tree.js et la technologie des Shaders et GSL présents dans les fonctionnalités de 3D WebGL. La différence entre un “joli site” et un site “ Whhaaaaoooooo “ se retrouve souvent à travers l’implémentation des technos WebGL. Ne soyez plus intégrateur, devenez Intégrateur level 9999. Le métier d’intégrateur est souvent dévalorisé pourtant il est de plus en plus complexe. Et pour espérer se retrouver au CSS Design Awards, ce sont de véritables ingénieurs qui sont derrière le travail d’intégration et d’animation !
Pour une petite pause dans la lecture, découvrez https://paveldogreat.github.io/WebGL-Fluid-Simulation/ un plaisir pour les yeux.
Nouveau logo pour Google et la suite Google Drive.
En octobre on a observé un rebranding des logos Google Drive, le but étant d’unifier les systèmes de la suite. Découvrez le travail des Motion Designers à travers cette petite vidéo :
On comprend beaucoup mieux le pourquoi et surtout le travail de cohérence et de concordance graphique ! J’accorde personnellement un très grand intérêt au Design et à la compréhension des choix. Pourquoi c’est rouge ? Rond ? Quelle est la meilleure marge pour mon bouton ? Comment une personne malvoyante ou même aveugle peut voir et comprendre mon contenu ? C’est quoi un Design System ?
Toutes ces questions, cette rubrique y répondra à travers les prochaines itérations.
HTML5 / CSS3
Un petit coup de peinture.
___
Comment progresser en CSS ? Une des recommandation que je fais souvent c’est d’essayer de concevoir ce que vous ne pensiez pas pouvoir faire ! Ne pas avoir peur de l’inconnu, essayer c’est le début de la réussite.
On peut par exemple tout simplement intégrer des maquettes trouvées sur Dribbble, je vous conseille celles de uixNinja qui sont particulièrement corsées et agréables à développer.
Vous manquez d’inspiration pour dynamiser la maquette d’un client ? je vous propose quelques Top 10 CSS pour avoir plein d’idées !
https://www.youtube.com/results?search_query=top+10+css+effects
Javascript
Ja va bien et toi ?
___
Angular 11 is here ! C’est pendant la formation Angular qui avait lieu la semaine dernière que Angular 11 est officiellement sorti et ça c’est beau je trouve !
Pour rendre vos applications encore plus rapides en accélérant leur FCP (First
Contentful Paint), l’équipe a introduit la fonctionnalité « Automatic Inlining of Fonts ».
Pendant la compilation, le CLI téléchargera et alignera les polices qui sont utilisées et liées dans l’application. Le rapport de journalisation à été amélioré ainsi que l’aperçu d’angular language Service.
Suppression du support de IE9/IE10 et IE mobile
Le remplacement de module à chaud ( serveur qui tourne ) a aussi obtenu quelques mises à jour. La construction du build est plus rapide et Typescript 4.0 est arrivé !
Typescript 4.0 ?
Le plus simple c’est de vous renvoyer sur ce très bon article : TypeScript 4.0 est disponible et apporte des améliorations de …
Depuis peu, un nouveau mot clé est arrivé dans le domaine du javascript. Comme le “let” qui a remplacé le “var”, les objets javascript peuvent évoluer vers un nouveau type d’objet, le “Map”.
Pourquoi ? Comment ? Découvrez tout ce qu’il faut savoir dans cet article Moving from Javascript Object to Maps – DEV
PHP:
CakePhp c’est vraiment le top mais pour faire plaisir aux français on va dire que Symfony c’est bien.
___
Symfony 4.4 et 5 sont là, les nouveautés ça donne quoi ?
https://www.2le.net/blog/les-nouveautes-de-symfony-5/
La liste est longue, cette version apporte plus de 250 Features & Correctifs
Envie de découvrir PHP 8 ? Grâce à Julien qui m’a fait la remarque sur Discord, je vous partage ce lien https://stitcher.io/blog/new-in-php-8
Oubliez la version 7.5, PHP 8 sera votre nouveau cheval de bataille prochainement, prenez les devant pour dresser cette nouvelle monture.
Sortie officielle pour le 26/11/2020 ! Quel sera le premier projet web-atrio à se mettre à jour ?
Actus Tech
Si un truc avec une batterie et un écran sort .. c’est ici
___
Un point sur les cartes graphiques ? Quelques annonces chez AMD en ce mois de novembre et la sortie de la RTX 3070.
Retrouvez le live de présentation de la série AMD RX 6000 : https://www.youtube.com/watch?v=oHpgu-cTjyM&feature=emb_title&ab_channel=AMD et une présentation du model RTX 3070 de chez NVidia :
Test du clavier Corsair k100 RGBA kikoolol led more led
Oui j’aime bien la chaîne de Tech_sama
BLACK BLACK BLACK BLACK BLACK BLACK BLACK BLACK BLACK BLACK
F R I D A Y
Que dire de plus ? https://www.dealabs.com/
Une extension Chrome également pour ceux qui passent pas mal de temps sur Amazon et qui risque d’être bien utile pour la fin du mois : Keepa
Dans le prochain papier je vous ferais une revue de la tablette Remarkable 2
https://remarkable.com/ dont je suis l’heureux propriétaire https://www.youtube.com/watch?v=SWY_bwFMxro&ab_channel=reMarkable
Peut-être même un test de chaise ergonomique dans les prochaines semaines puisque avec Sonia, nous avons fait l’acquisition de la MyoChair de chez Autonomous.
Les contributeurs à cet news :
Sonia Klein – Alexandre Boitelet – Timothée Garnaud – Google
