Im Youtube Tutorial von InkThisScape wird erklärt wie man ein Flourish Design in Inkscape umsetzen kann.

Dazu gibt es noch eine Linkliste von vector.tut+ und die Suchlist von Google.

Inkscape Flourish

SVG Floral

Tags: Inkscape, Border, Flourish, Bordüre, Vintage, Ornament,

Kategorie: grafik

Parallax Scrolling und Storytelling.

Stand-alone parallax scrolling library Skrollr

DEMO 1: Grußkarte

DEMO 2: SNOW FALL

DEMO 3: Interaktives Datenbankmodellierungsverfahren

GoogleDocs Linkliste

Tags: Storytelling, Animation, CSS, JavaScript,

Kategorie: webdesign

Demo:

http://danburzo.ro/demos/svg-animate/
http://lazylinepainter.info/
http://codepen.io/netsi1964/pen/iyglK
http://jakearchibald.com/2013/animated-line-drawing-svg/

SVG Animation als Storytelling Version

Tags: SVG, path,animation,

Kategorie: webdesign

 jQuery.fn.centerFix = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
}
 
$('.div').centerFix();

Via der-webentwickler.net

Tags: jQuery, zentrieren

Kategorie: programmierung

Referenzkarten sind immer ein gutes Hilfsmittel, um schnell die wichtigsten Tastenkombinationen oder Programmierfunktionen im Überblick zu haben.

Der Cornelio Medien Verlag hält einige davon im Leserservice als Download bereit.

z.B.: Kurz-Referenz für Relationale DB, Kurz-Referenz für MySQL, Kurz-Referenz für HTML & CSS, MySQL – Administration und Programmierung, Kurz-Referenz für PHP, Kurz-Referenz für C#.NET, Kurz-Referenz für VB.NET, Kurz-Referenz für JAVA, Visual Studio Shortcuts – C#, Visual Studio Shortcuts – C++ sowie Buchhaltung: Doppelte Buchführung, Buchhaltung: Buchungskreislauf und Buchhaltung: Bilanzkennzahlen.

Diese sind bei Terashop.de in ausgedruckter Form erhältlich.

http://www.comelio-medien.com/leserservice

Tags: Referenzkarte

Kategorie: Ressourcen

Ohne Programmierfähigkeiten einfach und schnell animierte und responsive HTML5 Banner erstellen? Das geht mit dem online Animation Tool - HTML5 Maker.

Mit dem Online-Editor ist es in der BASIC FREE Edition möglich in kürzester Zeit effektvolle Animationen zu erstellen. Diese können danach als HTML-5-Banner-Animation heruntergeladen werden.

Als registrierte Nutzer (FIRST PLAN - $ 9,99/month) stehen weitere Features zur Verfügung z.B.: SWF-Export, Animation Hosting, SSL-Verschlüsselung und Google-Ads-Kompatibilität.

http://html5maker.com

Kategorie: webdesign

Rheyne - Live Jam #86
http://www.youtube.com/watch?v=TTOBJNDxNC4

Days of Delay - Ambientconcert at Kampnagel
http://www.youtube.com/watch?v=2lqQ8LfNlYs

Chill-out Controllerism #3
http://www.youtube.com/watch?v=DNUcC88VewE

Kategorie: music

Was bedeutet dieser Fehler?

 ReferenceError: $ is not defined
	$(document).ready(function() {

Die Reihenfolge der abzuarbeitenden jQuery-Scripte sollte eingehalten werden. Der Verweis auf das jQuery-Script erfolgt an erster Stelle. Erst danach kann auf das eigene "nachfolgende" JavaScript-Script zugegriffen werden.

script type='text/javascript' src='jquery.min.js'
script type='text/javascript' src="meinscript.js'

Kategorie: programmierung