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

Goldener Westen Newsletter

#Design #Storytelling
Abonnieren
close-link

☝️ Wir verwenden Cookies. Mit der Nutzung dieser Seite erklären Sie sich damit einverstanden.

Datenschutzerklärung

Okay