hilfdirselbst.ch
Facebook Twitter gamper-media
Forenindex -- Lesezeichen

6 Lesezeichen für html

Tipps und Tricks rund um HTML/CSS
Tipp 1: HTML-Check
http://validator.w3.org/

Tipp 2: CSS-Check
http://jigsaw.w3.org/css-validator/

Tipp 3: HTML-Check (Alternative in Deutsch)
http://validator.de.selfhtml.org/

Tipp 4: "Web Content Accessibility Guidelines 1.0"-Check
http://webxact.watchfire.com/ (2007 von IBM gekauft, Dienst wurde eingestellt)
http://www.w3.org/WAI/ER/tools/complete/

Tipp 5: "U.S. Section 508 Guidelines"-Check
http://www.contentquality.com/fulloptions.asp

Tipp 6: Wie sieht eine Suchmaschine meine Seite...
http://www.delorie.com/web/lynxview.html

Tipp 7: HTML- und CSS-Referenz in Deutsch
http://de.selfhtml.org/

Tipp 8: Usability, Psychologie, Ergonomie, Kommunikation
http://kommdesign.de/texte/

Tipp 9: Tipp von ganesh im Browser-Forum (Danke ganesh)
http://www.hilfdirselbst.ch/...ods/browserlinks.php

Tipp 10: Tipp entfernt, da nicht mehr gültig

Tipp 11: Internet vs. Papier (Danke Sabine)
http://www.dodabo.de/...oel_kein_papier.html

Tipp 12: Navigationen mit CSS, Bilder/Text-Wechsel mit CSS (Danke Pozor)
http://www.meyerweb.com/eric/css/edge/

Tipp 13: Alles Rund um Listen
http://css.maxdesign.com.au/index.htm

Tipp 14: CSS-Bugs im Internet Explorer und deren Hacks
http://positioniseverything.net/explorer.html

Tipp 15: CSS-Bugs im Opera und deren Hacks
http://positioniseverything.net/op-omnibus.html

Tipp 16: CSS-Bugs im Mozilla (Gecko) und deren Hacks
http://positioniseverything.net/gecko.html

Tipp 17: Welche Schriften sind auf den verschiedenen Betriebssystemen installiert? (Danke Dirk)
Übersicht, Windows, Mac, Unix

Tipp 18: Wie sehen Farbenblinde meine Website?
http://vischeck.com/ (Inkl. PS-Filter als Download)
http://colorfilter.wickline.org/

Tipp 19: Artikel über den Sinn der Barrierefreiheit.
http://www.testticker.de/...icle20060104034.aspx

Tipp 20: Das "Box-Model" und seine Probleme
http://de.selfhtml.org/...mate/box_modell.htm#

Tipp 21: Gute Designs zur Inspiration und zum downloaden (Danke Sabine)
http://openwebdesign.org/
http://www.oswd.org/

Tipp 22: Wie unterscheide ich die verschiedenen IEs (Conditional Comments)
http://msdn.microsoft.com/...ms537512(en-us).aspx
http://www.javascriptkit.com/howto/cc2.shtml
http://de.selfhtml.org/...chen.htm#alternative
http://www.positioniseverything.net/...idepages/cond_1.html

Tipp 23: Das IE-Box-Model und die verschiedenen Doctypes
http://www.w3.org/.../valid-dtd-list.html
http://css.maxdesign.com.au/...c/about-boxmodel.htm

Tipp 24: flash valide einbauen
http://www.dodabo.de/html+css/flashsatay/

Tipp 25: alternative Stylesheets anbieten/einbauen (CSS Stylesheet-Switcher)
http://www.dynamicdrive.com/...ylesheetswitcher.htm
http://www.inetsolution.com/...e-switcher-howto.asp

Tipp 26: Wie sieht meine Seite in verschiedenen Browsern aus
http://browsershots.org

Tipp 27: Wie breit soll ich meine Webseiten planen (Viewport und Auflösung)
http://aktuell.de.selfhtml.org/.../aufloesung-viewport

