nettoyer_ubuntu [Wiki ubuntu-fr] La maintenance d'un système d'exploitation vise à maintenir ou à rétablir un bien dans un état spécifié afin que celui-ci soit en mesure d'assurer un service déterminé. En informatique logicielle, on parle assez régulièrement de 3 types de maintenance : Disposer d'une connexion à Internet configurée et activée. Depuis un terminal En mode graphique Stacer (Alternative à IObit Advanced System Care pour Windows) Extension Firefox SingleFileZ. Pour un usage courant qui répondra à 99% des utilisateurs lambda, il est recommandé : De vider la poubelle Si cela ne suffit pas, utiliser un logiciel type "CCleaner" : Supprimer les fichiers temporaires des fichiers d'installation Supprimez les paquets .deb pour gagner de la place, car après plusieurs installations les paquets téléchargés s'accumulent et utilisent beaucoup d'espace. Précision: Les paquets téléchargés ne servent à rien si vous avez Internet. Suppression de logiciels Attention à ne pas supprimer des paquets importants comme ubuntu-desktop ! #!
oCanvas - Object-based canvas drawing Linux - Commandes fondamentales Un petit guide pour bien démarrer avec Linux. Top of page ls La commande ls permet d'afficher le contenu d'un répertoire. ls -l Afficher les informations de manière détaillée. ls -a Afficher les fichiers cachés. ls -h Afficher la taille des fichiers de facon lisible. ls -r Tri inversé. ls -t Trier les fichiers par date du plus récent au plus ancien. ls -S Trier par taille décroissante. ls -la Afficher tous les fichiers y compris les fichiers cachés. ls -lhS Afficher les informations des fichiers, avec des tailles lisibles le tout ordonné du plus grand au plus petit. cd La navigation d’un répertoire à un autre s’effectue avec la commande cd succédée du nom du répertoire. cd / Permet de se retrouver à la racine du disque. cd ~ ou cd Accéder directement au répertoire de l’utilisateur. cd /var/www/ Aller dans le répertoire /var/www. cd .. cd - Permet de revenir au répertoire précédent. cp Pour créer une copie d’un fichier, on utilise la commande cp. mv rm mkdir mkdir foo Créer le répertoire foo. chown chmod ssh scp
GreenSock for Beginners: a Web Animation Tutorial (Part 1) My aim in this article is to give you a thorough introduction to GreenSock, also known as GSAP (GreenSock Animation Platform), a super performant, professional-grade HTML5 animation engine for the modern web. This is the fourth article in the series Beyond CSS: Dynamic DOM Animation Libraries. Here’s what I covered in the past issues: Animating the DOM with Anime.js touches on how to make the best use of animation on the web and when you could consider using a JavaScript animation library instead of CSS-only animation. GSAP has too many features to fit in one article. In more detail: By the end of this first part, you’ll have learned about GreenSock’s capabilities and features, licensing model, core components, and basic syntax to tween and stagger DOM elementsIn part 2, I’ll introduce GreenSock’s native timeline functionalityFinally, part 3 will focus on some powerful bonus plugins GreenSock makes available to accomplish complex animation tasks easily with a few lines of code. License
cookiengineer/audacity: Audacity Fork without any Sentry Telemetry or Crash Reporting. HTML5 Canvas Tutorial: An Introduction Interested in CSS animation? Check out Creating Animations with CSS, a complete course on CSS Transitions and Keyframes animation by expert web developer Donovan Hutchinson, available for SitePoint members. For a sample of HTML5 canvas animations, watch Illustrations with the HTML5 Canvas below, it’s one video in our Start Animating with the HTML5 Canvas mini course. One of the most important instruments in a painter’s toolkit is their canvas. The situation in the web development world is similar. What is HTML5 Canvas? The canvas element is an element defined in HTML code using width and height attributes. What’s so Great About HTML5 Canvas? Here are some reasons you might want to consider learning to use HTML5’s canvas feature: Interactivity. What Applications Can You Create with HTML5 Canvas? OK, canvas is great. Gaming. Now that we know why we should learn canvas, let’s look at the basics of HTML5 Canvas and how to start using it. Canvas Rendering Contexts Getting Started Drawing Lines
CaLiÉc – Linux Alpes Le projet CaliÉc consiste à documenter et automatiser une procédure pour réaliser, en utilisant des données libres (OpenStreetMap) et avec le logiciel libre QGIS, des cartes d’orientation très détaillées, à échelle rapprochée, pour de multiples usages. À l’origine, il s’agit de permettre la production de supports pour l’enseignement en géographie et EPS (course d’orientation) à l’école primaire. En effet la représentation de l’espace y est travaillée sur des zones peu étendues, et la symbologie doit être adaptée à l’âge des élèves. Le procédé a vocation à servir pour tout besoin cartographique, même s’il est optimisé techniquement pour des zones restreintes (maximum 1km) et à échelle rapprochée (minimum 1/1000). L’utilisation de données libres d’OpenStreetMap implique aussi une dimension de contribution. Le script, les ressources, la documentation et le cas échéant, le plugin développés seront partagés sous licence libre. Styles :
GSAP, the standard for JavaScript HTML5 animation | GreenSock L'alternative à Windows et macOS : rapide, libre et respectueuse de la vie privée ⋅ elementary OS Create a Sprite Animation with HTML5 Canvas and JavaScript { William Malone } by William Malone Sprite animations can be drawn on HTML5 canvas and animated through JavaScript. Animations are useful in game and interactive application development. Several frames of an animation can be included in a single image and using HTML5 canvas and JavaScript we can draw a single frame at a time. This tutorial will describe how HTML5 sprite animations work. The example code is based off the game development framework: BlocksJS. What is a Sprite Animation? Two dimensional frame-based animation can be achieved on HTML5 canvas by rendering an area of a single image on a given interval. Using the drawImage method of the canvas context we can change the source position to only draw a cropped portion of one image called a "sprite sheet". What is a Sprite Sheet? HTML5 canvas animation sprite sheets are fundamentally the same as CSS sprite sheets. Now Let's Create a Sprite Animation Let's start by loading the sprite sheet image for the coin animation. DrawImage Method Render coin.render();
Migrer ses notes de Google Keep vers Joplin – Another One Personnal Blog ! Ayant récemment eu l’occasion de migrer des notes stockés sur Google Keep vers l’application open-source Joplin, je vous partage la procédure que j’ai réalisée et qui a parfaitement fonctionnée. C’est assez simple à condition d’avoir un ordinateur équipé de Python3 (en standard sur un PC Gnu/Linux). Exporter ses notes Concernant l’export de ses données, Google fait plutôt bien les choses. Une fois l’archive zip récupérée, il suffit de l’extraire dans un dossier et on se retrouve avec ceci : Récupérer le script Nous allons ensuite télécharger et mettre dans le dossier Keep précédent le fichier qui se nomme keep20191210-to-enex6.1.py et qui se trouve à cette adresse sur le forum de Joplin : Je le repose ici au cas où il disparaisse (à décompresser dans le dossier Keep) : Il semblerait qu’il faille un module Python supplémentaire : parsedatetime que l’on peut installer via la commande suivante sous Ubuntu :
HTML5 Canvas: Animation To draw animations on an HTML5 canvas you need to draw and redraw the frames of the animation on the canvas. You need to do so really quickly to make the many images look like an animation. To get the best performance for your animation, you should use the requestAnimationFrame call back function on the window object. You call this function and pass as parameter another function to be called when the browser is ready to draw the next frame in the animation. By letting the browser signal your application when the browser is ready to draw the next frame, the browser can enable hardware acceleration for your animation, as well as coordinate the frame redrawing with other redrawing activities in the browser. Here is a code example: function animate() { reqAnimFrame = window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame ; reqAnimFrame(animate); draw(); } Third, the animate() function calls the draw() function.
Quelques logiciels libres pour sécuriser le travail collaboratif en ligne Cette dépêche est initialement basée sur le journal de MariePa, qui a été complété et enrichi pour lister des solutions libres pour le travail collaboratif sécurisé. Il y est donc question de clients libres, de serveurs libres, de chiffrement bout en bout, de confidentialité des données, etc. Sommaire Messagerie instantanée / visio-conférence Certains de ces services sont recensés sur LinuxFr.org avec l’étiquette visioconférence lorsqu’elle est disponible. La plupart des outils de visio-conférence fournissent le service de messagerie instantanée, par contre de nombreux logiciels de messagerie instantanée n’offrent pas de fonctionnalité de visio-conférence. Element - précédemment Riot.im - pour la messagerie instantanée chiffrée ou non, en groupe ou en individuel, avec des passerelles vers les canaux IRC. Element : Galene : Jami : Jitsi : Talk (Nextcloud) : Silence : Courriels Sur votre ordinateur voire votre serveur Par ordre alphabétique : Rainloop sur NextCloud : Mail sur NextCloud : Thunderbird :
Creating HTML5 Animations | Cloudinary Blog HTML5 is the latest evolution of the HTML standard. It is bundled with a lot of new elements and attributes that makes semantics, connectivity, performance, device access, 2D/3D graphics, animation and styling better on the web. With HTML5, animations can now be programmed in the browser. Users get to enjoy all sorts of animations powered by HTML5, CSS3 and JavaScript. Apart from providing elements, such as the video and audio tag, the canvas element is a part of HTML5 that enables building games and powerful animations. Before we dive into how the HTML5 canvas element enables us to produce several types of animations, let’s take a look at how companion technologies -- CSS3 and JavaScript -- makes animations possible with some examples on the browser. CSS3 Animation CSS3 ships with the transformation and animation properties. To make the animations play, the animation-duration property must always be specified. Let’s take a look at some cool CSS3 animation examples. HTML5 Canvas Animations