Wie viel Zeit verbringen Sie mit der Gestaltung der Inhaltspräsentation für Ihre Websites? Wenn Sie einen neuen Blogbeitrag schreiben oder eine neue Seite erstellen, denken Sie nur an die Worte oder daran, wie Ihre Leser damit interagieren werden …
Wann hast du das letzte Mal deine Website gelesen? Laut und deutlich in der Lobby eines Starbucks an einem Wochentagnachmittag, am Telefon deinen Eltern vorgelesen oder vielleicht sogar als Gute-Nacht-Geschichte für deine Kinder.
Keine Sorge, das …
Zahlenanimation, das heißt, stellen Sie sich vor, eine Zahl ändert sich von 1 zu 2, dann von 2 zu 3, dann von 3 zu 4 usw. über eine bestimmte Zeit. Wie ein Zähler, aber gesteuert durch die gleiche Art von Animation, die wir für ... verwenden.
Jede Website, die mich in letzter Zeit zum Staunen gebracht hat, war von besonderer Art; sie sind wie Aufsätze geschrieben und gestaltet. Es gibt ein Argument, eine Verspieltheit in der Art und Weise, wie sie mir nicht so sehr etwas verkaufen, sondern vielmehr …
Matthias Ott berichtet über eine Idee, die er von Derek Sivers gehört hat
…Viele persönliche Websites, einschließlich dieser hier, haben eine „Über uns“-Seite. Es ist eine Seite, die dir etwas über den Hintergrund einer Person oder die angebotenen Dienstleistungen erzählt. Aber
Es gibt eine content Eigenschaft in CSS, die zusammen mit den ::before und ::after Pseudo-Elementen verwendet wird. Sie fügt Inhalte in das Element ein.
Hier ist ein Beispiel:
<div
data-done="✅"
class="email">
[email protected]
</div>.email::before {
content: attr(data-done) " Email: Ich erinnere mich lebhaft an meine erste Begegnung mit einem Content Management System: Es war 2002 mit einer Plattform namens PHP-Nuke. Es bot ein Control Panel, in dem Website-Administratoren neue Inhalte veröffentlichen konnten, die den Lesern sofort zur Verfügung standen, ohne ...
Wussten Sie schon, dass Sie die content Eigenschaft von Pseudo-Elementen animieren können? Laut der Liste der animierbaren Eigenschaften in der Spezifikation sollten Sie das nicht können, aber in der neuesten Version von Desktop Chrome können Sie es. Die Demo unten …