Tipp 28: Wer kennt welche CMS - ein Vergleich - eine kleine Hilfe
http://www.hilfdirselbst.ch/...che_CMS_P257151.html

Tipp 29: Mehrere IEs auf einem Computer gleichzeitig laufen lassen.
http://browsers.evolt.org/?ie/win32/standalone (Download der IEs)
http://www.lipfert-malik.de/...ial/multiple-ie.html (Anleitung zum Einbauen)
http://blog.case.edu/...ning_on_same_machine (Jetzt auch mit IE8)
oder
http://tredosoft.com/Multiple_IE (Danke Bernhard)

Tipp 30: Nützliche Zusatztools für Webdeveloper
http://getfirebug.com/ (Danke Bernhard)
https://addons.mozilla.org/firefox/60
http://www.tingelets.com/ (Danke Bernhard)
https://addons.mozilla.org/de/firefox/addon/5369 (Danke Philyra)
http://zappatic.net/...ects/safarivalidator (Danke Meister Propper)

Tipp 31: Style Master 4.03 kostenlos zum Download
http://maclife.de/index.php?module=pagesetter&func=viewpub&tid=1&pid=1995 (Danke Lady Stardust) [leider nicht mehr erhältlich]

Tipp 32: How to Create an Image Map Using CSS
http://www.webreference.com/...image_map/index.html (Danke Sabine)

Tipp 33: Wurde meine Website geklont, bzw. der Inhalt geklaut?
http://www.copyscape.com/

Tipp 34: CSS in E-Mails, oder "wo die Welt noch dunkler ist als bei Browsern"
http://www.campaignmonitor.com/css/

Tipp 35: Tool um Farben am Bildschirm zu messen (Danke Bernhard)
http://de.geocities.com/fritz_kunkel/Programmierung/programming.htm (nicht mehr erreichbar)

Tipp 36: Witziges Spiel zum Thema "Accessibility, Barrierefreiheit und Webstandards" (Danke Bernhard)
http://www.vorsprungdurchwebstandards.de/...ierefrei-checkliste/

Tipp 37: Dust me selectors "Nichtverwendete Styles finden" (Danke ganesh)
http://www.sitepoint.com/dustmeselectors/

Tipp 38: CSS in E-Mails der Acid-Test
http://www.email-standards.org/...ur-own-email-client/
Wie die verschiedenen Clients abschneiden
http://www.email-standards.org/clients/

Tipp 39: Ermitteln der Sprache des Browsers
http://aktuell.de.selfhtml.org/...kel/php/httpsprache/

Tipp 40: Styling an input type="file"
http://www.quirksmode.org/dom/inputfile.html

Tipp 41: Zeichenreferenz (Welche Zeichen gibt es?)
http://www.terena.org/...s/html-eurolat1.html (Danke Bernhard)
http://de.selfhtml.org/...referenz/zeichen.htm

Tipp 42: CSS Reset
http://meyerweb.com/...5/01/reset-reloaded/

Tipp 43: Facebook, Myspace und Twitter in Newsletter intergrieren
http://emailmarketingtipps.wordpress.com/...acebook-und-myspace/
http://www.wprecipes.com/...is-to-twitter-button

Tipp 44: Gratis Profi Newsletter Templates zum downloaden
http://www.lyris.com/...mail-templates-html/
http://www.campaignmonitor.com/templates/

Tipp 45: Welche Websites sind sonst noch auf meinem Server
http://www.axandra.com/...ed-hosting-check.php

Tipp 46: Time-Check, wielange dauert das laden meiner Webseite
http://tools.pingdom.com/

Tipp 47: HTML-E-Mail Tester (Firefox Add-on)
http://email-marketing.me/

Tipp: 48: CSS-Debugging: CSS-Hacks versus Conditional Comments
http://www.heise.de/...per/artikel/144149/0

Tipp: 49: Problematik bzgl. Farbenausgabe aus Photoshop (Danke Bernhard)
http://www.viget.com/...save-for-web-simply/

Tipp: 50: SEO Tools - Search Engine Optimization Tools
http://www.webconfs.com/

