Animation
Art collaboratif
Art du code
Art du réseau
Ascii art
Chiptune
Citation - hommage
Design
Dessin
Generative art
Glitch art
Hacktivisme
Immersion
Installation
Machinima
Mashup
Net art
Net vidéo
Pixel art
Robotique
Théorie
Videoludique
Web 2.0
Alexei Shulgin
C.E.B. REAS
Cory Arcangel
Jodi
Jonah Brucker-Cohen
Le 01’s
Nam June Paik
Young-Hae Chang Heavy Industries
Big book
Citation numérique
Habillage de blog
Le naturel revient au galop
Low-fi attitude
mi-homme mi-machine
text to ...
TRUE/FALSE
Virtuel à réel
Web 2.0 me voici !
(X)html
Ajax
Arduino
Cms
CSS
Electro-mecanique
Emulation
Flash
FTP
Géolocalisation
High tech
Javascript
Low tech
Mail
Modélisation
Modding
Mysql
Open Source
Pao
Php
physical computing
Processing
Pure data & max/msp
Standards
Tracking
Vectoriel
Vidéo
Wordpress
8 bits
A propos du codage des pages
Après avoir fabriqué du html et css autour de projet simples, il est temps d’attaquer un site plus étoffé en contenu. Il ne s’agira plus ici de faire un site à l’arborescence fermée, mais de construire (...)
%location est donc, côté public, une page noire au caractères verts clignotants. Côté code, on y découvre le plan de la deuxième et troisième bombes atomiques, celles qui sont tombées sur Hiroshima et Nagasaki, et une illustration de la fission nucléaire.
Une fois un layout produit avec un logiciel graphique, il faut le transformer en un trio html/css/images valide. Pour cela, un minimum de réflexion et de préparation est nécessaire. Un peu de (...)
Un exemple simple et complet : intervenir sur une page en cliquant dessus, sauvegarder le résultat dans une base de donnée pour pouvoir les afficher au rechargement de la page. Ce code est (...)
Une application simple, melant php et jquery, permettant avec un seul fichier de naviguer dans les pages html d’un dossier. Ce script fabrique un menu déroulant comprenant toutes les pages html trouvées dans le dossier où il est déposé avec php, et permet d’afficher le contenu de ces pages sans rechargement grâce à jquery.
Il existe beaucoup de balise html, mais on peut faire ici une liste courte des principales balises employées. Une liste complète des balises sur le site "le site du zero". En-tête de la page meta : (...)
Le html est un langage de description (et pas un langage de programmation), ce qui signifie qu’il décrit un contenu à un logiciel (le navigateur) chargé de l’afficher. Une page web un simple fichier (...)
Mon projet lors du workshop "Hybrid scrapyard" mettait en jeu la connection entre un formulaire sur le web et le micro-contrôleur arduino, à travers un script de processing, qui ne servait qu’à (...)
Tous les éléments présents dans le body, d’une page ont un comportement "en ligne" ou "bloc". Cette différence est déterminante dans l’écriture de votre code : les éléments inline et bloc n’ont pas le (...)
Dans le cours Arts numérique 1, on code à la main. Si on travaille avec une structure Xhtml respectueuse des normes, c’est aussi rapide qu’avec un éditeur Wysiwyg comme Dreamweaver.
Les codes qu’on oublie toujours en tant que jeune codeur. Code pour inclure une css distante, généralement placé dans le head de la page <link href="macss.css" rel="stylesheet" (...)
Ce module permet d’initier une formation au hml, aux css et la fabrication d’un thème graphique immédiatement utile dans votre blog du cours.
Un set à downloader, avec un pdf pour designer son site dur papier, des css et des pages psd pour faire des recherches graphiques.
Un "resetter" pour css : il met tous les paramètres de mise en forme css à zéro : pas de marges pour le body, pas de puces pour les listes, etc.
De l’école d’Aix en Provence.
Des cours bien écrits et illustrés d’exemples.
Quelques didacticiels type "powerpoint" sur les css et le javascript...
Création d’images et d’animation en pixel art et generative art. Elégant.
Une page très complète sur l’usage de la balise object et ses hacks divers.
Shulgin joue avec le javascript et les formulaire pour les détourner de leur fonction et mettre en avant une esthétique minimaliste.
Un pas à pas en français pour coder son thème wordpress à la main, from scratch. Première prise en main de l’environnement Wordpress intéressante et bien rédigée.
Une exposition en ligne d’oeuvres html. Impressionnant de virtuosité dans le low tech.
Groupement d’artiste autour du net art, irational cultive l’humour et l’ironie. Très actifs, les membres du groupes ont publié online des centaines de travaux, de la simple page au projet au long cours.
Concept autour de l’accessibilité du net, conseil de fabrication et d’optimisation du code html/css/javascript. Traduction française.
Formater de manière standard pour faciliter le travail de css, voici l’ambition des layout gala, fournis avec une trentaine de positionnement prêts à l’emploi.
css 4 design est un blog sur l’intégration web HTML, CSS et Javascript sans oublier le graphisme et l’ergonomie. Du webdesign, en somme ;)
Explication simple et assez complète du codage Xhtml.
Bonnes pratiques, codage sémantique, accessibilité, etc. Un blog à propos de ça.
Liste utile des tags html avec des descriptions précises. Un manuel a avoir sous la main.
Nombreux didacticiels et conseils sur html et css. Un des sites de référence francophones.
Logiciel de codage pour pc, très complet.
Documentation complète, traduite en français, sur les recommandations css2.
Un article sur l’intégration de polices OTF dans le graphisme web.
Un site bien fait sur le css, html, et javascript. Définitions, exemples, mises en garde.
Editeur de code pour macintosh. Simple et assez bien fait, un must-have.
Sur thecounter.com. Assez précis.
Créé par Ben Benjamin en 1997, un site de net art dans lequel se perdre. Cheap, trash.
La section "thème" de Wordpress, le CMS. Faciles à visualiser, à télécharger et installer sur son blog par FTP. Un premier pas vers la personnalisation.
La balise Canvas est récente et répond à des besoins de manipulation d’images directement dans le browser, principalement avec du javascript. Un outil prometteur pour éviter de passer par flash.
Un site de mise en commun de solution techniques autour du web. Tutoriaux, tips, etc.
Wordpress est un système de blog autonome, basé sur Php et Mysql. Assez récent, il est très bien construit et jouit d’une communauté assez active, ce qui garantit un débuggage rapide et beaucoup de thèmes disponibles.
Une librairie javascript pour fabriquer des formulaires wysiwyg facilement... Un peu de code pour plein de fonctions.
Les parametres d’un player flash youtube, toujours utile pour affiner son affichage dans une page web.