Accueil > Plan du site
Plan du site
Chronologie
Articles
- L’Arithmomètre
- Hollerit crée la tabulatrice
- La société CTR, future IBM, est créée
- L’eniac
- Le transistor
- Spoutnik 1
- création d’ARPA (ou DARPA)
- Baran et le réseau distribué
- La souris
- Première démonstration d’un travail en réseau par Douglas Engelbart
- première mise en place d’ARPANET
- Première "killer app" : le mail
- le TCP/IP et la commutation de paquets
- Le CD-ROM
- le GIF
- NCSA Mosaïc
- Yahoo ! est créé
- Javascript
- le DVD
- les Cascading Style Sheets (CSS)
- début la guerre des navigateurs
- le moteur de recherche Google
- Explosion de la bulle internet
- le monopole d’Internet Explorer
- la fondation Mozilla
- Firefox
- Vimeo, Youtube, Dailymotion
- Manchester Baby, le premier ordinateur Von Neuman
- La machine de Turing
- Carlson produit une électrophotographie
- Xerox Alto et la métaphore de bureau
- Semi-Automatic Ground Environment (SAGE)
- Le Ferranti Mark 1, premier ordinateur commercialisé
- L’architecture de Von Neumann
- La machine analytique de Babbage
- Le Télégraphe Morse
- Microsoft abandonne le support d’Internet Explorer
- Eliza, le premier chatbot
- Ada Lovelace écrit le premier programme informatique
- A-0 System, le premier compilateur
- D4004, le premier microprocesseur
- Le disque dur IBM 350
- Le code barre est créé
- Napster et le téléchargement partagé
- Tim Berners-Lee fonde le W3C
- Netscape Navigator
- Le World Wide Web
- Le métier Jacquard
- L’armée sépare Milnet de Arpanet
Exercices
Sites Web
Modules
Article
-
Code : HTML et CSS
- Tip : Conseils pour le développement d’un thème
- Extra : Pense-bête html-css-javascript
- Extra : Petit matériel graphique de test
- Le langage HTML
-
Le langage CSS
- Les Cascading style sheets
- Principaux attributs en CSS
- Utilisation de class en html et css
- Utilisation de id en html et css
- Elements inline et block
- Le positionnement css
- Sélecteurs hiérarchiques
- CSS et typographie : historique
- CSS et typographie, en pratique
- Display : flex
- Quelques nouveautés incontournables de css3
- Les transitions css
- les animations CSS3
- Media queries et CSS print
- Quelques applications HTML CSS JS
- Les formats XML et SVG
- Les frameworks CSS
- Quelques concepts de plus
-
Code : PHP
- Tutorial
-
Exemples
- Ecrire un fichier de log
- Créer une image avec GD2
- Générer des images avec php et jquery
- Explode, shuffle, implode
- Lire un mail avec php
- Expressions régulières utiles
- Récupérer le contenu d’un tag avec une expression régulière
- Lister le contenu d’un répertoire avec PHP
- Un formulaire avec entrée dans une base mysql
- Un navigateur automatique avec opendir et jquery
- Ecrire des graffittis avec jquery, php et mysql
- Générer un pdf avec FPDF
- Tip : rediriger une url
- Charger une image de fond aléatoire avec glob() et rand()
- Un formulaire PHP pour générer les vignettes d’une série d’images
- Une fonction pour crééer automatiquement des vignettes d’images à taille choisie
- Tutoriels special confinement
-
CMS : Wordpress
- Introduction
- Création de thème : base
- Création de thème avancé
- Procéder à l’intégration d’un thème
-
Tips & hints
- Utiliser les champs personnalisés
- Intégrer colorbox dans wordpress
- Installation par FTP de Wordpress
- Transférer un site wordpress d’un hébergement à un autre
- Oubli du mot de passe : réaccéder à l’administration grâce à PhpMyAdmin
- Installer un deuxième site wordpress avec une seule base de données
-
Wordpress par l’exemple : le thème Hiremeplease
- Hiremeplease, un site basé sur bootstrap
- Utilisation des "template parts" : un bloc d’entete avec une image de fond
- Utilisation des templates alternatifs pour les articles
- Template part : une mosaique d’article avec un filtre par catégorie
- Lister des posts avec un effet graphique
- Ajouter fancybox au thème
- Charger des pages et articles avec Fancybox
- Wordpress par l’exemple : le thème theme_base
-
Code : javascript
- Les bases
-
JQuery
- Présentation de jQuery
- Fonctions de base de jQuery
- Les événements (events) avec jQuery
- Quelques plugins jQuery utiles
- Créer des onglets avec jquery
- Montrer du code avec jquery
- Faire scroller la page doucement avec jQuery
- Modifier l’apparence d’une page avec .addClass(), .removeClass() et .toggleClass()
- Récupérer la valeur du scroll et faire des trucs
- Détecter la direction du scroll
- Associer l’apparition d’un bloc dans la page à une action
- Manipuler les éléments de la page
- Lecteurs audio et vidéo
-
Code : Processing
-
Formation
- Commencer avec Processing
- Les formes "primitives" en 2D
- Les boucles : for, while, each
- Les polices de caractère dans processing
- Parcourir la surface d’une image en grille
- Parcourir la surface de l’animation en grille
- Produire une mouvement de balançoire
- Fabriquer un objet
- Translate, rotate et pushMatrix() en 2 dimensions
- Le easing
- Dessiner avec curveVertex
- Ecrire et parser un fichier simple
- Analyser un texte avec les expressions régulières
- hour, minute, second : Une horloge avec processing
- PDF : Produire un pdf avec processing
- Texte : Parcourir un texte mot par mot
- A propos de Processing
-
intéraction et calcul
- 3D : dessiner des cabanes à la Frank Lloyd Wright
- Une balle sensible à la souris
- PDF : 40 pages avec des lignes aléatoires
- Son : Utiliser le volume avec minim
- Plus : dessiner des éléments en suivant la souris
- Twitter, arduino et processing dans une boite
- Une image comme ensemble de particules
- Ligne horizontales avec perturbation grâce à cos()
- Double oscillation
-
Traitement du texte
- Analyse d’une phrase lettre par lettre
- Texte : Un générateur de phrases
- Assembler un texte à partir de 3 sources différentes
- Texte et dessin : Rorscha et Balzac se rencontrent
- Texte : splitter un texte en phrase
- Lire un fichier .srt
- Trier les mots d’un texte et les classer
- Dessiner avec des mots en angle droit
- Créer un texte oulipien sur base de s+7
-
Traitement vidéo
- PDF : faire un livre à partir de la camera
- Video et pdf : Fabriquer des images à partir d’un film
- Video : Coder une pièce historique de Dan Graham
- Video : "Hacher" l’image provenant de la webcam
- Plus : un piano avec la webcam
- Un poster sur base des images d’une vidéo
- Son et video : déclencher un son grâce à la webcam
- Exporter une vidéo avec Processing, Video export et ffmpeg
-
Outils
- Dessiner par dessus une image avec PGraphics
- Adapter une image avec recadrage et mise à l’échelle
- Créer un fichier xml
- Lire un fichier xml
- Fichiers : lister les fichiers contenus dans un dossier
- Ramener des images de flickr avec l’api publique
- Charger des images depuis un dossier sélectionné par l’utilisateur
-
Cours distant : couverture générative, les codes utiles
- Texte et typographie dans Processing
- Charger une typographie dans Processing
- Importer une image dans Processing
- Qu’est-ce qu’une fonction, pourquoi les utiliser
- Code de base pour l’exercice, partie 1
- Exemple 1 : placement d’une portion d’image avec random()
- Exemple 2 : intégrer une grille randomatique
- Exemple 3 : un tracé aléatoire continu
- Exemple 4 : Une image au format choisi à l’endroit choisi
- Exemple 5 : combiner deux fonctions pour tramer des images
- Parcourir une phrase lettre par lettre
- Exemple 6 : tramer du texte avec PGraphics
- Lire une vidéo, image par image
- Chargement d’un fichier texte
- Dessiner avec vertex()
-
Formation
- Arduino
-
Image numérique
-
Image numérique
- L’image numérique, qu’est-ce que c’est ?
- Bit, octet, kilo-octets
- Images matricielles
- Images matricielles : formats et logiciels
- Image vectorielle
- Le vectoriel est partout
- Images vectorielles : formats et logiciels
- Vectoriser / rastériser
- Manipulations vectorielles, quelques astuces de base
- Breve histoire des interfaces (2) : téléype, écran matriciel, clavier/souris, tablettes
- Breve histoire des interfaces (1) : cartes perforées et cablâge électrique
- Art génératif / Design génératif
- Plus
-
Image numérique
- l’Internet
Sites Web
- 25 life-saving tips for Processing « Amnon P5 – Experiments with Processing by Amnon Owed
- Bootstrap 4 Cheat Sheet - The ultimate list of Bootstrap classes
- Dictionnaires et corpus de mots
- Download \ Processing 1.0
- Fritzing.org
- Helpsheet css sur codedrops.net
- Helpsheets html css et php sur gosquared
- Image matricielle - Wikipédia
- Image numérique - Wikipédia
- Image vectorielle - Wikipédia
- Interview de Tom Igoe sur Processing
- JeremyBlum.com
- Le channel de max msp/jitter
- Learning Processing : A Beginner’s Guide to Programming Images, Animation, and Interaction by Daniel Shiffman
- MindNode
- OpenProcessing
- Processing drawings
- Simon Blackmore
- The Nature of Code
- Wordnet
- Wordpress Help Sheet
Références
Articles
- Le corps des machines sales
- Le corps des robots industriels
- Digital/electronic nature morte : quelques références
- Oeuvre évolutives, quelques références
- Film to... : quelques références
- Naturel, quelques références
- Pourquoi devons-nous veiller à la Neutralité du Réseau ?
- Analogique et digital : Aram Bartholl Vs Jim Campbell
- Virtuel > réel, quelques références
- Sol Lewitt
- On/off and in between
- Hommages et citations, partie 2
- Transmodal text, quelques références
- Mi-homme, mi-machine, quelques références
- Mes instructions, en vrac
- Déformer, déchiqueter, lacérer, détruire
- True/false, en vrac
- Le Dr Dvorak ou le rapport technologie/entreprise
- Une histoire de l’e-mail
- Cory Arcangel
- Hommage et citations, exemples
- Mame
- les 01,s
News
Article
Catalogue virtuel
Articles
- Nihil Ex Nihilo - The Dialogue, Felix Luque Sanchez, 2011
- Tennis, Cool3dworld, 2019
- Random Darknet Shopper, !Mediengruppe Bitnik, 2015-2016
- "The Pirate Cinema", Nicolas Maigret, 2013
- "Christ mourant", Antoine Schmitt, 2006
- Full effect, Jeremy Bailey, 2011
- They rule, Josh On, 2001
- Agatha appears, Olia Lialina, 1997-2008
- Dark source, Ben Rubin, 2005
- Photo album, Cody Trepte, 2007
- In flat B, Darren Salomon (+ guests), 2009
- Process 17, C.E.B. Reas, 2010
- Bios, the Bible Scribe, Robotlab, 2007
- "%20location", jodi, 1995
- "1 bit symphony", Tristan Perich, 2009-2010
- "International Dance Party", Niklas roy, 2007
- "Mobile broadcast unit", Graffiti Reasearch Lab, 2007
- "Forest landscapes" de Gerhard Mantz, 2009
- "The idea of a tree", Katharina Mischer & Thomas Traxler, 2008
- "Random screen" de Aram Bartholl, 2005
- "q3aSocialLadder" de Walter Langelaar, 2006
- "Dakota" de Young-Hae Chang Heavy Industries, 200 ?
- "Vanity ring" de Markus Kison, 2007
- "Learning to love you more", Miranda July et Harrell Fletcher, 2002
- "Georges Brassens et la puissance de la fonk" par Mozinor, 2008
- "The french democracy" de Alex Chan, 2006
Sites Web
Liens
- Html/css/javascript
- Logiciels
- Graphisme
- PHP
- Ascii - pixel art
- Generative art
- Art collaboratif
- Installation/performance
- Mashup
- Théorie/information
- animation
- Net art
- Robotique/microcontrôleurs
- Web 2.0
- CMS
- Art/science
- Activisme
- Artistes et groupes
- Lieux
- hardware
- Banques de documents
- Processing
Sites Web
- Building Custom WordPress Theme sur webdesignerwall.com
- poptronics
- "Un Site Apple Non Officiel"
- * Casper Electronics
- 10x10 / 100 Words and Pictures that Define the Time / by Jonathan J. Harris
- 386 dx
- 40 Free Fonts That Everyone Should Own
- 50 Ways to Become a Better Designer
- 6 astuces pour créer son thème wordpress
- 8 BIT
- 8 bit collective
- 960.gs
- <>tag
- A list apart
- abigmagnet.blogspot.com/
- Abstractfonts.com
- abstractmachine
- Ad generator
- ajaxian.com/
- Ajaxload
- alexa.com
- Ali Momeni
- Angelo Plessas
- Architecture de l’information - Ergolab
- Archive.org
- Arduino
- Arduino meets processing
- Arduino Shield List
- Arduino sur getsatisfaction
- arduino.milkcrate de Sebastian Tomczak
- Arno Fabre
- Ars Technica
- artsoftware.org
- Ascii generator sur network science
- Ascii pic
- ascii-fr.com
- ascii.mastervb.net
- b-l-u-e-s-c-r-e-e-n.net
- Ball droppings.com
- Beatriz Da Costa
- Beige
- Ben Fry
- Benjamin Maus
- Between blinks and buttons
- bibmath.net
- Blog de daniel shiffman
- Blog de Brian Holmes
- Blueprintcss
- brody condon
- burak arikan
- C.E.B. Reas
- Can I use... Support tables for HTML5, CSS3, etc
- Carey Young - works
- Cargo
- Cedmagic.com
- Centre de Ressources Art Sensitif
- Chris Burden sur second life
- chris.com
- Christophe Bruno
- Christopher Baker
- Cinema Redux de Brendan Dawes
- Cody Trepte
- Coin operated : class
- Color selector sur Fujitsu.com
- colormixers.com
- Colourlovers
- complaintschoir
- Copie de site sur 0100101110101101
- Cours html/css de Douglas Edric Stanley
- Crash Space
- CreativeApplications.Net
- Css débutants sur Mammouthland
- CSS3 . Info - All you ever needed to know about CSS3
- Cubespace
- Culturemobile.net
- Cyberduck
- D-I-N-A.net
- Dafont.com
- DAM : : [DAM]
- Data, Zach Gage
- Dateenform.de de Aram Bartholl
- david bowen
- David Rokeby
- Déclaration des zones de widget dans wordpress
- Dégradé de couleur dans un texte
- Deep ASCII
- Deep throat en ascii
- Definition des balises sur "zone xhtml"
- Didacticiels sur DrazziB.com
- digital art international | digitalarti.com
- Division "print & photographs" de la "Librairy of congress"
- Down this video
- downloadpedia.org
- Downloadsquad.com
- Dry Icons
- Easyphp
- Ecole supérieure d’art d’Aix-en-Provence
- Electric sheep
- Elna Frederick
- Evan Roth : BAD ASS MOTHER FUCKER BADASS MOTHERFUCKER #BADA55
- Explications sur la balise object sur joliclic
- Fab Lab
- Fabrice Epelboin - Wikipédia
- famfamfam
- Fancybox | Fancy lightbox alternative
- Favicon generator
- File extensions . Org
- Filezilla
- firevox, un lecteur text-to-speech pour firefox
- FlickrMixr
- Flip Flop Flyin’
- Flipbook.info
- Flong : Le site de Golan Levin
- Fondation Langlois
- Font Squirrel
- Form art
- Fpdf, generateur de pdf avec php
- Framasoft
- Fran6art.com : creer un theme Wordpress
- Frankiezafe
- Free Vectors, Free Vector Art, Vector Graphics - Vectorportal
- Fritzing.org
- Galerie Think21
- Generator.x : Software and generative strategies in art and design
- Geo Goo
- George Legrady
- Gieskes.nl
- Glacialwanderer : hobbyrobotics
- Gnomz
- Godsmouse.com by Uli Schöberl 2008
- Graffitti Research Lab
- Hack a day dot com
- Hektor
- Home Page - Television Tropes & Idioms
- House Gymnastic
- How to Datamosh with Free Video Tools
- HTML Color Codes
- HTML5 & CSS3 Support, Web Design Tools & Support - FindMeByIP - CSS3 & HTML5 Browser Support
- HTML5 Canvas : tutoriaux
- http://2067.hypermoi.net
- Hung Keung
- Hyperbate.com
- Hypermedia à Paris 8
- Hypermedia-netart
- Imal
- incident.net
- Indies games
- Installer un serveur LAMP en 30 minutes
- Instructables - Make, How To, and DIY
- Interface
- interfascia
- Internet mon amour
- InternetActu.net
- introduction au net art
- Introduction au php
- Iocose.org
- IOGraphica
- Irational.org
- Isolatr
- iZoom
- Javascript, orienté objet
- Je javascript
- Jerome Saint-Clair (01010101)
- Jodi
- Jodi.org
- Johnny Lee
- Jquery
- Julius von bismarck
- Komodo edit
- L’améloration progressive
- L’oeuvre d’art à l’époque de sa reproductibilité technique
- la concha.net
- Lab3 - Laboratory for Experimental Computer Science
- Layouts gala
- Le blog de Guilherme Martins
- Le blogzine de l’intégrateur web
- Le site de Cory Arcangel
- Le site de Jonah Brucker-Cohen
- Le site de Marco Cadioli
- Le site de Yannick Antoine AKA Yhancik
- Learn to code | Codecademy
- Learning Processing : A Beginner’s Guide to Programming Images, Animation, and Interaction by Daniel Shiffman
- Learning to love you more
- Leçon Xhtml sur wikibooks
- Leonel Moura
- Lesintegristes.net
- Lev Manovitch
- Like television.com
- Lire des vidéos en ascii
- Lire un mail avec php
- Liste de liens à propos d’arduino
- Liste de liens sur le javascript
- Liste des fonctions php
- Liste des tags html sur w3cschool
- LiveValidation - Validation as you type
- Low Resolution Self Portraits. Lo Res, online exhibit of digital photographic images by Rick Doble.
- Ludomancy.com
- Mac 7.0.1 sur un stick usb
- MAInD - Plotting Interaction Design Knowledge
- Mains d’oeuvres
- Make
- Mame
- Mamp
- MarkusKison.de
- MashUp awards
- Max msp
- Maxdesign - listamatic
- Mbrola
- Medialab de Madrid
- MediaRuimte
- MedienKunstNetz
- Method & Craft
- Michel Debroin
- Mickael Kontopoulos
- mischer’traxler
- mo5.com
- Monochrome(s) RVB
- Mouchette.org
- Mozinor
- Mpeg streamclip
- MUSEOGAMES
- Myfonts.com
- Nam June Paik
- Navigateur Firefox
- Neural.it : : new media art, electronic music, hacktivism
- New media
- Newsmap sur Marumushi
- Niklas Roy
- Niklas Roy
- Nikolaj’ personal blog le Lialina
- NounProject
- Nouveauxmedias.net
- Numediart
- Open frameworks
- Open Source Cms
- Openprocessing.org
- OSP — Open Source Publishing – Design Tools For Designers
- Otaku world
- OWNI, Digital Journalism
- panoplie.org
- Paparazzi !
- Passingby.net
- Patch, script, documents de rybn
- Patterrific
- Paul Granjon
- Peer to peer foundation
- Personnalisation de thème wordpress
- Peter Cho
- Phobosoft.ch
- Photonoise
- PHP sur "vulgarisation informatique"
- Pillow Talk
- Pixeljoint
- plaintxt.org
- Plugin cycle pour jquery
- Plugin Firebug pour Firefox
- Plugin innerfade pour jQuery
- Plugin Webdeveloper pour Firefox
- Polices présentes sur les ordinateurs
- Pompage.net
- pong.mythos
- Processing
- Processing -Ecole d’Art d’Aix en provence
- Processing 1.0
- Projet toolbox
- PsPad
- Radicalart
- Rafael Lozano-Hemmer
- Random screen
- Référence de la librairie GD2
- Références css2 en français
- Répertoire des arts et littératures hypermédiatiques
- regular expressions dot info
- Resistulator widget
- Resize !
- rgb f_cker
- rhizome.org
- Robbotnews.com
- Robert Lazzarini
- Robotshop
- Roger Martel vieillit
- Runme.org
- Sabrina Raaf : : New Media Artist
- Sascha Pohflepp
- Sauvez Buddy
- Screencast : Converting OTF or TTF to EOT - Snook.ca
- Seashore
- Secret garden de Mutabor
- seeeduino
- Selfhtml
- Shooter game art list de Maia Engeli
- Shredder de Mark Napier
- Simple html dom
- slimshady451
- SmallDvd
- Smashing Magazine
- Smultron
- SOUNDS.BUTTER™ Interactive Design Group
- Spam paint
- SpamPaint
- Spip
- Spip Contrib
- Star wars en ascii
- Statistiques de navigateur
- Statistiques de navigateurs
- Statistiques de navigateurs
- Strip generator
- Styleshout.com
- Superbad
- Superflex.dk
- Suzanne Kare
- Tango Icon
- Tango Icon
- Ten Tips for Becoming a Better WordPress Developer | Web Design Ledger
- Text-image.com
- Thèmes pour Wordpress
- The Grid System
- The World Famous Index of Arduino & Freeduino Knowledge
- The Yes Men
- They rule
- This Week at Eyebeam | eyebeam.org
- Three Hundred Eighty Ten
- Tiny.cc
- todbot.com
- Toutjavascript.com
- Toxi (Karsten Schmidt)
- toxi : generative interactive objects, art, demos, tools, source code
- Tristan Perich
- Tutoriel pour la balise "canvas"
- Typographisme
- ubu.com
- Ubuntu
- Une classe php pour récupérer des vidéos youtube
- Une Histoire des arts numériques, des nouveaux medias, multimedia, interactif - de 1900 à nos jours - Centre Ressources Labomedia
- Une série de liens à propos de la robotique
- Unlekker.net
- Useless account
- V2
- Vectors on Fire
- vidéo en ascii
- Vimeo.com
- Virtual Box
- Wamp
- We make money not art
- Web Design Ledger | A Publication for Web Designers
- WebDesignerWall
- Webmonkey
- Welcome : : Indexhibit
- Widgetiser son wordpress
- Wiki source
- wikisource
- Wordpress
- Wordpress : liste des Template tags
- Wordpress : marqueurs conditionnels
- Wordpress développement de thème (en)
- writtenimages.net
- www.micromusic.net
- Yahoo user interface librairy
- YMCK Official Web Site
- Young-Hae Chang Heavy Industries
- YouTube Embedded Player Parameters
- YZO : : Year Zero One
- zefrank.com
- Zensentences
- Zkm