background preloader

Fabric.js Javascript Canvas Library

Fabric.js Javascript Canvas Library
Related:  REL et Libre

- Logiciel pour créer un mur d'exposition et y accrocher des oeuvresMurExpo | Logiciel pour créer un mur d'exposition et y accrocher des oeuvres Stampix interface oCanvas - Object-based canvas drawing 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 ! #!

technologie interface graphique Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. <! Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. Bootstrap sets basic global display, typography, and link styles. Set background-color: #fff; on the body Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base Set the global link color via @link-color and apply link underlines only on :hover These styles can be found within scaffolding.less. Normalize.css Containers Use .container for a responsive fixed width container. <div class="container"> ... <!

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

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

Stampix Personnalise tes photos avec Stampix !Stampix est un moyen simple de capturer et partager tes meilleurs moments en y ajoutant des tampons créatifs. Donne à tes photos un design unique avec plus de 60 tampons disponibles gratuitement et partage les avec tes amis sur les réseaux sociaux. Ton opinion compte ! En cas de problèmes ou de bugs, n’hésitez pas à le signaler à cette adresse : contact@stampix-app.com. * créer tes propres tampons avec la version pro. Utilisation très simple en 3 étapes :1. Caractéristiques :- Positionner, tourner et modifier la taille des tampons sur toutes les photos. - 4 packs gratuits de tampons créatifs sont disponibles pour personnaliser les photos.- Partages tes photos personnalisées directement avec tes amis via les réseaux sociaux, MMS ou email.- Ajoutes des tampons sur les photos prises directement de l’application ou sur des photos déjà existantes dans ta librairie. - Des mises à jour régulières avec de nouveaux tampons et fonctionnalités.

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

cookiengineer/audacity: Audacity Fork without any Sentry Telemetry or Crash Reporting. GSAP, the standard for JavaScript HTML5 animation | GreenSock 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 :

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();

Kimai - Free Time-Tracking App (open-source)

Related: