Forum Programmation.web Accéder à un nœud du DOM en utilisant son id comme variable

Posté par  (site web personnel) . Licence CC By‑SA.
Étiquettes :
5
2
nov.
2023

Désolé, j'ai pas réussi à faire une meilleure formulation du truc pour le titre.

Dans le tutoriel de D3, y'a ce bout de code :

<!DOCTYPE html>
<div id="container"></div>
<script type="module">

import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";

// Declare the chart dimensions and margins.
const width = 640;
const height = 400;
const marginTop = 20;
const marginRight = 20;
const marginBottom = 30;
(…)

Journal opensara: un nouveau jeu libre

Posté par  (site web personnel) . Licence CC By‑SA.
51
8
oct.
2021

Bonjour Nal,

Après Newton Adventure et Ned et les maki, je me lance dans le développement de nouveaux jeux libres.

Ayant plusieurs projets en tête, j'avais décidé de faire des prototypes pour tester mes idées de gameplay. Le premier était shmuprpg, le deuxième underthief et le troisième bomberned. L'excellent moteur de recherche de linuxfr te permettra de retrouver les journaux où j'en parle et tu peux toujours y jouer sur mon site.

Je reviens aujourd'hui avec un projet plus (…)

Journal Edit Interactive SVG 1.2

Posté par  . Licence CC By‑SA.
16
22
mai
2021
Ce journal a été promu en dépêche : Edit Interactive SVG 1.2.

Intro

L'éditeur de SVG Interactif prenait la poussière et j'ai fini par prendre le temps nécessaire pour lui redonner un petit coup de jeune.

Pour ceux qui suivent un peu le projet, nous arrivons à la version 1.2 qui suit la 1.1 https://linuxfr.org/users/mothsart/journaux/edit-interactive-svg-1-1

Cette version m'a permis de répondre a des besoins exprimés depuis sa version 1.0 (https://linuxfr.org/users/mothsart/journaux/editeur-de-svg-interactif) donc 3 ans d'attente :

  • rajouter des contenus multimédia directement dans les commentaires :
    Il était déjà possible de rajouter (…)

Edit Interactive SVG 1.2

Posté par  . Édité par Ysabeau 🧶 🧦, Benoît Sibaud et Pierre Jarillon. Modéré par Benoît Sibaud. Licence CC By‑SA.
21
24
mai
2021
Graphisme/photo

Edit Interactive SVG est un logiciel libre qui permet de créer des illustrations interactives au format SVG. Il était initialement (2018) voué à l’éducation mais peut se destiner à un public bien plus large.

Une présentation de l’objectif du logiciel et deux exemples Campement paléolithique et Organes du corps humain sont visibles pour se faire rapidement une idée. Et la version en ligne permet de tester directement sans installation.

Journal Un CV en ligne

Posté par  (site web personnel) . Licence CC By‑SA.
Étiquettes :
39
13
fév.
2021

Cela faisait longtemps que ça me dérangeait: Refaire mon CV, cette fois en utilisant HTML/CSS. En utilisant les dernières avancées en HTML5 / CSS3, on doit pouvoir arriver à quelque chose de présentable et pratique.

Historiquement, j'utilisais LaTeX, puis, pour des raisons diverses, LibreOffice.

LaTeX, c'est bien, mais il y a toujours un moment ou un recruteur vous demande une version word, parce-que le PDF généré ne peut pas être importé dans word. Les paragraphes, voire les mots ou les (…)

Journal Edit Interactive SVG 1.1

Posté par  . Licence CC By‑SA.
20
20
avr.
2019

Mon éditeur de SVG interactif passe tranquillement la barre 1.1.

Depuis la version 1.0, le temps est passé :https://linuxfr.org/users/mothsart/journaux/editeur-de-svg-interactif

Le soft c'est rudement stabilisé avec son lot de correctifs que je ne listerais pas.

Quelques fonctionnalités se sont également ajoutées :

  • La mise en place de raccourcis clavier pour contrôler le fichier interactif généré.
  • La possibilité d'éditer les crédits du document.
  • La possibilité de remplacé le fichier svg source sans perdre les méta-données liés au soft : indices, titres (…)

Journal Reconstruire son lecteur audio pour le web

Posté par  (site web personnel, Mastodon) . Licence CC By‑SA.
Étiquettes :
29
7
nov.
2018

J'ai profité d'une ré-écriture de mon player audio en WebComponent pour documenter comment on insère du son dans une page web. Des plugins, de ce qui a rendu Flash ultra-populaire, le web documentaire, l'arrivée de la balise <audio>, l'API, la Vie et le Reste

Forum Programmation.autre Développement application IOS / Android

Posté par  . Licence CC By‑SA.
Étiquettes :
1
23
oct.
2018

Bonjour,

Quel serait le meilleur moyen pour porter une un site internet de messagerie instantanée HTML5 / socket.io / node.js en application native Android / IOS ?

Avez vous des retours d'expérience de phonegap ou autre point de vue performance, stabilité, push notification ?

Merci.

Journal Hache-thé-aime-aile cinq virgule deux (a.k.a HTML 5.2 pour les intimes)

Posté par  (site web personnel, Mastodon) .
Étiquettes :
20
21
déc.
2017

Le saviez-vous ?

Le HTML se met à jour : la version 5.2 de la norme a été publiée la semaine dernière par le W3C.

On peut trouver l'annonce ici et surtout les changements là, les deux liens étant en anglais. Ça parle surtout d'une API de paiement, semble-t-il.

Personnellement je n'avais même pas vu passer la nouvelle de la v5.1 de HTML, donc je me dis que ce journal-signet peut servir à quelqu'un.


Journal sous licence CC-BY 4.0, (…)

Terminus : un jeu d’aventure pour apprendre à utiliser la ligne de commande

Posté par  . Édité par Davy Defaud, Nÿco, palm123 et Benoît Sibaud. Modéré par Nÿco. Licence CC By‑SA.
67
20
nov.
2017
Jeu

En 2011, des étudiant·e·s du MIT ont eu l’idée de passer par le biais du jeu vidéo pour apprendre à utiliser la ligne de commande GNU/Linux aux non‐initié(e)s. Trois ans plus tard sortait le jeu Terminus jouable (accès au code source).

Terminus, un jeu avec des gamins, des trolls, et des manuscrits

#WhatWouldTimblDo : nouvelle campagne de la FSF contre les DRM sur le Web

Posté par  (site web personnel) . Édité par ZeroHeure, Davy Defaud et Benoît Sibaud. Modéré par ZeroHeure. Licence CC By‑SA.
Étiquettes :
27
11
nov.
2016
Internet

Cette semaine, Tim Berners‐Lee est appelé à se prononcer sur l’adoption de la gestion numérique des droits (plus connue sous le nom de DRM) dans HTML 5. La Free Software Foundation a donc lancé une pétition pour convaincre l’actuel président du W3C de dire enfin non.

Petit historique…

Tim Berners‐Lee, surnommé Timbl, est le principal inventeur du Web, ainsi que le fondateur et président du World Wide Web Consortium dit W3C, organisme de standardisation du Web.
Le W3C regroupe plusieurs centaines d’entreprises partenaires. Parmi elles, Apple, Google, Microsoft et Netflix proposent en 2013, le développement des Encrypted Media Extensions (EME), un système de menottes numériques pour le Web. Tim Berners‐Lee et son équipe acceptent cette proposition, suscitant de vives critiques du grand public comme de professionnels.

… et gros remous

Fondamentalement opposée aux DRM, la Free Software Fondation dispose d’un portail d’information militant dans ce sens : Defective by Design (« défectueux par conception ») et lance une pétition anti‐EME.

Flash d’Adobe à l’agonie

149
1
nov.
2016
Internet

Flash Player et sa technologie sous‐jacente, tous deux développés par la société Adobe, n’en finissent plus d’agoniser. Sommes‐nous en train d’assister aux derniers soubresauts ?

  • Les principaux navigateurs Web réduisent la voilure de l’extension Flash Player, principalement pour des problèmes récurrents de sécurité, de performance et de consommation excessive de batterie. L’introduction d’un blob propriétaire dans les navigateurs est peut‐être aussi une raison pour certains projets, bien que ce point soit rarement mis en avant officiellement.
  • Certaines plates‐formes grand public ne permettent plus l’installation de Flash, parfois depuis des années (Apple iPhone, Microsoft Edge…).
  • L’absence de Flash sur un ordinateur personnel est de moins en moins un problème pour un usage, même intensif, du Web et force est de constater que l’on peut désormais surfer des mois sans Flash sans même s’en rendre compte.
  • Les plates‐formes publicitaires (Google en tête) vont commencer à refuser les publicités Flash.
  • Les clones de Flashplayer et les convertisseurs de Flash vers HTML5 sont abandonnés.

Logo Occupy Flash

Dans la première partie de cette dépêche, nous présenterons Flash et reviendrons plus en détail sur son histoire, son apogée, ses concurrents, puis sa chute vers l’oubli.
La seconde partie nous permettra de détailler les technologies du moment, afin de donner quelques pointeurs aux développeurs et designers Web souhaitant se mettre au goût du jour.

Divulgation prématurée : ladite relève se constitue essentiellement de standards, promus par l’ensemble des acteurs du Web !

Journal #WhatWouldTimblDo : nouvelle campagne de la FSF contre les DRM sur le Web

Posté par  (site web personnel) . Licence CC By‑SA.
Étiquettes :
23
11
nov.
2016

Cette semaine, M. Tim Berners-Lee est appelé à se prononcer sur l’adoption des DRM dans HTML 5. La FSF a donc lancé une pétition pour convaincre l’actuel président de la W3C de dire enfin non.


Petit historique…

Tim Berners-Lee, surnommé Timbl, est le principal inventeur du Web, ainsi que le fondateur et président du World Wide Web Consortium (W3C), organisme de standardisation du Web.

Le W3C regroupe plusieurs centaines d’entreprises partenaires. Parmi elles, Apple, Google, Microsoft et Netflix proposent (…)