01#DevelopmentErstellen Sie für das Web, mit dem Browser als AusgangspunktEin praktischer Weg durch Web-Grundlagen, gezielte Kurse, Browserkompatibilität und barrierefreie Implementierung.
Frameworks machen vieles bequemer, aber der Browser entscheidet immer noch, wie sich eine Seite verhält. Kenntnisse in HTML, CSS, JavaScript und Barrierefreiheit machen unbekannte Tools weniger mysteriös. Diese Referenzen funktionieren gut neben einem kleinen Projekt, das Sie überprüfen, ändern und sicher zerstören können.
Probieren Sie dies zuerst aus
Erstellen Sie eine kleine…4 links12 posts
Digital arbeiten: verstehen, gestalten, fertigstellen
Von Browsern und HTTP über CSS und barrierefreies Design zu praktischen Werkzeugen für konzentriertes Arbeiten, Texte, Bilder und die letzte Dokumentprüfung.
- 01#DevelopmentErstellen Sie für das Web, mit dem Browser als AusgangspunktEin praktischer Weg durch Web-Grundlagen, gezielte Kurse, Browserkompatibilität und barrierefreie Implementierung.
Frameworks machen vieles bequemer, aber der Browser entscheidet immer noch, wie sich eine Seite verhält. Kenntnisse in HTML, CSS, JavaScript und Barrierefreiheit machen unbekannte Tools weniger mysteriös. Diese Referenzen funktionieren gut neben einem kleinen Projekt, das Sie überprüfen, ändern und sicher zerstören können.
Probieren Sie dies zuerst aus
Erstellen Sie eine kleine…4 links
02#DevelopmentLesen Sie einen HTTP-Austausch, bevor Sie dem Framework die Schuld gebenEine Erklärung, eine Referenz und ein Anforderungstestdienst, um zu verstehen, was ein Browser sendet und ein Server zurückgibt.3 links
03#DevelopmentSorgen Sie dafür, dass ein CSS-Layout echten Inhalt überdauertVier Sammlungen von CSS-Erklärungen zum Verständnis von Layoutbeschränkungen, robuster Größenanpassung und den unangenehmen Fällen, die ein perfektes Modell verbergen kann.4 links
04#DevelopmentEine Debugging-Workbench für eine Seite, die sich langsam anfühltBrowserdokumentation und Leistungsreferenzen, um „Das fühlt sich langsam an“ in eine reproduzierbare Beobachtung und einen gezielten nächsten Schritt umzuwandeln.4 links
05#DesignEntwerfen Sie Referenzen für Entscheidungen, die eine Begründung benötigenGehen Sie über die visuelle Inspiration hinaus mit einer kleinen Auswahl an Usability-Recherchen, Anleitungen zur Barrierefreiheit, Interaktionsprinzipien und Typografie-Lektionen.
Eine schöne Referenz kann zeigen, wie ein Bildschirm aussieht, ohne zu erklären, warum er funktioniert. Wenn eine Entwurfsprüfung zu einem Wettbewerb der Präferenzen wird, ist es hilfreich, über Quellen zu verfügen, die die Entscheidung diskutierbar machen. Diese Sammlung reicht vom Benutzerverhalten über den…4 links
06#DesignLesen Sie die Begründung einer DesignsystemkomponenteVier öffentliche Referenzen zum Studieren von Komponenten als Entscheidungen über Inhalt, Verhalten und Zugriff statt einer Galerie attraktiver Steuerelemente.4 links
07#DesignBeurteilen Sie Typografie anhand eines Absatzes, nicht anhand eines SchriftartnamensPraktische Anleitungen, ein Schriftskalierungstool, eine bildschirmorientierte Familie und ein reales Archiv zum Testen, wie sich Text tatsächlich liest.4 links
08#DesignTesten Sie ein Farbpaar dort, wo die Leute es tatsächlich lesenKontrastprüfer und visuelle Vergleiche zur Bewertung von Text- und Oberflächenfarben über eine Palettenvorschau hinaus.3 links
09#ProductivityEin kleines Toolkit für Arbeiten, die Ihre Aufmerksamkeit erfordernEin Timer, eine Zeichenfläche, ein Office-Paket und ein Notizbuch: vier Tools mit unterschiedlichen Aufgaben und einer einfachen Möglichkeit, sie auszuprobieren.
Ein neues Produktivitätssystem kann mehr Aufmerksamkeit erfordern als die Arbeit, die es unterstützen sollte. In dieser Sammlung sind die Rollen bewusst getrennt: Platz für eine Aufgabe schaffen, die Idee skizzieren, das Dokument erstellen und eine Notiz für das nächste Mal hinterlassen. Sie müssen nicht alle vier…4 links
10#ProductivityEine kleine Werkbank für Texte, die eine andere Form benötigenDrei Tools zum Überprüfen von strukturiertem Text, zum Anwenden einer wiederholbaren Transformation und zum Überprüfen des Ergebnisses, bevor es an anderer Stelle verwendet wird.3 links
11#ProductivityEine kleine Werkbank für Bilder, die ins Internet gehenEin fokussiertes Bild-Toolkit zum Bearbeiten einer Quelle, zum Vergleichen der Komprimierung, zum Bereinigen von SVG und zum Überprüfen einer kleinen Animation.4 links
12#ProductivityEin kleines Toolkit für den letzten Durchgang vor dem Versenden eines DokumentsPDF-Assembler, Textvergleich und Schreibrevisionstools zum Überprüfen der Datei, die eine andere Person tatsächlich erhält.4 links
