Direkt zum Inhalt springen
CSS-Tricks
  • Artikel
  • Notizen
  • Links
  • Anleitungen
  • Almanach
  • Zufall
Suche

Links

Dinge aus dem Web, die wir lesen und über die wir einige Gedanken haben. Hast du einen Link, den wir kennen sollten? Lass es uns wissen!

WebKit-Gradient-Syntax

🔗 http://webkit.org/blog/1424/css3-gradients/
Kommentar lesen

… entspricht jetzt der Mozilla- / offiziellen Spezifikationsversion, was großartig ist, weil 1) es einfacher zu schreiben und technisch leistungsfähiger ist und 2) juhuu, Standards!

Es ist nur in den WebKit Nightly Builds verfügbar, aber ich bin sicher, dass es in den nächsten großen Versionen von Safari und Chrome enthalten sein wird.

Wird -webkit-gradient also abgeschafft? Sicher nicht! Wir werden die Unterstützung für -webkit-gradient auf absehbare Zeit für alle bestehenden Inhalte beibehalten, die es verwenden.

Google verwirft H.264

🔗 http://blog.chromium.org/2011/01/html-video-codec-support-in-chrome.html
Kommentar lesen

Google Chrome stellt die Unterstützung für den Videocodec H.264 ein. Es fühlt sich ein wenig wie ein Duell zwischen Apple und Google an, da H.264 stark von Apple genutzt wird und WebM von Google entwickelt wurde.

Bei HTML5-Video scheint es mir so, als ob sich die Dinge so entwickeln:

Jetzt
H.264 – Chrome, Safari, Mobile Safari
Ogg Theora – Firefox, Opera

Nahe Zukunft
WebM – Chrome, Firefox, Opera, IE 9
H.264 – Safari, Mobile Safari

Man muss immer noch nur zwei Formate bereitstellen, um eine ziemlich gute Abdeckung zu erzielen. Wenn Safari sich WebM anschließen könnte, wären wir bestens aufgestellt, aber verlassen Sie sich nicht darauf, bis es soweit ist.

Mother Effing HSL

🔗 http://mothereffinghsl.com/
Kommentar lesen

Aus dem Quellcode

Diese Seite ist von Paul Irish
Ich habe sie gemacht, weil HSLA viel cooler ist als RGBA und auch sinnvoller!

HSL ist besser als RGB. Der Grund, warum es (meiner Meinung nach) nicht so viel verwendet wird, ist, dass man keine HSL-Farbwerte aus Photoshop erhalten kann. Daher sind Tools wie dieses und mein eigenes.

Gestreifte und Schachbrettartige Hintergründe ohne Bilder

🔗 http://lea.verou.me/2010/12/checkered-stripes-other-background-patterns-with-css3-gradients/
Kommentar lesen

Lea Verou mit einer cleveren Idee, CSS3-Verläufe zu verwenden (durch Setzen der Hintergrundgröße), um gestreifte und schachbrettartige Hintergründe ohne Bilder zu erstellen.

Körperrahmen ohne Markup

🔗 http://csswizardry.com/2010/12/simplified-page-borders-in-pure-css/
Kommentar lesen

Harry Roberts mit einer schönen Technik zur Erstellung von Körperrahmen-Effekten mithilfe von Pseudo-Elementen ohne überflüssiges Markup (gleiche Idee mit zusätzlichem Markup ermöglicht ältere Browserunterstützung). Lesen Sie die Kommentare für einige andere gute Vorschläge.

Der Hacktastische Zoom-Fix

🔗 http://www.stubbornella.org/content/2010/12/09/the-hacktastic-zoom-fix/
Kommentar lesen

Nicole Sullivan über das Erzwingen von Elementen zur Erzeugung neuer Formatierungskontexte mit display: table-cell und einer Zeichenfolge von X'en als Pseudo-Inhalt, um sie vollständig breit zu erzwingen.

Die schlanke, kräftige CSS-Reset-Maschine.

🔗 http://cssresetr.com/
Kommentar lesen

Es gibt alle Arten von CSS-Resets, vom allseits beliebten Meyer-Reset bis zum neumodischen HTML5-Reset. Wissen Sie, was der Unterschied zwischen den verschiedenen Resets ist? Es ist schwer vorstellbar, selbst wenn man den Code betrachtet und vergleicht. Jeff Starr hat diese neue, clevere kleine Website erstellt, die es Ihnen ermöglicht, verschiedene Arten von Inhalten mit verschiedenen angewendeten Resets zu sehen und sogar Ihre eigenen Website-Inhalte einzubinden, um es auszuprobieren.

CSS Transition Timing

🔗 http://www.the-art-of-web.com/css/timing-function/
Kommentar lesen

Ein schönes kleines Artikel mit visuellen Demos zu den verschiedenen Timing-Funktionen für CSS-Übergänge. Die Fortschrittsanzeige ist nett. Beachten Sie auch die skalierende Transformation in der Inhaltsübersicht. Ich bin mir nicht sicher, ob mir diese genaue Implementierung gefällt, aber das Konzept gefällt mir.

Der fünfte Positions-Wert

🔗 http://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html
Kommentar lesen

Peter-Paul Koch

Wenn mobile Browser position: fixed genau wie Desktop-Browser implementieren würden, würden viele Websites mit festen Elementen auf Mobilgeräten unbrauchbar werden.

… Ich glaube, es ist Zeit für position: device-fixed.

Sie müssen JavaScript lernen

🔗 http://thenerdary.net/articles/entry/you_must_learn_javascript
Kommentar lesen

Es ist heutzutage wirklich unvermeidlich, und das ist gut, weil es großartig ist. Hier sind einige ausgewählte Zitate von Kenny Meyers

Nicht jedes Unternehmen ist eine Ruby-Schmiede. Nicht jedes Unternehmen ist eine .NET-Schmiede. Ich glaube, dass 99 % der Zeit beide Unternehmen jemanden benötigen, der JavaScript kennt und es gut beherrscht.

Wenn Leute über HTML5 sprechen, sprechen sie meistens über JavaScript.

Und bezüglich Frameworks und dem Henne/Ei-Problem

CodeIgniter hat mir definitiv geholfen, PHP besser zu verstehen. jQuery gab mir eine gute Grundlage, um tiefer in JavaScript einzusteigen.

Quick Hits

# 23. August 2024
# 21. August 2024
# 14. August 2024
# 14. August 2024
Weitere Quick Hits →
  • Neuer
  • 1
  • ...
  • 192
  • 193
  • 194
  • ...
  • 219
  • Ältere

CSS-Tricks wird unterstützt von DigitalOcean.

Bleiben Sie auf dem Laufenden über Web-Entwicklung

mit unserem handverlesenen Newsletter

DigitalOcean
  • Über DO
  • Cloudways
  • Rechtliches
  • Holen Sie sich kostenloses Guthaben!
CSS-Tricks
  • Schreiben Sie für uns!
  • Werben Sie bei uns
  • Kontaktieren Sie uns
Soziales
  • RSS-Feeds
  • CodePen
  • Mastodon
  • X
Nach oben

© .