Dobschat » html

Webseiten für mobile Endgeräte optimieren

dobschat — Tue, 13 Jul 2010 18:32:50 +0000

Ein feines How To, nichts spektakulär neues, aber schön zusammen gefasst: Optimize Your Mobile Site Across Multiple Platforms.

Sexy Buttons

dobschat — Tue, 22 Jun 2010 21:34:58 +0000

Ein HTML/CSS Framework, um hübschere Buttons zu basteln. Mal bei Gelegenheit genauer anschauen und testen: sexybuttons.

Links vom 12. Juni 2010 bis 17. Juni 2010

dobschat — Thu, 17 Jun 2010 16:00:10 +0000

Zwischen 12. Juni 2010 und 17. Juni 2010 bei delicious gespeicherte Links:

What it’s like to own an Apple product – The Oatmeal – Hihihi…
Supermanplatz – Cooler Real Life Hack
LiveLeak.com – Fully functional LEGO sniper rifle – Da sag noch mal wer, Lego wäre ein ganz harmloses Spielzeug…
25+ Stunning Web Designs with embedded 3D Elements | tripwire magazine –
zen-coding – Project Hosting on Google Code –
Projecturf – Web-based project management app, collaboration and task management software –
Best antivirus for Paralles Plesk, no recurring fees, low cost –

Links vom 11. Juni 2010 bis 12. Juni 2010

dobschat — Sat, 12 Jun 2010 17:00:03 +0000

Zwischen 11. Juni 2010 und 12. Juni 2010 bei delicious gespeicherte Links:

P2 WordPress Theme, like Twitter in a box – P2 is a theme for WordPress that transforms a mild-mannered blog into a super-blog with features like inline comments on the homepage, a posting form right on the homepage, inline editing of posts and comments, real-time updates so new posts and comments come in without reloading, and much more.
WordPress Optimization Bible | Prelovac.com – This WordPress optimization tutorial is the most comprehensive guide to WordPress optimization created with the intention of helping you troubleshoot performance related issues and provide you with guidelines on how to speed up your WordPress site..
If you ever experienced slow WordPress admin panel, "MySQL server has gone away" message, pages taking forever to load or you want to prepare your site for a major increase in traffic (for example Digg front page) this is the guide for you.
Basis Theme für WordPress – deutsch – Basis ist ein Theme, welches die Erstellung eines neuen Themes für WordPress vereinfachen soll.
Wer sich an die Entwicklung eines eigenen Themes macht, der findet mit diesem Basis-Theme einen Einstieg, der sich leicht an die eigenen Bedürfnisse anpassen läßt.

Es liegen eine Reihe unterschiedlicher Templates bei und das Stylesheet ist leer, bis auf die Vereinbarung der IDs und class, die schon Verwendung finden. Das Theme ist Widget-Tauglich und hat eine ganze Reihe von Funktionen, die in der functions.php abgelegt sind.
960 Grid System –
40 Free Premium WordPress Themes 2010 | NETZ-ONLINE –

Links vom 2. Juni 2010 bis 5. Juni 2010

dobschat — Fri, 04 Jun 2010 23:00:02 +0000

Zwischen 2. Juni 2010 und 5. Juni 2010 bei delicious gespeicherte Links:

Die Legende von der schutzlosen Polizei | law blog – Udo Vetter zur angeblich gestiegenen Gewalt gegen Polizisten und den Forderungen, die nun einige daraus ableiten…
Apple – HTML5 – HTML5 Showcase, sieht gut aus und Beispiel-Code gibt es auch
Sauerborn.de – Special: Das iPad in der Anwaltskanzlei | Sauerborn.de – Bin zwar kein Anwalt, der ein oder andere nützliche Tipp für mein iPad, das mir hoffentlich bald jemand schenkt ist hier trotzdem zu finden…
1/2 Woche iPad: Hätte Douglas Adams das nur erlebt… – dhrac´s poster – Merken, wenn mir dann endlich jemand ein iPad schenkt, dann gibt es hier ein paar App-Tipps
Aus Respekt vor dem Amt » F!XMBR –

Links vom 5. Februar 2010 bis 11. Februar 2010

dobschat — Thu, 11 Feb 2010 03:00:11 +0000

Zwischen 5. Februar 2010 und 11. Februar 2010 bei delicious gespeicherte Links:

NPD-Verbot: "XXXX XX XXXXX XXXXXX" – taz.de – Aber zumindest die Fragen durften sie noch veröffentlichen
facebookmarketing.de | Tutorial: Fanpage Gründer als Administrator entfernen –
TP: Wer zahlt’s? –
Elastic – Make your textareas grow Facebook style jQuery plugin | Unwrongest –
How should Web browsers render alternative text? – Wie Browser mit dem alt-Text von Grafiken umgehen sollten und wie sie es derzeit tun.

WordPress-Themes und Pingbacks

dobschat — Thu, 11 Feb 2010 01:51:03 +0000

Frage eben im Chat: Wenn ich interne Pingbacks in meinem Weblog schicke, dann taucht ständig als Auszug irgendein Text aus der Seitenleiste auf, warum denn das?

Antwort: Ein Blick in den HTML-Source verrät, dass die Sidebar und darin das Widget “Letzte Artikel” ganz oben stehen, noch vor dem Content, der gesuchte Link taucht also dort auf und das angepingte WordPress nimmt offenbar einfach die erste Fundstelle für den Textauszug, denn im Gegensatz zu Trackbacks, wird bei Pingbacks der Textauszug nicht vom pingenden Weblog geschickt, sondern das angepingte Weblog holt sich diesen…

Merken: Beim nächsten Theme darauf achten, dass der Content im HTML-Source ganz oben steht.

Links vom 19. Januar 2010 bis 20. Januar 2010

dobschat — Wed, 20 Jan 2010 05:00:31 +0000

Zwischen 19. Januar 2010 und 20. Januar 2010 bei delicious gespeicherte Links:

45+ Free Premium WordPress Themes with Magazine or Grid Layouts –
We Love Icons: Mac, Windows and Linux PNG icons of the finest quality! –
How-To: Create Your Own iTunes LP – Okay, wie bastelt man ein iTunes LP Paket… die nächsten Tage mal testen.
14 Helpful Cheat Sheets for Front-end Web Development | Web Design Ledger –
Top 10 Fotografie Blogs – Deutschland – farbwolke.de –

YAML zum Klicken

dobschat — Thu, 16 Aug 2007 22:36:00 +0000

Eine “abendliche Spielerei”, aber eine sinnvolle. Dirk Jesse hat einen YAML Builder gebaut, damit lassen sich eigene YAML-Basis-Layouts einfach zusammen klicken. Ist noch eine Preview und mag noch nicht mit Safari 2, aber ein schöner Anfang.

GIF statt PNG

dobschat — Sat, 07 Apr 2007 07:19:01 +0000

Habe eben noch die letzten PNGs mit Transparenz (was ja der IE

< 7 nicht so mag) durch GIFs ersetzt und einen kleinen Fehler im CSS beseitigt. Werde die Tage mal das CSS aufräumen und dann das ganze Paket aus Grafiken, CSS und

EE-Templates in ein ZIP packen zum Download.
Was noch auf der Liste steht: die Standard-Smileys von EE durch etwas kleinere ersetzen…
Aber wenn ich gerade am Basteln bin: gibt es noch irgendwelche Wünsche? RSS-Feed der Kommentare wurde mal gewünscht, ist das noch aktuell? Wünsche nach dezenteren Farben werde ich übrigens einfach ignorieren

Irgendwo hängt es noch…

dobschat — Wed, 21 Feb 2007 09:08:00 +0000

Irgendwo hängt es hier mit dem neuen Theme und Firefox 2 noch. Ich konnte dieses Problem bisher nicht bei mir reproduzieren – weder unter Mac OS X noch unter Windows. Wer also auch diese Darstellungsprobleme hat: bitte mal kurz melden. Und auch dazu schreiben, ob Du einen AdBlocker verwendest und welchen – das scheint sich nämlich langsam als die Gemeinsamkeit bei den Leuten mit Darstellungsproblemen heraus zu stellen?!

Da isses nun

dobschat — Mon, 19 Feb 2007 19:23:00 +0000