Tipp 51: Überprüfen, bzw. suchen von toten Links
http://www.dead-links.com/
http://validator.w3.org/checklink

Tipp 52: Welche Flash-Versin habe ich und was ist aktuell
http://www.adobe.com/software/flash/about/
http://get.adobe.com/de/flashplayer/

Tipp 53: Marktanteile von Browsern, Plugins, Bildschirmgrössen usw. ...
http://www.webhits.de/deutsch/webstats.html
http://marketshare.hitslink.com/

Tipp 54: Browserweiche per CSS (etwas veraltet ...)
http://www.lipfert-malik.de/...s-weiche-filter.html

Tipp 55: Microsoft dokumentiert Abweichungen von IE7 und IE8 von W3C-Standards
http://msdn.microsoft.com/...0829%28VS.85%29.aspx

Tipp 56: Speedtest für Deine Website
http://www.webpagetest.org/

Tipp 57: Schriften im Web testen und vergleichen
http://www.typetester.org/

Spezialisten-Tipp 1: HTML 4.01-Spezifikation (Deutsch)
http://edition-w3.de/...EC-html401-19991224/

Spezialisten-Tipp 2: XHTML 1.0-Spezifikation (Deutsch)
http://www.edition-w3c.de/...REC-xhtml1-20020801/

Spezialisten-Tipp 3: CSS2-Spezifikation (Deutsch)
http://edition-w3c.de/...8/REC-CSS2-19980512/

Spezialisten-Tipp 4: CSS2.1-Spezifikation (Englisch)
http://www.w3.org/...5/WD-CSS21-20050613/

Spezialisten-Tipp 5: Alle Test Suites, Testen der Browser-Konformitäten
http://www.w3.org/Style/CSS/Test/

Spezialisten-Tipp 6: World Wide Web Consortium (alle Spezifikationen)
http://www.w3.org/...
FSt
8. Feb 2005, 22:50
Blätterkatalog aus ID CS5 mit Umblätteranimation aber ohne riesiges Passepartout
Hallo,

habe soeben mit Stibi zusammen ausgetüftelt, wie und was sich Adobe wohl beim Flashexport gedacht hat, und wie man es so hinbekommt, dass man einen Blätterkatalog erzeugt, ohne das rundherum ein riesiges Passepartout angelegt wird.

Wenn man ein doppelseitiges Layout gen Flash exportiert, hat man 2 Optionen:

1. Hintergrund auf Papierfarbe (laut Hilfe bezieht sich das auf die Farbe Papier, ich sehe da im fertigen Flash immer ein mittleres Grau?):
http://www.richard-ebv.de/...hexp-Papierfarbe.png

2. Hintergrund auf Transparent:
http://www.richard-ebv.de/...hexp-Transparent.png

Vorteil von 2 ist, dass die von Flash veranschlagte Fläche zum Dokument passt. Nachteil ist, dass die Seitenübergänge mit Liveanimation und die per Klick auslösbare Umblätterung fehlt, respektive von Hand nachzubauen ist.

Schaut man sich nun die generierte html Datei dieser Variante an, so findet man in den Zeilen 306 und 307 die Größe der Bühne, die Flash für angemessen erachtet. Im Falle der Papierweissen Version:
http://www.richard-ebv.de/...pierfarbe-format.png

Exportiert man mit transparentem Hintergrund, bekommt man ein .flv, das ziemlich genau der Größe Entspricht, die die gewählte Skalierung benötigt.
Im Falle meines 100%-Doppelseiten-A4 Dokuments steht in 306 und 307:

1191 auf 842 Pixel.

Ersetze ich nun also im ersten .html die Werte für width und height mit diesen Werten, bekomme ich eine platzsparende Version mit Interaktion und Aufrolleffekt.


