15. Mai 2012 by Dirk Fehse
Heute haben wir uns mit folgendem beschäftigt:
- Lightbox in einer Webseite integrieren (nur gestreift)
- @FontFace – Wie bindet man “nicht-WebSafe-Fonts” in einer Webseite ein?
- weitere CSS-Eigenschaften
- Der DIV-Container, Floating und ein beispielhaftes Boxenmodell
Links begleitend zum Kurs:
Bitte setzt nun eine Portfolioseite für Euch um wie besprochen um. Abgabetermin für Eure Portfolioseite ist der 08.06.2012. Bitte bis dahin Eure Dateien auf den Server übertragen und mir per Mail kurz Bescheid geben. dirk.fehse@hkdm.de
Grüße,
Dirk
Popularity: 1% [?]
Permalink |
Posted in HTML, CSS und JavaScript |
No Comments »
• • • • •
9. Mai 2012 by Dirk Fehse
Heute haben wir uns mit folgendem beschäftigt:
- Einbindung von CSS in HTML über Inline CSS, CSS im Head und einer externen CSS-Datei
- diversen neuen Tags wie A, IMG, …
- Ansprechen von HTML-Elementen aus CSS über TAG-Regeln, Klassen und IDs (und Pseudoklassen a:hover)
- dem DIV-Tag
Also Vorbereitung für morgen, lest Euch bitte folgendes durch:
Und hier noch einige recht nützliche Links zur heutigen Vorlesung:
Grüße,
Dirk
Popularity: 3% [?]
Tags: workshop
Permalink |
Posted in HTML, CSS und JavaScript |
No Comments »
• • • • •
7. Mai 2012 by Dirk Fehse
Nach einer Einführung haben wir uns heute das HTML-Grundgerüst etwas genauer angeschaut und danach Tags zur Textformatierung verwendet.Hier gibt’s noch die restlichen Tags zum Thema: http://wiki.selfhtml.org/wiki/Doku:HTML/Textstrukturierung
Am Mittwoch geht es dann weiter mit CSS.
Dann noch der angekündigte Link zu einem interaktiven HTML-Kurs. Sehr nett gemacht: http://www.codecademy.com/tracks/web
Und hier noch ein auch recht allgemeiner Link mit coolem Stoff: http://t3n.de/news/30-kostenlose-e-books-whitepaper-384820/
Grüße,
Dirk
Popularity: 3% [?]
Tags: Codecademy, CSS, HTML
Permalink |
Posted in HTML, CSS und JavaScript |
No Comments »
• • • • •
17. April 2012 by Dirk Fehse
Heute haben wir zum letzten Mal konzentriert an unserem YAML-Template programmiert. Bitte installiert Euch bis nächste Woche für alle PC-User die neuste Version des TYPO3-Winstaller (http://typo3winstaller.sourceforge.net/), nicht die 4.7 Beta RC1.0!
Alle Mac-User versuchen sich bitte mal damit: http://t3dmg.sourceforge.net/
Dann können wir nächste Woche endlich in TYPO3 einsteigen und werden nur noch partiell an dem Responsive Webdesign-Template arbeiten.
Grüße,
Dirk
Popularity: 10% [?]
Tags: Responsive, t3dmg, Template, Typo3, Winstaller
Permalink |
Posted in Typo3 |
No Comments »
• • • • •
17. April 2012 by Dirk Fehse
Heute haben wir den Einstieg in jQuery gemacht, es ging mit einem recht einfach Skript los. Einfach mal jQuery einbinden und eine Infobox mit Text ausgeben, nach dem das Dokument komplett geladen ist.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
</head>
<body>
Aus einem CDN: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Super HTML-Seite!
<script>
$(document).ready(
function(){
alert("Hallo Welt");
}
);
</script>
</body>
</html>
Zudem hab ich kurz Adobes Shadow vorgestellt, dass wir zum Testen demnächst mal ausprobieren werden. Ist aktuell noch kostenlos, da Beta: http://labs.adobe.com/technologies/shadow/. Einfach mal ausprobieren.
Hier könnt Ihr Euch auch mal ein paar Cheat Sheets besorgen: http://t3n.de/news/hilfreiche-cheat-sheets-html5-374435/ Wäre cool, wenn wir ein paar schön groß ausdrucken könnten für unseren Unterrichtsraum. Und hier noch eine spannende Sammlung von Tutorials zum Thema CSS & jQuery: http://t3n.de/news/15-kostenlose-jquery-css3-382186/
Bitte macht bis nächste Woche doch mal folgendes Tutorial: http://design-creators.net/tutorials/jquery-fur-einsteiger-teil-1-die-erste-animation/
Grüße,
Dirk
Popularity: 6% [?]
Permalink |
Posted in Allgemein, HTML, CSS und JavaScript |
No Comments »
• • • • •
17. April 2012 by Dirk Fehse
Für alle die in der Branche nicht komplett und permanent informationstechnisch abgehängt werden wollen, empfehle ich RSS-Feeds zu abonnieren. Das ganze kann in einem Mailprogramm wie Outlook oder Thunderbird einfach integriert oder mit einem webbasierten Dienst wie http://www.google.de/reader/ abonniert werden. Ich war zuerst bei Google, da ich mein Notebook allerdings immer bei mir habe, bin ich vor einiger Zeit dazu übergegangen, alles mit dem integrierten RSS-Reader des Thunderbird zu organisieren. Nette Sache das.
Hier mal eine Sammlung von Feeds:
Webtec:
- http://technikload.de/podcastfeed/hd/ – Videopodcast des t3n
- http://technikwuerze.de/feed/ – Feine Podcasts
- http://stadt-bremerhaven.de/feed – Super cooler technisch orientierter Blog
- http://blogs.adobe.com/labs/index.xml – Alles aus der Adobe Labs! Spannend!
Unity & Games:
- http://www.unity-news.de/feed – Unity News
- http://blogs.unity3d.com/feed/ – off. Unity-News
- http://www.unity-insider.de/component/ninjarsssyndicator/?feed_id=1&format=raw – Unity Insider
- http://penny-arcade.com/feed/show/extra-credits – Cooler gamesrelevanter Stuff
FHF & hKDM:
- http://fehse.fhf-online.de/?feed=rss2 – meiner
- http://www.hkdm.de/?type=103 – hKDM-News-Feed
- http://screenz-blog.fhf-online.de/feed/ – der gute alte Screenz Blog
- http://ruempler.hkdm.de/?feed=rss2 – Steffen Blog
- http://hegewald.hkdm.de/?feed=rss2 – GameLab
Studies:
- http://www.cos-play.eu/Daniel/Daniel/feed/ - RECENTLY SEEN – Blog – Daniel Hellweg
- http://spieleecke.blogspot.com/feeds/posts/default - DIE SPIELE-ECKE – Blog – Malte Thiele
- http://blog.david-arndt.de/feed/ – Davids Blog
Misc:
- http://feeds.feedburner.com/DilbertDailyStrip – Daily Dilbert! Cult!
- http://feeds.feedburner.com/AusgefalleneGeschenkideen - Ausgefallene Geschenkideen
Was meint Ihr? Wie abonniert Ihr Eure Feeds? Habt Ihr welche die Ihr empfehlen könnt?
Grüße,
Dirk
Popularity: 8% [?]
Tags: Feed, Reader, RSS, Thunderbird
Permalink |
Posted in Allgemein, Games, HTML, CSS und JavaScript, Typo3, Unity |
1 Comment »
• • • • •
10. April 2012 by Dirk Fehse
So, wie geht es weiter im Programm? Für dieses Semester ist ganz grob folgendes vorgesehen:
- Programmiersprachen
- konzeptionelle Elemente eines Spiels
- jQuery vs. Unity
- OOP – http://www.gskinner.com/talks/thingseveryflash/
- MVC
- Design Pattern
- Arbeiten im Team – Dropbox, SVN & GIT
- Tools und Frameworks
- Projektmanagement
- vll. Referate parallel zur Vorlesung
Grundsätzlich kommen beide Teams gut voran. Team1 hat bereits begonnen zu programmieren, vll. etwas verfrüht und ein recht kompaktes Konzept vorgelegt, Team2 arbeitet noch am Feinschliff, ist aber auch schon auf einem guten Stand.
Ab nächster Woche werden wir die Vorlesung mit jQuery beginnen, DEM JavaScript-Framework und uns danach um unsere Unity-Projekte kümmern. Die oben erwähnten Themen werde ich peux á peux “einstreuen”…
Grüße,
Dirk
Popularity: 6% [?]
Permalink |
Posted in HTML, CSS und JavaScript, Unity |
No Comments »
• • • • •
10. April 2012 by Dirk Fehse
Also, weiter geht es mit der neuen YAML-Version und dem damit verbundenen Thema “Responsive Webdesign”. Es geht mit der neue Aufgabe darum, diese Seite http://luiszuno.com/themes/modus/index.html mit YAML umzusetzen. Sobald wir hiermit fertig sind, werden wir uns der Thematik “PHP & MySQL” widmen und erst dann stürzen wir uns auf TYPO3.
Anmerkungen zur Template-Programmierung:
- Möglichst pixelgenau Umsetzung
- YAML muss zum Einsatz kommen (V4), wir verwenden die Vorlage Flexible Grid: http://www.yaml.de/demos/flexible-grid.html
- der Slider auf der Startseite kann vorerst als Bild umgesetzt werden (später dann mit jQuery)
- Responsive!!! Auch das Menü.
- JS-basierte Übergänge beim Verändern der Browserfensterbreite (nicht wirklich wichtig, netter Gimmick)
Wir werden dieses Template ab nächste Woche nur noch als “Sideproject” weiter bearbeiten, sonst erreichen wir die Kursziele nicht.
Grüße,
Dirk
Popularity: 11% [?]
Permalink |
Posted in HTML, CSS und JavaScript, Typo3 |
No Comments »
• • • • •
6. April 2012 by Dirk Fehse
Für alle die endlich mal wissen möchten, was sich hinter HTML und CSS so verbirgt, die endlich mal selbst eine Webseite gestalten möchten, denen kann ich nur den Kurs von Codecademy empfehlen. Sehr gut gemacht, step by step bekommt man die ganze Grundlagen schön beigebracht.
http://t3n.de/news/codecademy-spielend-html-css-379889/
Grüße,
Dirk
Popularity: 7% [?]
Tags: Codecademy, CSS, HTML, Learning
Permalink |
Posted in HTML, CSS und JavaScript |
No Comments »
• • • • •
3. April 2012 by Dirk Fehse
Hallo Leute,
neues Semester neues Glück! Wie gerade in der Vorlesung erwähnt ist mir vor kurzem ein recht cooler Leveleditor über den Weg gelaufen. Es sollte machbar sein, die Leveldaten auch in Unity verfügbar zu machen und dann muss es kein 2D-Level sein. Es ist durchaus denkbar, dass die 2D-Tiles aus dem Editor als 3D-Objekte in Unity erzeugt werden…
Hier gefunden: http://kode80.com/2012/03/30/1-bit-ninja-level-modding/
Und hier geht’s direkt zum Level-Editor Tiled: http://www.mapeditor.org/
Grüße,
Dirk
Popularity: 7% [?]
Permalink |
Posted in Games, Unity |
No Comments »
• • • • •