6,211
edits
Changes
→SOUND
Web-Apps
* '''This-is-Sandbox ''' - [http://www.this-is-sandbox.org www.this-is-sandbox.org]* '''P5js-OnlineEditor ''' - [https://alpha.editor.p5js.org/ editor.p5js.org]* '''Slack ''' (Workshop-Timeline-Plattform mit Messaging und Sharing Funktion) - [http://www.slack.com www.slack.com]* Kommerzielle Tutorials '''WickEditor''' - [https://www.udemy.com/ www.udemy.com]* Kostenloses Online-Tool für Animationen (Adobe Flash ähnlich) mit der Möglichkeit zur Programmierung und Interaktion - [http://wickeditor.com/# wickeditor.com]* '''Udemy''' - Kommerzielle Tutorials - [https://www.udemy.com/ www.udemy.com]* '''How to run a Digipool-Workshop''' — [[How to run a Digipool-Workshop|Anleitung]]
<br>
= Foto Video Digitales Kino =
== Video Postproduktion ==
* [[DaVinci Resolve]]
<br>
== Digitale Cinematographie Workshop ==
[[Arbeitsplätze#Sound-Lab|Sound-Lab]]
<br>
== Ableton-Live ==
[https://www.youtube.com/playlist?list=PLbxljZNyo3szaafCBhNnIfKOhlTwCUHB1 YouTube-Playlist]
<br>
[[How to Start Your Podcast]]
<br>
= Webdesign =
<br>
== 1-Euro-Homepage ==
[[File:Bludit-Typerite-2-Euro-Homepage.jpg|400px|right]]
''Bludit! einfach, schnell und sicher.''
Erstelle in wenigen Minuten deine Website oder Blog mit dem open source Flat-File-CMS '''Bludit'''.
'''Video-Tutorial: "How to — Einrichtung von Webhosting + Bludit" [https://vimeo.com/427813510/0213512ed0 Vimeo-LINK]'''
'''Konzept'''
* '''Bludit CMS''' [https://www.bludit.com www.bludit.com]
* Günstige Webhosting Pakete (unter 1€ / Monat)
** Zum Beispiel [https://www.rainbow-web.com/webhosting-weblux-hosttest www.rainbow-web.com]
'''Anleitung-Webhosting'''
# Mietet ein Webhosting-Paket mit Domain und Webspace
# Melde deine Wunsch-URL an und stelle sicher, dass sie mit deinem Webspace verknüpft ist
# Finde einen Weg um via FTP-Zugang Daten auf deinen Webspace hochladen zu können
#* zB mit [https://cyberduck.io/ Cyberduck]
#* Eine Anleitung für den FTP-Zugang sollte dein Webhoster bereitstellen
#* FTP steht für File Transfer Protocol
'''Anleitung Bludit CMS'''
# Ladet das aktuelle Bludit CMS als Zip-Datei herunter - [https://www.bludit.com LINK]
# Entpackt das Zip auf eurem Computer
# Upload die Bludit-CMS-Dateien auf deinen Webspace
# Rufe deine URL auf, dort sollte nun deine Bludit-Webpage erscheinen
# Wenn du an deine URL "/admin" anhängt, gelangst du in das Backend zum Bearbeiten der Seite
'''Anleitung Bludit Themes'''
# Leid ein Theme deiner Wahl von der Bludit Homepage herunter - [https://themes.bludit.com/de/ LINK]
# Entpacke das Zip auf deinem Computer und kürze ggf. den Ordnernamen auf den Namen der Themes
# Uploade deine Ordner in den Ordner "bl_themes"
# Aktiviere im Backend unter Themes dein neues Theme
'''Anleitung Link zu Bludit entfernen'''
# Ich kann gerne beim Entfernen des Bludit-Links behilflich sein
# Bitte spendet Bludit einen kleinen Geldbetrag, spätestens wenn ihr den Link entfernt — [https://pro.bludit.com/de/ Link]
# Öffnet eure Bludit-Seite und aktiviert an eurem Browser den Inspektor
# Klickt mit Inspektor Werkzeug auf den Bludit-Link im Footer-Bereich und merkt euch die genau Bezeichnung des Footer
# Öffnet den Theme-Ordner, des Themes, das ihr verwendet und sucht darin nach der Footer-Bezeichung. Auf diese Weise findet ihr die Stelle, an der ihr den Bludit-Link löschen oder durch euer eigenes Copyright ersetzten könnt
<br>
==Ältere Web und Coding Tutorials ==
* Processing Workshop [[MY TAMAGOTCHI]]
* Web-Design [[CSS]] und weitere Informationen im [[Internet_1_-_Zeitplan]]
* [[Javascript for Artists]]
<br>
= Code & Tinker =
== P5*JS ==
Digipool Tutorials für [[p5*js]]
<br>
== Interface Design ==
Tools
* '''Figma''' — Die neue Herausforderung für den "Platzhirsch" Sketch mit einer brauchbaren Free-Version und für 100% online Kooperation — [https://www.figma.com/ www.figma.com]
* '''Adobe Xd''' - Neu und vermutlich das beste Tool - zur Zeit als BETA sogar noch kostenlos! [http://www.adobe.com/de/products/experience-design.html Adobe-Xd]
* '''Bootstrap''' - Bibliothek mit Interface Elementen (Ursprünglich von Twitter) - [http://bootstrapuikit.com/ www.bootstrapuikit.com] und den CSS Code gibt es bei [http://getbootstrap.com/ www.getbootstrap.com]
Tipps
* Speicher dein Sketch Projekte in der Dropbox und importiere sie von dort zu Invision, dann können die Daten mit einer '''Sync-Funktion''' von Invision bequem ausgetauscht werden.
Free Tutorials* Gestalterische Grundlagen** Studiere die '''Designrichtlinien''' von [https://developer.apple.com/design/ Apple] und [http://www.google.com/design/ Google] ** '''Atomic Design: So funktioniert kleinteilige Web-Gestaltung und deshalb ist sie sinnvoll''' von Dieter Petereit von t3n [https://t3n.de/news/atomic-design-baukastensystem-721010/ LINK]** '''Atomic Design''' Das komplette Buch kostenlos auf Englisch von Josh Clark und Dan Mall [https://atomicdesign.bradfrost. com/table-of-contents/ LINK]* Figma** '''Figma Tutorial Deutsch - Einfaches Prototyping/UI Tool''' von Indra Burkart — [https://www.youtube.com/watch?v=5jHTdapObRk LINK]** '''Figma in 40 Minutes''' by Dev Ed — [https://www.youtube.com/watch?v=4W4LvJnNegA LINK]** '''Figma: 5 Tipps für Anfänger und leicht Fortgeschrittene''' von Druck- und Medientechnik Berlin — [https://www.youtube.com/watch?v=v4oc0nlYmko LINK]
<br>
}
</pre>
<br>
Arduino
* Anleitung PDF (Englisch, 93 Seiten, viele Bilder) Intro to Arduino by Sparkfun [http://www.robosail.org/uploads/2/5/5/8/25586003/intro_to_arduino_-_v22_1.pdf LINK]
* Digipool >>>>> [[DIY-Wiki#DIY-Tutorials|DIY-Tutorials]]
<br>
<br>
== Links zu weiteren Tutorials Gibber ==
* German Processing Workshop [[MY TAMAGOTCHI]] Gibber Home Page: http://gibber.mat.ucsb.edu/* Web-Design Gibber Keys: [[CSS]] und weitere Informationen im [[Internet_1_Media:Gibber-_Zeitplan]]* [[Javascript for ArtistsKeys.rtf]]
<br>
