Introduction to Digital Arts

From BenningtonWiki
Jump to: navigation, search

Web Technical/Design

Standards and Style Guide

Web Style Guide
Web standards: World Wide Web Consortium

Layout

Where am I?
C.R.A.P.
Web 2.0
A List Apart blog

Responsive

Responsive menu bar
Setting the Viewport

Typography

The Elements of Typographic Style Applied to the Web
Five simple steps to better typography
Common fonts, Mac + PC
Typographica's list of their favorite typefaces of 2016 Google fonts

Color

Adobe Labs: Kuler
Choosing Color Combinations
Excellent color palettes: Colour Lovers
Color Palette Generator
Color: Colr.org
Hex colors

HTML

Code Validator
HTML Cheatsheet
HTML Dog Tutorial
HTML tutorial

W3 Schools HTML 5

CSS

CSS Tricks
Introduction
CSS Properties
CSS Zen Garden
CSS layouts
W3 CSS specs
Style Sheet Guide
Class selectors
CSS clip-path maker

WordPress

WordPress

Thematic 2.0 upgrade
Child themes with Thematic

Thematic--simple theme great for customization
Thematic guide
More on Thematic child themes
Another child theme intro

JavaScript

W3 Schools JavaScript tutorial
Image Rollovers
JavaScript Generators
JavaScript for multiple frame targets with one link
Introduction to jQuery
Rollover image tutorial


Image maps
Image map OnMouseOver event
Javascript/HTML5 Audio Examples
More Javascript/HTML5 Audio Examples


p5.js (Processing for the internet)
p5.js tutorial videos


HTML Canvas

HTML 5 Canvas Basics
draggable images
drag, drop and resize images

Accessibility

Coding for low vision
Introduction to Web Accessibility (slides from a workshop)

Gallery Options

Light Box
Swipe Box
iLightbox
Lightcase
Featherlight
Fancybox

Dreamweaver

Adobe Exchange
Dreamweaver help from Adobe

Photoshop

Photoshop tutorials Adobe
Image optimization

Flash

Flash will be dead by 2020
Flash help from Adobe
Were-Here Flash forums


Content Management (open source)

Drupal
Joomla!
Indexhibit


Tools/Software

Text Editors

BBEdit & TextWragler You can get a FREE 30-day trial of BBEdit full version, after that you get a modified (still free!) version
Sublimetext
Atom

FTP Clients (to access student2.bennington.edu)

Fetch (links to the FREE educational license)
Cyberduck
Transmit

Misc.

tutorials W3 School (lot's of info)
Interaction design article
Yahoo User Interface Dev. Tools
Hover Image Buttons Using CSS
Background generators
Embed Instagram Feed
DIY Guide to Cybersecurity
Optimizing web pages for sharing on Facebook

Physical Computing

Tutorials

Hackster
Adafruit


Materials

Adafruit Sparkfun

Blogs

Creative Projects Profiled

Eyebeam reblog
Interactive Architecture
Pixelsumo (old)
We Make Money Not Art
Rhizome

Resources/DIY Projects

Hackaday
Instructables
DIY Touchpanels
Make Zine
Street Use


Writing

Wired
The Verge
Quartz
Ars Technica

Artists/Projects (By category, but most slip between/don't fit neatly in just one):

Internet Art

(Please refer to the Projects/Resources page of our text Internet Art) Story of Net Art
Mark America, Hypertextual Consciousness
Heath Bunting, Read Me
001text Jodi
Heavy Industries Young-Hae Chang, Heavy Industries
MTAA
0100101110101101
Olia Olialina, My boyfriend came back from the War
Hoogerbrugge

Net Art Anthology
Cyberfeminist Manifesto
[1] Ryan Kuo

Physical/Tangible

Antenna Design
Aether Architecture
Beureau of Inverse Technology
Jim Campbell
Jonah Brucker-Cohen
Driessens & Verstappen
Ken Feingold
Greyworld
Perry Hoberman
Jon Kessler
Heidi Kumao
Golan Levin
Kevin And Jennifer McCoy
Preemtive Media
Jeffrey Shaw
Thomson and Craighead
Krzysztof Wodiczko

Products/Design Oriented

Tony Dunne & Fiona Raby
Wifi Bunny

Mobile or Locative

Blue Space
Tom Etchells, Surrender Control
GPS Drawing
Information Lab, Cell Phone Disco
Lucy Kimbell
Ryota Kimura S.U.I. RFID work
Norene Leddy, Aphrodite Project
Loca
Locative Media Gallery
SimpleTEXT
Speakers Corner
Social Tapestries, Feral Robots
Marina Zurkow

Data Visualization

Greyworld, The Source
Nextlab, Satellite controlled sculpture

Art Organizations/Galleries

Ars Electronica
Art Interactive
Bitforms Gallery
The Current
Dia web projects
Eyebeam
Foam
ISEA Inter-Society for the Electronic Arts
the Kitchen
The Lab
Left Gallery/
Location One
Machine Project LA
Postmasters Gallery
Rhizome
Sponge
Transfer Gallery
Transmediale
Turbulence (Net art)
V2 Labs
ZKM
List of New Media Art Festivals