Woche f #DaysOfCode: Flexbox, Typografie, Barrierefreiheit und mehr!

Tag 8: Heute habe ich das Modul „Lernen Sie CSS-Flexbox durch Erstellen einer Fotogalerie“ auf #freeCodeCamp abgeschlossen! ? Flexbox ist ein unverzichtbares Tool für responsive Layouts und ich habe gelernt, wie man Bilder ausrichtet, flexible Raster erstellt und eine schöne, responsive Fotogalerie strukturiert. Es ist spannend zu sehen, wie leistungsstark Flexbox sein kann, wenn es darum geht, Layouts flexibel und anpassungsfähig zu gestalten. Fühle mich jetzt sicherer damit! ?

Tag 9: Heute drehte sich alles um Typografie im Webdesign. Ich habe mich mit Schriftfamilien, Schriftstärken und Buchstabenabständen befasst, um die Lesbarkeit zu verbessern und meinen Designs ein eleganteres, professionelleres Aussehen zu verleihen. Typografie hat so viele subtile Details, und ich beginne zu verstehen, wie Dinge wie Schriftgröße und -abstände das Benutzererlebnis dramatisch verbessern können. ?

Tag 10: Ein Quizprojekt zum Erlernen der Barrierefreiheit auf #freeCodeCamp abgeschlossen. Dieses Projekt hat mich herausgefordert, über die Barrierefreiheit im Internet nachzudenken und darüber, wie man Websites für alle nutzbar machen kann, unabhängig von Behinderungen. Es war schwierig sicherzustellen, dass alle Elemente richtig gestaltet waren, aber es ist befriedigend zu wissen, dass ich integrativere Webdesigns entwerfe. Dadurch wurde mir auch klar, dass ich tiefer in HTML und CSS einsteigen muss, um die Kernkonzepte zu beherrschen. ?

Tag 11: Verbrachte Stunden damit, sich durch #W3Schools intensiv mit HTML und CSS zu beschäftigen. Mir war nie klar, wie umfangreich CSS ist – es ist viel umfangreicher, als ich es mir vorgestellt habe! Von grundlegendem Styling bis hin zu komplexen Animationen gibt es so viel zu lernen. Ich lese immer noch, aber ich freue mich darauf, das, was ich bisher gelernt habe, anzuwenden. ?

Tag 12: Ein Tribute-Seitenprojekt, das Dr. Norman Borlaug gewidmet ist, mit HTML und CSS abgeschlossen! ? Dies war eine weitere Herausforderung von #freeCodeCamp. Ich habe so viel über Layouts, Bildunterschriften und responsives Design gelernt. Es war herausfordernd, aber lohnend, und ich bin mit dem Ergebnis zufrieden. Heutzutage beschäftige ich mich mit #W3Schools tiefer mit CSS und es hilft mir dabei, mir Konzepte klarer zu machen, die mir vorher schwerfielen. CSS ist riesig, aber die bisherige Reise macht mir Spaß! ?

Tag 13: Ich habe an meinem Projekt „Lernen Sie etwas über Pseudo-durch-Aufbau einer Bilanz“ gearbeitet. Durch dieses Projekt habe ich Pseudoelemente und Pseudoklassen in CSS kennengelernt. Es war ein ziemlich neues Konzept, aber zu lernen, wie man bestimmte Teile von Elementen formatiert, ohne zusätzlichen HTML-Code hinzuzufügen, war überwältigend. Dieses Projekt hat mir ein tieferes Verständnis der CSS-Selektoren und ihrer Leistungsfähigkeit vermittelt.

Tag 14: Ich habe mein Projekt „CSS für Fortgeschrittene lernen, indem ich eine Katzenmalerei baue“ abgeschlossen. Es war eine super kreative Herausforderung! Die Verwendung von CSS zum Erstellen von Kunstwerken war ein einzigartiges Erlebnis. Es hat einige Zeit gedauert, die richtigen Formen und Farben hinzubekommen, aber der Prozess hat mir ein neues Verständnis dafür vermittelt, was CSS über Layouts und Styling hinaus leisten kann – es ist auch ein Werkzeug für die Kunst!

Herausforderungen:
Es hat einige Zeit gedauert, Flexbox zu beherrschen, aber jetzt fühle ich mich sicherer damit, wenn es um responsive Designs geht.
Obwohl die Typografie einfach zu sein scheint, war eine Menge Feinabstimmung erforderlich, um den Text sowohl lesbar als auch optisch ansprechend zu machen.
Barrierefreiheit war die größte Herausforderung – es war schwierig, gutes Design mit Barrierefreiheitsstandards in Einklang zu bringen, aber ich mache Fortschritte.
Pseudoelemente waren anfangs schwierig, aber ich beginne zu verstehen, wie sie das Styling verbessern können, ohne zusätzliches Markup hinzuzufügen.
Bisheriger Fortschritt:
Für responsive Layouts ist es mir angenehmer, Flexbox zu verwenden.
Die Typografie fühlt sich allmählich intuitiver an und ich wende bessere Praktiken an.
Ich habe ein tieferes Verständnis für barrierefreies Webdesign gewonnen und schenke ihm in meinen Projekten mehr Aufmerksamkeit.
Mein Verständnis von CSS-Pseudoelementen und CSS-Kunst hat sich erweitert und ich bin gespannt darauf, diese Fähigkeiten in zukünftigen Projekten anzuwenden.
Seien Sie gespannt auf weitere Updates, während ich auf meiner #100DaysOfCode-Reise weiter voranschreite! ??

Hier ist ein Blick auf die HTML- und CSS-Codes, an denen ich bisher gearbeitet habe. Sie können sich mein GitHub-Repository ansehen, in dem ich alle meine Fortschritte dokumentiere: https://github.com/heritech9/100-days-of-code.git

Das obige ist der detaillierte Inhalt vonWoche f #DaysOfCode: Flexbox, Typografie, Barrierefreiheit und mehr!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!