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!

Formalisiere CSS

🔗 http://sonspring.com/journal/formalize-css
Kommentar lesen

Framework von Nathan Smith für gut aussehende, HTML5-fähige, progressiv verbesserte, browserübergreifende Formulare.

Boilerplate CSS3 Media Queries

🔗 http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries
Kommentar lesen

Eine Sammlung von Media Queries von Andy Clarke, die Ihnen den Einstieg in die Erstellung von responsiven Websites erleichtert. Responsive ist das neue Wort für Websites, die auf den ihnen zur Verfügung stehenden Platz reagieren, um ihre Inhalte so gut wie möglich in diesem Platz neu zu gestalten.

Digging Into WordPress v3 – Wieder im Druck

🔗 http://digwp.com/book/
Kommentar lesen

Die dritte Version meines Buches, Co-Autor Jeff Starr, wurde von Grund auf überarbeitet, um sicherzustellen, dass alles auf dem neuesten Stand ist und ein neues Kapitel über WordPress 3 enthält. Jetzt ist die gedruckte Version wieder in limitierter Auflage erhältlich, mit einem neuen, schicken schwarzen glänzenden Einband und schwarzer Spiralbindung (liegt flach!).

Es ist mit 70,00 $ (+ Versandkosten) nicht billig, aber das war es wert, um diese Vollfarb-Schönheit zu erstellen. Natürlich ist darin auch die PDF-Version und kostenlose lebenslange Updates für diese PDF-Version enthalten.

WebP Bildformat

🔗 http://code.google.com/speed/webp/
Kommentar lesen

Google hat ein neues Bildkomprimierungsformat namens WebP (ausgesprochen "Weppy") veröffentlicht. Es ist für fotografische Bilder (wie JPG) und auch verlustbehaftet (wie JPG). Ihre Beispielgalerie zeigt Vergleiche nebeneinander, bei denen die WebP-Version in Qualität gleich oder besser ist und eine kleinere Dateigröße hat. Der von ihnen angebotene Download liefert jedoch seltsam unterschiedliche Ergebnisse... Ich habe einige Gerüchte gehört, dass die Qualität von WebP schlechter ist, aber wie bei JPG gibt es auch hier Qualitätseinstellungen, so dass ich mir nicht sicher bin, ob eine solche pauschale Aussage getroffen werden kann.

Da noch kein Browser das Format unterstützt, können Sie eine "PNG-Hülle" (Dateiname ist ___.png) verwenden, damit Browser diese anzeigen. Sie müssen ein super nerdy Linux-Kommandozeilentool verwenden, um Bilder zu konvertieren. Der Konverter nimmt JPGs als Eingabe, was lustig ist, dass dieses "besser als JPGs"-Tool JPGs zum Arbeiten benötigt. Obwohl ich erkenne, dass es hier mehr um kleine komprimierte Bilder als um große, hochwertige Bilder geht.

Ich kann mir nicht vorstellen, dass dieses Format viel verwendet wird, bis bessere Werkzeuge zur Erstellung von Bildern in diesem Format verfügbar sind.

JS fördern

🔗 http://promotejs.com/
Kommentar lesen

Das Finden korrekter, aktueller und gut geschriebener Dokumentation zu JavaScript kann manchmal ziemlich schwierig sein. Das Web enthält viele Fehlinformationen (können Sie es glauben?!). Dies ist ein Versuch, die qualitativ hochwertigen Dokumentationen von Mozilla an die Spitze der Suchmaschinenergebnisse zu bringen, indem Leute speziell gestaltete Links auf ihrer Website platzieren, die auf bestimmte Abschnitte ihrer JavaScript-Dokumentation verweisen.

Diese JavaScript-Kids sind auch so clever. Hier ist meine.

JavaScript Reference, JavaScript Guide, JavaScript API, JS API, JS Guide, JS Reference, Learn JS, JS Documentation

Umgang mit Content-Scraping

🔗 http://perishablepress.com/press/2010/09/24/content-scrapers-suck-ass/
Kommentar lesen

