Sur Dev.to

Scroll Indicator is basically a line which fills up based on how much the user has scrolled in the page.They are usually positioned at the Top of the page.

The world's most popular React UI framework -

React components that implement Google's Material Design.

L’algorithme de tracé de cercle d'Andres1 permet, pour une complexité algorithmique très réduite, de tracer des cercles en image matricielle. Cet algorithme permet de paver entièrement le plan par des cercles concentriques, sans les trous que laisse par exemple l'algorithme de tracé d'arc de cercle de Bresenham.

JavaScript

Implementation that draws a circle in HTML5 canvas (for educational purposes only; there are better ways to draw circles in canvas).

const CHANNELS_PER_PIXEL = 4; //rgba

function drawCircle (x0, y0, radius, canvas) {
    var x = radius-1;
    var y = 0;
    var dx = 1;
    var dy = 1;
    var diameter = radius * 2;
    var decisionOver2 = dx - diameter;   // Decision criterion divided by 2 evaluated at x=r, y=0
    var imageWidth = canvas.width;
    var imageHeight = canvas.height;
    var context = canvas.getContext('2d');
    var imageData = context.getImageData(0, 0, imageWidth, imageHeight);
    var pixelData = imageData.data;
    var makePixelIndexer = function (width) {
        return function (i, j) {
            var index = CHANNELS_PER_PIXEL * (j * width + i);
            //index points to the Red channel of pixel 
            //at column i and row j calculated from top left
            return index;
        };
    };
    var pixelIndexer = makePixelIndexer(imageWidth);
    var drawPixel = function (x, y) {
        var idx = pixelIndexer(x,y);
        pixelData[idx] = 255;   //red
        pixelData[idx + 1] = 0; //green
        pixelData[idx + 2] = 255;//blue
        pixelData[idx + 3] = 255;//alpha
    };

    while (x >= y) {
        drawPixel(x + x0, y + y0);
        drawPixel(y + x0, x + y0);
        drawPixel(-x + x0, y + y0);
        drawPixel(-y + x0, x + y0);
        drawPixel(-x + x0, -y + y0);
        drawPixel(-y + x0, -x + y0);
        drawPixel(x + x0, -y + y0);
        drawPixel(y + x0, -x + y0);
        if (decisionOver2 <= 0) 
        {
            y++;
            decisionOver2 += dy; // Change in decision criterion for y -> y+1
            dy += 2;
        } 
        if (decisionOver2 > 0)
        {
            x--;
            dx += 2;
            decisionOver2 += (-diameter) + dx; // Change for y -> y+1, x -> x-1
        }
    }

    context.putImageData(imageData, 0, 0);
}

Gestionnaire conforme de cookies

Js13kGames is a JavaScript coding competition for HTML5 Game Developers. The fun part of the compo is the file size limit set to 13 kilobytes.

The Friendly & Fun Fullstack javascript framework

Open source HTML5 Charts for your website

Simple yet flexible JavaScript charting for designers & developers

Apprendre Angular en partant de zéro !

Pour les développeurs web qui veulent se former et se perfectionner sur Angular.

Aujourd'hui, tous les langages semblent fonctionner de cette manière : se doter de certaines fonctionnalités basiques ou communes et permettre aux utilisateurs d'installer des packages pour des fonctionnalités spécifiques. Précisons aussi qu'un package peut avoir des dépendances, c'est-à-dire nécessiter l'installation d'autres packages pour fonctionner. On peut donc se retrouver facilement avec de nombreuses dépendances imbriquées dans le code d'un logiciel.

L'élément canvas est un composant de HTML qui permet d'effectuer des rendus dynamiques d'images bitmap via des scripts. Déjà implémenté dans certains navigateurs, il fait partie de la spécification HTML5. !wfr

• API canvas sur la MDN.
• Tuto
• The WebGL API sur la MDN.

An exciting game of programming and Artificial Intelligence

Vue.js est un framework évolutif pour construire des interfaces utilisateur. Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Parse, validate, manipulate, and display dates and times in JavaScript.

Un gestionnaire de dépendances rapide, fiable et sécurisé.

Alternative à npm.

RegExr: Learn, Build, & Test RegEx

• Tutoriel pour maîtriser les expressions régulières de Lucas Willems.
• regex101 : Online regex tester and debugger
• RegexOne

• Perl Doc RE
• POSIX

Via Alopex.

Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

• 99$

Par Petrocore sur le cri du troll.

Commençons simplement, par le premier mode de jeu « petit scarabée ». Ici, vous aurez un certain nombre de cartes en main et devrez, chacun votre tour, poser une série de shinobis identiques pour former un clan. Si vous en posez deux, la plus petite forme du pouvoir du clan se déclenchera. Si vous en posez trois ou quatre, ce sera la version « deluxe » du pouvoir à laquelle vous aurez droit. Quand un joueur aura posé son quatrième clan, la partie s’arrête et on compte les points. Celui qui en a le plus a gagné. Simple, n’est-il pas ? Pas tant que ça…

Phaser is a free software 2D game framework for making HTML5 games for desktop and mobile. It was created by Photon Storm. !w.en

JS Fiddle est un outil de test et de partage de codes sources. Simple d’utilisation, Son interface se compose principalement de 5 zones dont 3 sont utilisées pour la rédaction de votre codes (HTML, CSS, JS).

Sur Pompage.net.

CSS, Html et Javascript pour menu déroulant.

De Ben Joffe.

Tetris 3D + autres.