Ja, ein paar PNGs müssen noch durch GIFs ersetzt werden (der IE6 mag transparente PNGs ja nicht so gerne) und wenn ich mir das länger anschaue, dann fallen mir sicher noch mehr Kleinigkeiten auf, die ich noch ändern, anpassen und korrigieren will… aber so ganz grob betrachtet isses nun da, das neuen Theme
Update: so, noch ein paar kleinere kosmetische Eingriffe und das Verschieben des Weblogs aus dem Verzeichnis “weblog” raus – wurde auch langsam mal Zeit. Die alten URLs unter “/weblog/” werden natürlich umgeleitet und funktionieren weiter.
Danke noch an die Tester Andrea, Missi, Carsten, korrupt und Princo – das Feedback hat echt geholfen, auch wenn einem Teil von Euch die Farben nicht so wirklich zugesagt haben

Grundsatzdebatten, heute: Schriftgrößen in CSS

dobschat — Mon, 20 Mar 2006 08:33:00 +0000

Eine immer wieder gern geführte Diskussion: wie skaliert man Schriften in CSS richtig? Die einen sagen, in Pixeln wäre die korrekte Art, schließlich sind Pixel die Maßeinheit für Monitore. Dumm aber, dass der Internet Explorer in px skalierte Schriften nicht mehr skalieren will. Also doch lieber relativ zur vom Benutzer gewählten Standardgröße über die Verwendung von em oder %? Was aber, wenn der User seinen Browser so konfiguriert hat, dass eben kleinere Schriften als in der Standardeinstellung verwendet werden? Dann wird alles zu klein… Kommen wir zur Radikal-Lösung: gar nicht im CSS skalieren: Fliesstext bekommt einfach die vom Benutzer eingestellte Standardgröße (100%) – dumm nur, dass wohl ein großer Teil der Benutzer die Einstellungen gar nicht ändert – und normaler Text mit 16px Größe?
Kurz zusammen gefasst: es gibt nicht die richtige Lösung:

Welche Methode wir auch wählen, wir müssen mit dem berechtigten Unmut einer gewissen Benutzerschar rechnen. Wir sollten damit souverän umgehen und diese Schwächen nicht leugnen — schon gar nicht, wenn wir anderen irgendeine Methode empfehlen.

40 CSS-Layouts kostenlos

dobschat — Thu, 02 Mar 2006 21:34:00 +0000

Gefunden bei Manuela: Die Layout Gala von Alessandro Fulciniti enthält 40 CSS-Basis-Layouts zum Download. Kann man immer mal brauchen

Link-Liste: Online-Generatoren

dobschat — Thu, 02 Mar 2006 09:25:00 +0000

Im Dr. Web Weblog gibt es eine Liste mit Online-Generatoren. Ob CSS, XML, Formulare, .htaccess-Dateien, Grafiken… so ziemlich alles dabei.
(via perun)

Da isse nun…

dobschat — Wed, 01 Feb 2006 00:51:00 +0000

So, die neue Site ist online. Ein paar Sachen werde ich später noch ändern, aber soweit gefällt es mir schon ganz gut. Auf jeden Fall mal was anderes und ein paar Seiten mit Infos für die Leute, die mich noch nicht kennen
Für die, die es interessiert: die statischen Seiten bearbeite ich jetzt mit RapidWeaver. Vor allem bei den Fotoalben ist das ganz praktisch, da auch RapidWeaver direkt die Fotos aus iPhoto verwenden kann (und ich möchte was wetten, dass es bald auch ein Photocast-PlugIn für RapidWeaver gibt). Mal schauen, was ich jetzt mit dem ganzen Platz auf .Mac mache – dort hatte ich ja bisher die Fotos.

Neubau

dobschat — Mon, 30 Jan 2006 01:17:00 +0000

Schon länger wollte ich meine Seiten mal neu bauen – wird ja auch langsam Zeit. Ist ja auch nicht mehr so ganz passend, wenn man unter dobschat.de direkt hier im Weblog landet. Nach einigen Tests der aktuellen Beta von Sandvox und dem neuen iWeb bin ich wieder zurück zu Rapidweaver gekommen. Nichts gegen die beiden anderen Tools, aber zum einen kenne ich Rapidweaver schon länger und besser, Rapidweaver hat ein Theme, das mir recht gut gefällt und der HTML-Export von Rapidweaver ist ein Stück besser zu lesen und zu bearbeiten – nicht ganz unwichtig, schließlich soll das Weblog hier ja dann zum Rest der Site passen. Heute wird es aber nichts mehr mit dem Relaunch: erst mal brauche ich doch noch ein wenig Schlaf und heute Nachmittag kommt dann Götz vorbei. Das wird eine lange Nacht, zum einen besprechen, was dieses Jahr auf seinen Seiten so alles passieren soll, den neuen Shop bauen und auch ein paar Ideen zu liedermaching.de durchgehen. Aber die nächsten Tage sind meine neuen Seiten dann endlich online…
BTW: sowohl iWeb als auch Sandvox sind durchaus interessante Lösungen, auch wenn sie für genau dieses Projekt im Moment für mich noch nicht ideal sind.

