x

Einloggen

Hast du noch keinen Account? Jetzt registrieren!

css

software
Programmierung
CSS Variablen und Mixins, Interaktive Validierung und Pre-Rendering
Es scheint es geht im neuen Jahr auch gleich wieder richtig los mit Entwicklungen. Die Höhepunkte im Januar waren einige Pläne für Verbesserungen von CSSOM, der Implementierung von CSS-Variablen und die Integration von Interactive Validation in WebKit. Ich werde mich nicht mit H.264 befassen. Darüber haben sich schon genügend andere Personen Gedanken gemacht.

Falls du an Neuerungen im Bereich HTML interessiert bist, empfehle ich dir den Artikel  von Anne van Kesteren über die neuesten Änderungen rum um WHATWG. Der Beitrag befasst sich hauptsächlich mit Diskussionen aus der Verteilerliste whatwg@whatwg.org und ist recht interessant!
Tab Atkins, Mitglied der CSS-Arbeitsgruppe und des Google-Chrome-Teams, hat die Präsentation, die er gehalten hat, veröffentlicht. Darin kommt CSSOM - die Schnittstelle zwischen Javascript und CSS – nicht gerade gut weg. Die Präsentation stellt vier relativ neue Konzepte vor:

Alles lesen
CSS Module, CSS Verschachtelung, CSS Mixins, CSS, Javascript, CSSOM, CSS Variablen
408 Mal gelesen
Up
+5
Down
15. Feb 2011, 14:31
web
Programmierung
CSS-Tricks: Internetseiten ganz ohne HTML
Als ein kleines Vorwort zu diesem Artikel: Öffnet mal diese Webseite (nur Firefox oder Opera werden unterstützt) und schaut euch den Quellcode an. Überrascht? Es gibt nämlich gar keinen, schauen wir uns mal an, wie wir das selbst hinkriegen.

Erster Trick
Viele werden gar nicht wissen, dass man die Tags , und gar nicht benutzen muss. Dieser Quellcode ist nämlich voll funktionsfähig:
<!DOCTYPE html>
<title>Example</title>

Man braucht nicht mal HTML5 DOCTYPE wie im Beispiel, mit HTML 4.01 DOCTYPE würde alles analog funktionieren. Das kommt dadurch, da falls der Browser die Tags nicht findet, er sie dann selbst generiert. (Achtung, man sollte es natürlich in der Praxis lieber lassen und auf die Standards setzen! Das alles hier ist eher als Spass zu verstehen!)

Da die Tags also generiert werden, kann man auch CSS anwenden, deshalb funktioniert auch der folgende Code:
<!DOCTYPE html>
<title>Example</title>
<style>
  html {
    background: red;
  }
  body {
    background: blue;
    margin: 0 auto;
    width: 30em;
  }
</style>

Alles lesen
HTTP-Header, HTML, HTML Doctype, CSS-Tricks, Code, CSS
483 Mal gelesen
Up
+3
Down
6. Jan 2011, 13:02
web
Programmierung
HTML5 erlaubt nahezu alles für das id-Attribut – sei weise
Wie in meinem vorherigen Beitrag "Gültige id-Attribute der HTML-Elemente" ausgeführt, beschränkt HTML 4.01 das erlaubte Format für id-Attribute recht stark:
ID- und NAME-Attribut muss mit einem Buchstaben ([A-Z, a-z]) beginnen, dem eine beliebige Anzahl von Buchstaben, Ziffern ([0-9]), Bindestrichen („-“), Grundstrichen („_“), Doppelpunkten („:“) und Punkten („.“) folgen kann.
Nun, HTML5 lässt jetzt nahezu jeden Wert für id-Attribute zu:

Auszug aus HTML5 3.2.3.1 das id-Attribut:
Der Wert muss eindeutig unter allen IDs im Unterbaum des Elements sein und mindestens aus einem Zeichen bestehen. Der Wert darf keine Leerzeichen enthalten.
Mindestens ein Zeichen, keine Leerzeichen.

Damit ist es nun auch möglich z.B. Akzentbuchstaben zu verwenden. Natürlich erhöht sich damit auch die Chance, dass du dir selber in den Fuss schiesst, da nun auch id-Werte möglich sind, die Probleme mit CSS sowie JavaScript verursachen könnten, wenn du damit nicht vorsichtig bist.

Alles lesen
JavaScript, HTML5 3.2.3.1, d-Attribut, CSS
248 Mal gelesen
Up
+2
Down
14. Dez 2010, 15:22
web
Social Networks
Myspace Kontaktbox ändern
Hast du einen Myspace-Account und findest deine Profilseite langweilig? Dagegen kann etwas getan werden. Mit dem richtigen Wissen kannst du deine ganze Profilseite Umgestalten. Ein erster Schritt wäre zum Beispiel, die Kontaktbox Umzudesignen.
Ich möchte dir hier zeigen, wie das funktioniert.
Am Anfang wird oft probiert die Schriftfarbe und die Schriftart zu verändern. Dies ist aber nicht möglich, weil die Schrift ein Bild ist und die Links in ihre Felder eingeteilt sind. Das Bild wurde dann den Feldern angepasst, damit jeder Link genau über dem dazugehörigen Text, bzw. Bild liegt.
Das Originalbild sieht so aus:

Myspace Kontaktbox ändern


Alles lesen
account, Profil, Kontaktbox, kontakt, Music, facebook, Designer, design, HTML, css, CSS-basierte Design, Web, Internet, myspace
515 Mal gelesen
Up
 0
Down
25. Apr 2010, 16:58
web
Internet
Newsletter erstellen - Dank diversen Email-Clients eine Kunst für sich
Im Internet kursieren einige Tutorials über das Erstellen von Newslettern, und was es dabei zu beachten gibt.
Ich möchte mit meinem Beitrag jedoch die wichtigsten Dinge die es beim Erstellen eines Newsletters gibt nocheinmal ansprechen und Lösungen zu häufigen Fehlern geben.

Alles lesen
email-client, css, outlook, email, Infobrief, information, newsletter
471 Mal gelesen
Up
 0
Down
29. Mär 2010, 16:13
web
Webdesign
10 Online-Texteditoren für jedermann
Programmierer benutzen ständig unterschiedlichste Werkzeuge um Anwendungen zu entwickeln. Es gibt Tools für alles: GUI-Design, Simulation, Test-Suites, Compiler und komplette IDEs wie Visual Studio oder Eclipse.
Aber das wichtigste Werkzeug für jeden Entwickler war und bleibt ein Texteditor. Heutzutage werden die Entwickler immer mobiler. Sie arbeiten oft unterwegs (z.B. bei einem Besuch beim Kunden oder auf dem Weg zur Arbeit) und die Technologie zieht mit. Es erscheinen mehr und mehr Online-Texteditoren, die es möglich machen am Code von beliebigen Computern mit Internetzugang zu arbeiten.

In diesem Beitrag möchte ich gleich 10 solcher Online-Texteditoren vorstellen.

Alles lesen
programmierung, javascript, css, html, texteditor, online
1282 Mal gelesen
Up
+7
Down
7. Mär 2010, 17:44