Jeff Starrs Antwort auf meinen Artikel über Nichtstun bezüglich Content-Scraping. Unter anderem.

Das Streuen einiger interner Links in Ihren Beiträgen bietet Ihnen fantastische Vorteile: Es liefert Links zurück auf Ihre Website von gestohlenen/gescrapeten Inhalten, hilft Ihren Lesern, neue und verwandte Seiten/Inhalte auf Ihrer Website zu finden, erleichtert Suchmaschinen das tiefe Crawling Ihrer Website.

Vendor-Präfix-Äquivalente

🔗 http://peter.sh/experiments/vendor-prefixed-css-property-overview/
Kommentar lesen

Haben Sie sich jemals gefragt, was das Gecko-Äquivalent zu WebKits -webkit-transition-timing-function ist? Diese Tabelle deckt das ab. Aber noch wichtiger ist, ob die anderen Rendering-Engines diese Eigenschaften überhaupt implementiert haben.

jQuery Summit

🔗 http://www.environmentsforhumans.com/2010/jquery-summit/
Kommentar lesen

Ich spreche auf dem jQuery Summit, der 2. jährlichen, Online, Live jQuery Konferenz am 16. & 17. November 2010.

Wenn Sie interessiert sind, verwenden Sie den Gutscheincode **JQUERY2CHRIS** für 20 % Rabatt!

ProCSSor

🔗 http://procssor.com/
Kommentar lesen

Der hübscheste der CSS-Schönmacher. Ich finde diese Dinge sehr hilfreich, wenn ich CSS von jemand anderem übernehme und es in das Format bringen möchte, das mir am besten gefällt, ohne es von Hand zu tun. Tatsächlich fange ich normalerweise an, es von Hand zu machen und denke dann: Oh ja! Computer!

Das ist dasjenige, das ich vorher benutzt habe, das funktional großartig ist und mir gefällt die Art und Weise, wie es Sie fragt, was zu tun ist (z.B. Nach der Klammer eine neue Zeile einfügen?).

Native asynchrone Skriptladung von WebKit

🔗 http://webkit.org/blog/1395/running-scripts-in-webkit/
Kommentar lesen

WebKit Nightly-Builds unterstützen dies jetzt. Die Syntax sieht wie folgt aus

<script async src="myAsyncScript.js" onload="myInit()"></script>
<script defer src="myDeferScript.js" onload="myInit()"></script>

Sowohl async als auch defer Skripte beginnen sofort mit dem Download, ohne den Parser zu unterbrechen, und beide unterstützen einen optionalen onload-Handler, um den häufigen Bedarf an Initialisierungen zu decken, die vom Skript abhängen. Der Unterschied zwischen async und defer liegt darin, wann das Skript ausgeführt wird. Jedes async-Skript wird so schnell wie möglich nach Abschluss des Downloads und vor dem load-Ereignis des Fensters ausgeführt. Das bedeutet, dass es möglich (und wahrscheinlich) ist, dass async-Skripte nicht in der Reihenfolge ausgeführt werden, in der sie auf der Seite erscheinen. Die defer-Skripte hingegen werden garantiert in der Reihenfolge ausgeführt, in der sie auf der Seite erscheinen. Die Ausführung beginnt nach Abschluss des Parsens, aber vor dem DOMContentLoaded-Ereignis des Dokuments.

In der Vergangenheit wurde dies mit der cleveren Technik gemacht, ein neues Skriptelement in JavaScript zu erstellen und es nach dem Laden der Seite in den Head einzufügen. Dies ist einfacher und sauberer. Hoffen wir, dass andere Browserhersteller es auch aufgreifen, und zwar mit der gleichen Syntax.

Quick Hits

# 23. August 2024
# 21. August 2024
# 14. August 2024
# 14. August 2024
Weitere Quick Hits →
  • Neuer
  • 1
  • ...
  • 194
  • 195
  • 196
  • ...
  • 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

© .