Zu cool für IE… oder einfach zu faul?

dobschat — Mon, 28 Nov 2005 05:59:00 +0000

Die Buttons der “Too cool for IE”-Kampagne sieht man ja inzwischen immer öfter. Jetzt gibt es die Gegeninitiative dazu: “Zu faul für CSS” bzw. “Cool genug für IE”. Hintergrund ist einfach, dass die meisten der “zu coolen” Seiten diesen Button nur aus einem Grund zu haben scheinen: die Entwickler waren zu faul die Seiten ordentlich zu entwickeln.

Jeder Webmaster bzw. Entwickler wünscht sich andere Finessen, sowie ausgefallene Gimmicks für seine Website und hat auch eine andere Vorstellung, was das Design und die Nutzung angeht. Aber den Ast absägen, auf dem man sitzt, muss das sein? Wir fragen uns, wie aufgrund des fixed Selektors eine Webseite “ZU COOL FÜR IE” sein kann. Denn ein Großteil der coolen Websites wird gerademal in einem Browser richtig dargestellt und auch im HTML / XHTML (Seitenquelltext) weisen die coolen Sites jede Menge Fehler auf.

Klar kann man auf seiner privaten Seite den IE ignorieren, aber zumindest wer sich als Profi in diesem Bereich bezeichnet sollte solche Spielchen unterlassen – immerhin könnte man ja vielleicht glauben, dass man es einfach nicht kann und wenn ein potentieller Kunde so was denkt wäre das gar nicht gut. Auch wenn es wirklich keinen Spass macht, Seiten so zu bauen, dass sie in allen Browsern möglichst gleich oder zumindest gut aussehen.
Welches Vorgehen sich da bei mir bewährt hat: erst nur für Safari/Firefox bauen und anschliessend für den IE anpassen – ohne dabei die Darstellung in Safari/Firefox kaputt zu machen. Nicht ganz einfach, aber machbar.

(via Thomas Gigold)

SELFHTML braucht Unterstützung der Mac-Community

dobschat — Tue, 18 Oct 2005 07:58:12 +0000

Das Projekt SELFHTML braucht Unterstützung der Mac-Community:

Inbesondere soll das gesamte HTML-Kapitel getestet werden, welches momentan erst ab Safari 1.2 getestet wurde und entsprechende Icons zur Browserunterstützung besitzt. Da die meisten HTML-Features, die Safari 1.2 unterstützt, mit Sicherheit auch in Safari 1.0 funktionieren, ist dies nicht allzu arbeitsintensiv.
Hinzu kommen vereinzelte Tests in der JavaScript-Objektreferenz. Neben geänderten Beispielen, die bisher nur mit Safari 2.0 getestet wurden, sollten die dortigen Safari 1.2-Icons kurz überprüft werden.

(via mac.delta-c)

Das wird ein riesiger Spass mit dem IE7

dobschat — Sun, 16 Oct 2005 19:06:43 +0000

Also die gute Nachricht: der IE7 soll endlich mal ein IE sein, der sich an Standards hält. Eigentlich ist das doch gut, wenn da nicht eine Kleinigkeit wäre: IE7 wird nicht mehr kompatibel sein zum IE6 was die verschiedenen Hacks angeht. Das wird ein Haufen Arbeit für viele Menschen, die jede Menge Hacks in ihre Seiten gebaut haben, damit der IE damit klar kommt. Jetzt heisst es wieder Ausnahmen für die Ausnahmen zu bauen und testen und… oder einfach den IE vergessen und nur noch standardkonform bauen? Wäre doch auch eine Idee – wenn der IE7 ja sowieso standardkonform werden soll wäre das doch die ideale Lösung, oder nicht?

(via Alp Uçkan)