Wer sich den ersten obigen Screenshot genau ansieht, wird merken, dass passend zu einer hinter Skalieren eingegebenen Prozentzahl, 2 Zeilen weiter unten die benötigte Nettopixelformate bereits angezeigt werden. Man kann sich also das doppelte Exportieren sparen, kommt allerdings nicht ums Notieren dieser Zahlen herum, da ein Umstellen auf Breite: nämlich nicht den erwünschten Effekt hat, da nun passend zu diesen Pixelwerten wieder eine mit üppigem Passepartout versehene Flashbühne angelegt wird!?


Die mit Animation von ID/Flash veranschlagte Fläche von 1581*1232 ist mit 1.947.792 Pixeln übrigens fast doppelt so groß wie die 1191*842=1.002.822 Pixel Fläche der transparenten Variante. (Faktor 1,94). Wenn man den Blätterkatalog also auf eine vorgegebene Bildschrimauflösung hin optimieren will, kann man sich diese Pixelschinderei im Prinzip nicht leisten, denn es würde bedeuten, den eigentlichen Seiteninhalt auf etwa 71% (Halbe Fläche, siehe DIN A Reihe ;-) ) zu verkleinern, bzw. die Betrachter zum Scrollen und händischen Anpassen der Browserfenster zwingen.
Gerade bei A4 Vorlagen mit Schriftgrößen unterhalb von 8pt, ist das m.E. eine Zumutung.
...
Thomas Richard
14. Mär 2011, 14:50
worddokument mit text und bild ins indesign importieren
Hallo,

Zitat Bei einem "Windowsdokument" muß man auch mit allem rechnen. ;-)


Ich habe gerade in einem Newsletter folgenden Trick gelesen:

In InDesign exportiert man ja gerne mal ins Interchange-Format
und zurück um das Dokument von Fehlern zu reinigen und
sozusagen als Allroundmittel.

Nun kann man anscheinend in Word das gleiche tun indem man das
Dokument als HTML-Seite absichert und diese Seite dann wieder
in Word öffnet. Der Trip nach HTML/XML bereinigt das Dokument
und es kann neu als Worddokument .doc abgespeichert werden.
Anscheinend vor allem wirksam bei Problemen mit Stilen die
aus Word kommen und in InDesign nicht richtig erkannt oder
zugewiesen werden ... Ich hab's aber noch nicht ausprobiert.

Für die die kein Word haben ist es vielleicht auch eine Lösung ein
neues InDesign-Dokument zu erstellen, den Word-Text zu platzieren.
(nicht alle Seiten, es genügt ein Textrahmen mit Übersatztext).
Den Cursor in den Textfluss stellen, dann Datei – Exportieren und
als RTF exportieren. Dieses RTF-Doukment (was ja standardisiert ist
und deshalb weniger anfällig als das native Word-Format ...)
kann dann ins InDesign-Hauptdokument geladen werden.

Den letzten Tipp, da hatte ich schon manchmal Erfolg damit, wenn
InDesign mir beim Import abstürtzte. Nach einer Umkonvertierung
nach RTF, gings dann.

Gruß,
Sacha
...
Sacha Heck
18. Sep 2007, 17:30
Erster Entwurf für HTML 5 vom W3C
Es tut sich was. Nach über 10 Jahren gibts wieder mal was neues ...
http://www.heise.de/...icker/meldung/102244
...
FSt
23. Jan 2008, 07:44
Zweisprachige Website mit automatischer Startseitenwahl
Hallo,

das geht in mehreren Varainten.
Eine findest du bei Selfhtml
...
loethelm
19. Jul 2007, 15:18
Wie HTML Dateien mit utf-8 richtig darstellen?
Zum Anzeigen des Headers kann man eine Firefox-Erweiterung verwenden:

http://chrispederick.com/work/webdeveloper/
Info-->Antwortheader

oder die LiveHeader-Extension.

Die .htaccess kann einige Einstellungen der Konfigurationsdatei des Apache überschreiben oder ergänzen.
http://de.selfhtml.org/.../server/htaccess.htm

Warum verwendest Du nicht einfach iso-8859-1 ?
äöüß gehören zu iso-8859-1, UTF-8 wird nur für mehrsprachige Seiten benötigt.

Gruß Sabine...
SabineP
8. Feb 2006, 18:41