Liste des liens
How CSS animations can enhance your user experience. With CSS and JS progress, implementing animations on websites has never been easier. But how do we make sure that our CSS animations and transitions will be meaningful to our users? That they will not be just some annoying “in-your-face” eye candy?
The web platform is the delivery mechanism of choice for a ton of software these days, either through the web browser itself or through Electron, but that doesn’t mean there isn’t a place for a good old fashioned straight-up desktop application in the picture.
Fortunately, it’s easier than ever to write a usable, pretty, and performant desktop app, using my language of choice (Rust) and the wildly successful cross-platform GUI framework GTK. In this blog post, we’ll walk through the source code of gDiceRoller. In future posts, I’ll explain how I packaged it for different systems.
Un blog avec de beaux projets pour Raspberry Pi.
Si vous ne savez pas quoi lire durant vos vacances...
J'ai récemment fait l'acquisition d'un écran 7 pouces tactiles HDMI d'une résolution 1024 x 600 px sur le site Kubii.fr.
L'écran est livré avec un boîtier dédié mais malheureusement, aucune notice de montage n'est fournie.
Je vous propose donc de palier à ce manque en vous détaillant pas à pas la manière dont j'ai procédé pour monter ce boîtier.
Le kit
Le kit se compose d'un écran 7 pouces, de 4 plaques de plastique noir recouvertes d'un papier de protection marron (qu'il faut enlever en s'aidant d'un couteau par exemple en évitant de rayer le plastique), de 2 pieds triangulaires, d'un boîtier pour les versions 3B et 3B+ du Raspberry Pi, de 4 sachets de boulons et écrous de différentes formes et dimensions, d'un CD (dont je n'ai pas saisi l'utilité) et de 2 câbles (USB et HDMI). Il y a également un film de protection supplémentaire pour l'écran.
Modification du fichier config.txt
Cette étape est impérative avant le raccordement de l’écran. Elle doit être effectuée avant le montage car la carte SD ne sera plus accessible une fois le boîtier monté sur le support de l'écran (il faudra tout démonter).
Ouvrez un terminal sur le Raspberry Pi.
Entrez cette ligne de commande:
sudo nano config.txt Ajoutez les lignes suivantes en bas du document, sauvegardez et rebootez le Raspberry:
max_usb_current=1
hdmi_group=2
hdmi_mode=87
hdmi_cvt 1024 600 60 6 0 0 0
hdmi_drive=1Il est aussi possible d’ajouter ces lignes dans le fichier config.txt en mettant la carte microSD dans un PC et de l’ouvrir avec un éditeur de texte.
Le boîtier pour le Raspberry Pi, première et deuxième générations
Le boîtier livré avec l'écran est pour un Raspberry de première et deuxième générations (Pi 1 et Pi 3 B et B+), c'est à dire tous ceux qui ont un port HDMI (et pas micro HDMI).
Il se compose de 5 parties qui se superposent.
La première plaque est transparente. Elle sera recouverte d'une plaque composée d'un contour ajouré noir. Le Raspberry sera placé en 3ème position.
Ensuite viennent respectivement, une plaque noire, puis une plaque transparente ajourée et une dernière plaque transparente avec l'emplacement prévu pour un éventuel ventilateur :
Les boulons et écrous servant au montage sont les suivants :
Le boîtier devant être fixé au dos du support de l'écran, il ne faut pas monter le boîtier séparément mais le fixer à la plaque de fond du support.
Important : tous les boulons doivent avoir leur tête vers la surface de l'écran et les écrous doivent être vers le dos de l'écran, quelle que soit la partie que l'on monte (boîtier, pieds, support).
Il est possible d'adapter un Raspberry Pi 4 en faisant l'acquisition d'un boîtier Pibow.
La plaque de fond transparente ne sera pas utilisée et 3 boulons sur 4 seront nécessaires pour fixer le boîtier au support. Les boulons en plastique fournis avec le boîtier Pibow seront placés la tête vers le bas pour faciliter le montage sur le support de l'écran.
Les pieds
Il faut ensuite superposer la plaque ajourée sur la plaque de fond et fixer le tout avec le kit de boulons et d'écrous dont le diamètre est le plus gros (les boulons longs et minces serviront à fixer l'écran sur le support) à l'aide des pieds.
Notez la position de la tête des boulons et des écrous.
L'écran
Il est pris en sandwich entre le fond du support avec les pieds et la façade du support composée de deux plaques supplémentaires composées d'un contour de plastique noir.
Les écrous nécessaires sont les plus fins et les plus longs. Il ne faut surtout pas forcer pour les entrer car vous pourriez endommager l'écran. Il faut faire bouger les plaques et l'écran de manière à ce que le premier boulon se positionne correctement.
![Positionnement des écrous]https://f.ecyseo.net/?f=1638db48d9728b)
Câblage
L'écran se connecte au Raspberry Pi à l'aide de deux câbles :
- un câble HDMI ou HDMI/micro HDMI en fonction du modèle de carte que vous utiliserez
- un câble USB/micro USB pour la prise en compte du tactile
Sur un Pi4, il faut brancher le microHDMI sur le connecteur 0.
Le câble USB se branche sur n'importe quel port.
Conclusion
Au final, cet écran n'est pas fait pour une utilisation bureautique. Mais pour un cadre numérique ou une station météo, il convient très bien. Le tactile fonctionne bien et permet de s'affranchir de la souris et du clavier.
Malgré ses quelques défauts, je suis relativement satisfait de mon achat. J'espère que ce tutoriel aidera les futurs acquéreurs.
eBook gratuit créé à partir des contributeurs de Stack Overflow.
Tutoriel d'installation de PhpMyAdmin.
Une page de très bons conseils pour sécuriser son PC.
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.
Why do we need to talk about robust JavaScript and how do we achieve it?
Pour développer des applications pour UbuntuTouch.
Explications du passage à btrfs et expérience de SebSauvage.
Tutoriel de Miguel Menéndez Carrion pour programmer une app pour ubuntu touch.