Tausende von Tipps CSS, PHP, Skripte. Hilfreiche Anleitungen und Video-Tipps

Das Wort "Farbverlauf" impliziert einen Übergang von einer Farbe zu einer anderen Farbe. Das ist sehr nützlich im Webdesign und kann schöne Effekte erzeugen. Wir werden diesen ganzen "Übergangsteil" jedoch überspringen und sehen, welche Art von CSS-Trick freigeschaltet wird. "

Die Idee hier ist, das Erscheinungsbild einer Diashow ohne Karussell zu erstellen. Mit anderen Worten, wir machen eine Reihe von Bildern auf der Folie von links nach rechts und wiederholen sie, sobald das Ende der Bilder erreicht ist. Der Trick ist, dass wir ein einzelnes Hintergrundbild mit CSS-Animationen verwenden, um (…) "

Es sieht nach ein bisschen Magie aus, zu sehen, wie sich eine Form im Web zeichnet. Oder als wäre es wahrscheinlich ein eingebettetes Video. Das muss aber nicht sein! Mit bemerkenswert wenig Code und einer schrecklich cleveren Technik, die Strichstriche und Offsets umfasst, können wir dies auf jedem SVG-Pfad tun. "

Vielleicht mein Lieblings-CSS-Trick aller Zeiten! In diesem Fall werden vier geschichtete Hintergrundverläufe verwendet, die Schatten oben und unten in Containern anzeigen, die einen Bildlauf durchführen, um anzuzeigen, dass Sie in diese Richtung scrollen können. Es ist einfach nur eine gute Benutzeroberfläche und sogar noch mehr als 2012, als es erfunden wurde, da Benutzeroberflächen ohne Bildlaufleiste immer häufiger verwendet werden. "

Wenn auf einer Website ein Hash-Link verwendet wird, wird auf der Seite zu der Position gescrollt, an der das verknüpfte Element sichtbar ist. Aber ist das ganz klar? Manchmal ist es verwirrend und verwirrend. Der gelbe Blitz ist eine Idee, um das Element, mit dem verknüpft wird, kurz hervorzuheben, um das Auge darauf zu lenken und eine verwirrende Situation zu verstehen. "

Zum Glück haben wir heutzutage viel mehr Kontrolle über das Laden von Schriftarten. Wir müssen unsere Benutzer nicht länger zwingen, auf das Laden einer Schriftart zu warten, bevor ihnen Text angezeigt wird. Wir können sie beim Laden der Schriftart austauschen. Dieser Austausch kann jedoch visuell rau sein, mit vielen abrupten Verschiebungen und Reflow. Das können wir aber beheben! "

Es gibt eine Reihe von Möglichkeiten, wie wir eine Form im Web animieren oder in eine andere übergehen können. Ich spreche nicht davon, einen Pfeil zu drehen oder ein Häkchen zu vergrößern, sondern davon, zu beobachten, wie eine Form genau die Punkte, aus denen sie gemacht wurde, an neue Orte verschiebt. "

Es gibt eine Möglichkeit, einen Fortschrittsbalken zu erstellen, der anzeigt, wie weit ein Benutzer ohne JavaScript über die Seite gescrollt hat (wie eine "Anzeige für den Lesefortschritt"). Nur eine clevere Verwendung von Verläufen und Positionierungen. "

Hallo, alle miteinander! Willkommen zur kompletten Serie zum Erstellen einer mobilen Website für Erstkünstler mit WordPress. Dies ist etwas anders als die letzte Serie "

Lustiges Wort, richtig? Es ist ein visueller Effekt, der ein Element zum Wackeln bringt, was ihm ein unangenehmes, aber äußerst einzigartiges Gefühl verleiht. "

In diesem Screencast spreche ich darüber, wie die Kommunikation zwischen mir und Jeff war, als er mir zum ersten Mal eine E-Mail über den Wunsch schickte, die Website neu zu gestalten. Das"

Aus dem letzten Video wissen wir, dass wir fünf wichtige Punkte berücksichtigen müssen, wenn wir mit dem Design dieser Website beginnen. Wir werden diese als "

Von Chris Coyier Dies ist ein Kompendium meiner Lieblingstricks, die mir in all meiner Zeit auf dieser Seite begegnet sind. Die meisten von ihnen sind nicht meine eigenen, sondern von Leuten, die viel klüger sind als ich. Hier präsentiere ich sie und erkläre den Trick, wie ich ihn sehe. Während vielleicht einige von ihnen mehr sind (…) "

Wir beginnen mit dem Öffnen unserer Photoshop-Datei. Der ziemlich albern aussehende "längliche" iPhone-Screenshot, der uns einfach zuerst eine Leinwand im Handy gibt "

Wir haben den "Header" des Designs eingerichtet, wir müssen nur den Rest der Seite herausfinden. Wir haben eine Liste der wichtigsten Ziele, die wir erreichen wollen. "

Wir möchten vor Ort arbeiten, während wir an diesem Projekt arbeiten. Nur ein paar Gründe: Es ist schnell. Wir können von überall offline arbeiten. Wir arbeiten an einem vollständigen "

Wir sind gerade dabei, unser WordPress-Theme auf so wenig wie möglich zu reduzieren. Wir machen uns keine Sorgen um das Design, das wir erreichen wollen. "

Wir haben Proxima Nova als Hauptschrift für Jeffs Website ausgewählt. Es ist heutzutage verdammt beliebt, aber es sieht gut aus mit Jeffs Arbeit. Einfach,"

Wir werden bald aufhören, uns die alte Seite hier anzusehen. Das ist das letzte Mal! Unser Plan jetzt, da wir eine richtige lokale Entwicklungsumgebung haben, ist zu geben "

In diesem Screencast hat CodeKit begonnen, unser Projekt anzusehen. Dies erleichtert viele Entwickleraufgaben erheblich. Das erste was wir tun ist uns "