(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.data-privacy-src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-4684338-1', 'auto'); ga('set', 'anonymizeIp', true); ga('send', 'pageview');

Webdesign Tools (update)

Konzept

Wireframe-Tool Übersicht:

http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources

Wireframe-Tool Übersicht:

http://www.gracesmith.co.uk/get-wireframing-the-all-in-one-guide/

Bestehende Websites als Wireframe darstellen lassen:

http://www.wirify.com/

 


Typografie

Google Webfonts:

http://www.google.com/webfonts

Google Webfonts Preview Maschine:

http://www.google.com/webfonts/preview#font-family=IM+Fell+English

Alles zum Thema Raster (Tools, Blog etc):

http://www.thegridsystem.org/

live Fonts und Styles auf bestehenden Seiten ändern:

http://somadesign.ca/projects/fontfriend/

Blindtextgenerator:

http://de.lipsum.com/

http://www.blindtextgenerator.de/

 

Raster

optimiertes Raster für Websites mit 1024 Pixel Breite:

http://960.gs/

Raster in Photoshop anlegen

http://www.guideguide.me/

 

 

Entwicklung

deutsch sprachige CSS-Referenzseite:

http://www.css4you.de/

deutsch sprachige HTML-Referenzseite:

http://de.selfhtml.org/

Tutorials: Html, CSS, Java und und und:

http://www.w3schools.com/sitemap/default.asp#examples

jquery (JavaScript-Bibliothek):

jquery blog:

http://blog.jqueryui.com/

Das World Wide Web Consortium (detusch):

http://www.w3c.de/

Das World Wide Web Consortium:

http://www.w3.org/

Ultimate CSS Gradient Generator:

http://www.colorzilla.com/gradient-editor/

 

 

HTML5

Hype – Animationstool für HTML5 (OS X)
http://itunes.apple.com/us/app/hype/id436931759?mt=12&ls=1

Animator von Sencha – Animationstool für HTML5

http://www.sencha.com/products/animator/

Animate.css – HTML5 Buttons animieren leicht gemacht

http://daneden.me/animate/

 

 

Mobile Websites

The Mobile Playbook von Google erklärt, was sich in der “Post-PC-Ära” ändert – sehr schön gemacht, interaktiv, HTML5 
http://www.themobileplaybook.com/

How To Go Mo von Google – interaktive Anleitung (auf deutsch)
Wie kann man eine Unternehmensseite fit fürs mobile Netz machen?

http://www.howtogomo.com/de/d/

 

 

Blogs & Magazine:

Smashing Magazine (useful and innovative information to Web designers and developers):

http://www.smashingmagazine.com/

t3n (deutschsprachige Printmedium zu den Themen Web 2.0, Social Media, E-Business und Open Source):

http://t3n.de

Webdesign und Development Blog:

http://cssglobe.com/

Webdesign und Development Blog vonChristoph Zillgens:

http://christophzillgens.com/en/

CSS Tricks by Chris Coyier:

http://css-tricks.com/

Eric Meyers Site:

http://meyerweb.com/

 

 

Die drei grossen Opensource CMS:

WordPress – klein, fein, große Community:

http://wordpress.org/

Typo 3:

http://typo3.org/

Drupal:

http://drupal.org/

Nachtrag: Klein aber fein – Contoa aka Typo light

http://www.contao.org/de/

 

 

    Debuging

    Firebug – CSS, Html, Java script von beliebigen Sites sehen und live editieren:

    https://addons.mozilla.org/de/firefox/addon/firebug/

    Screenshots von Websites in allen möglichen Browsers erstellen lassen:

    http://browsershots.org/

     

     

    Analyse

    Google Analytics (kostenlos):

    http://www.google.com/analytics/

    Chartbeat (kostenpflichtig):

    chartbeat.com

     

     

    Shorcuts (Tastenkürzel)

    http://www.smashingapps.com/2011/07/13/50-must-have-cheat-sheets-for-web-designers-developers.html

    und sonst so…

    Jpg/Png Optimierung:

    http://imageoptim.pornel.net/

    chrome extensions:

    http://webdesignledger.com/tools/30-useful-google-chrome-extensions

    CSS 3 Generator:
    css 3 Generator

    Webdesign Toolsammlung:

    http://nerdi.net/

     

    Dies ist eine nahezu komplette CSS-Referenz auf deutsch – ergänzt durch etliche Tipps, Tricks und andere Referenzenhttp://www.css4you.de/.

    viel Spaß damit
    Arne

     

    2018-05-23T11:02:33+00:00

    Hinterlassen Sie einen Kommentar

    Diese Seite verwendet Cookies. Mit der Nutzung dieser Seite erklären Sie sich mit der Verwendung von Cookies einverstanden.

    Paris

    Datenschutzerklärung

    Okay