Clips von meinem Dev Ama

Ich habe kürzlich eine AMA bei Dev über gemacht. Nutzen Sie nur die Gelegenheit, um einige Antworten hier wie ein guter IndieWebber zu portieren.

Wenn Sie 2020 als Front -End -Entwickler anfangen würden, was würden Sie als erstes sagen, was Sie lernen würden und warum?

Sie müssen sich in eine Position versetzen, in der es Ihre Aufgabe ist, eine Website zu erstellen und aufzupassen. Auch wenn sich das schon früh wie eine Strecke anfühlt. Holen Sie sich die Domain, holen Sie sich die Website im öffentlichen Internet. Legen Sie Ihren Namen darauf. Jetzt haben Sie sich eingehalten und Sie lernen Technologie, weil Sie Ihre Ideen zum Leben erwecken müssen.

Für mich vor 650 Jahren war das eine Website für die Ol 'College -Band. Wir brauchten eine Website! Das klang für mich nach Spaß und ich habe es geschafft, durch den Kauf einer Domain, das Hosting und die Aufstellung einer WordPress -Website zu kämpfen. Im Laufe der Zeit lernte ich Front-End-Web-Technologien, weil ich das Design ändern, die Vorlagen ändern, coole Funktionen hinzufügen usw. hinzufügen wollte.

Holen Sie sich ein Projekt und lernen Sie durch das Projekt.

Wie bestimmen Sie, was Sie in einen Blog -Beitrag verwandeln möchten und was Sie als einfacher Tweet hinterlassen?

Normalerweise werde ich den Tweet nicht vermeiden. Der Tweet ist in der Regel ein guter Nachweis für den Blog -Beitrag. Wenn es niemanden kümmerte, was nicht so gut wie ein Posten. Wenn es ein gutes Engagement bekommt, ist es so, als ob das Gespräch um die Erstellung des Blog -Beitrags nützlich ist. Außerdem sind Tweets so einfach, die Tür zu werfen. Blog -Beiträge haben für mich absichtlich einen längeren Zeitplan, der Bearbeitung und Planung und dergleichen umfasst.

Hier ist ein Beispiel -Tweet. Nur ein dummes kleines UI -Experiment. Ich wollte nicht darauf warten, darüber zu bloggen, um die Demo zu fallen. Aber aus dem Twitter -Thread bekam ich ein interessantes technisches Feedback, Informationen darüber, welche Teile die am meisten überraschten und einige andere verwandte Ideen haben. Das wird hoffentlich zu einem viel robusteren Blog -Beitrag führen.

Ich behandle sogar so so, dass ich so so behandelt werde, ehrlich. Ich habe diesen Blog -Beitrag hier schnell geschrieben, aber dann für meinen eigenen Blog mit einigen Feedback verfeinert.

Hast du einen Lieblings-CSS-Trick, wo du genau wie "Wow" warst?

Ich denke, "Scroll Shadows" in CSS ist einer meiner Lieblings -CSS -Tricks aller Zeiten. Es wurde ursprünglich von Roman Komarov, erklärte und verbessert von Lea Verou. Ich habe neulich ein Werkzeug um die Idee von Stefan Judis gesehen.

Es ist ein echter Mind-Bender mit vierschichtigen Gradientenhintergriffen, die jeweils anders positioniert, dimensioniert und unterschiedlich gefärbt und dann in Bezug auf das Scrollen verhaltensmäßig unterschiedlich sind.

Es ist nicht nur ein ordentlicher Trick, weil es echte UX -Implikationen hat. Es ist wichtig, einen Schatten zu zeigen, wo Sie scrollen können. Betrachten Sie diese Geschichte eines aktuellen Design -Updates in iOS, das zu vollständigen Verwirrung in Bezug auf UI -Aktionen führte, an die Sie hinter einem Ort versteckt sind, an dem Sie scrollen konnten, aber keine Gewährleistung dafür hatte, wie Sie dorthin gelangen können. (Passiert mir die ganze Zeit in Spotify, um den Aufzeichnung zu erhalten.)

Was würden Ihre Top 3 Top -Teile schneller Ratschläge für Entwickler sein, die versuchen, einem ähnlichen Weg zu dem Wachstum ihres Einflusses und ihrer Exposition zu folgen?

Ich denke, das Schreiben ist buchstäblich der einzige Weg .

Ich kann mir keinen Entwickler mit Einfluss vorstellen, der diesen Einfluss auf etwas anderes als das Schreiben hat. Oder wenn es nicht schreibt, dann ist es ein YouTube -Kanal oder eine andere Form des Erstellens öffentlicher Dinge .

Wie viel sehen Sie sich persönlich mit Houdini -APIs, während sie veröffentlicht werden? Auf welche API freuen Sie sich am meisten (Malerei, Layout, tippt Om,…)?

Dieses super-niedrige Zeug fühlt sich manchmal über meinem Kopf an. Es fällt mir schwer, mir die Branchenauswirkungen solcher Dinge vorzustellen, indem ich mich nur um Spezifikationen ansiehst, weißt du?

Für mich scheint es, dass die Layout -API das mächtigste Potenzial hat.

Ich stelle mir gerade vor, dass Houdini den normalen täglichen Front-End-Entwicklern wie mich nicht so sehr beeinflusst. Ich werde nicht viel Houdini -Code schreiben. Aber ich werde ausgefallene Dinge verwenden, die andere Leute schaffen, weil es für mich etwas Nützliches tut. Genau wie die meisten Leute keine eigenen Bibliotheken schreiben oder NPM -Pakete veröffentlicht haben - sie verwenden sie einfach.

Es macht Spaß, von Houdini Wow zu sein. Wenn jemand danach sucht, schauen Sie sich die Showcase -Website von Vincent de Oliveira an.

Was ist Ihre Lieblingsbeschäftigung bei der Arbeit bei Codepen und/oder CSS-Tricks?

Weißt du was ich wirklich mag? Ich mag es jeden Tag ins Büro und habe eine ziemlich anständige Menge an Freiheit von dem, was ich an diesem Tag tun werde. Ich werde wahrscheinlich Meetings haben. Ich werde wahrscheinlich ein paar Sachen im alten Kalender haben. Ich werde wahrscheinlich einige Teamerwartungen haben, die ich zu treffen versuche. Aber normalerweise habe ich auch viel Zeit, um Dinge zu verfolgen, die für mich im Moment interessant sind.

Manchmal bin ich im Moment, um einige E -Mails durchzubohren. Manchmal möchte ich an einer Demo basteln, die nach Spaß klingt. Manchmal möchte ich einen Gedanken schreiben oder ein Video aufnehmen. Manchmal möchte ich etwas planen oder etwas dokumentieren. Manchmal möchte ich etwas mit anderen Menschen aussprechen oder ein Paar programmieren.

Ich habe das Glück, dass ich der Boss bin (lol) und ich mich absichtlich in diese Position versetzt habe, damit ich diese Freiheit habe.

Was wünscht Sie sich, wir könnten CSS hinzufügen?

Ich habe das Gefühl, jedes Mal, wenn jemand dies fragt, sollten wir alle jede Gelegenheit nutzen, um Containerfragen zu schreien! bis wir sie bekommen.

Die Idee ist, dass wir in der Lage sein sollten, CSS zu schreiben, auf der steht: „Wenn dieses Element so weit ist, sollte dieses CSS wirksam werden.“ Und nicht nur Breite, sondern auch, welche Medienanfragen wir bereits auf der Seitenebene haben.

Die beste Demo eines Anwendungsfalls ist die Seite von Philip Walton.

Ich möchte eine Kartenkomponente schreiben, die sich basierend darauf, wie weit es ist, nicht immer so weit verdreht, dass die Seite nicht immer eine direkte Verbindung zwischen diesen beiden Dingen gibt (z. B. kann eine Kartenkomponente in einer schmalen Seitenleiste auf einem großen Bildschirm angezeigt werden, aber eine vollständige Breite auf einem Tablet oder etwas).

Jede Komponente kann in einer solchen Situation sein. Lassen Sie mich für die Liebe von CSS Medienabfragen schreiben, die an diese Komponenten gesammelt wurden. Ich wiederhole viele andere Leute, als ich sah, dass die überwiegende Mehrheit der Medienfragen, die wir schreiben, diese, keine Seitenebene.

Glauben Sie, dass es sich lohnt, eine {Position: oben zu empfehlen; }?

Ich bin mir nicht sicher, ob ich in meiner Karriere jemals einmal eine große Entscheidung auf der Fold-basierte Entscheidung getroffen habe. Kein großer Fan dieses Denkens. Es gibt eine Linie, in der dieses wichtige Modul nicht überqueren darf, haha. Priorisieren Sie die wichtigsten Dinge, um auf der Seite höher zu sein. Websites falten nicht wie Zeitungen.

Außerdem haben wir jetzt Ansichtsfenster.

Haben Sie seit so lange Blog -Beiträge geschrieben, haben Sie einen Prozess zum Schreiben eines Schreibens entwickelt?

Sorta! Es fühlt sich für mich immer noch ziemlich lässig an (nennen wir meine mittelschwere Qualität), also ist es nicht so, als würde ich eine Kabine in der Wildnis mieten und Inspiration in den Sonnenuntergängen und billigem Whisky finden.

• Ich schreibe jede Blog -Post -Idee auf, die zu mir kommt. Ich versuche, diese Liste ziemlich öffentlich zu halten, aber ich habe auch eine persönliche Liste, auf der ich noch schlampiger sein kann.
• Ich habe so viel Kontext in diese Listen wie möglich gesteckt, damit ich hoffen kann, dasselbe Emotionen aufzurufen, die mich dazu gebracht haben, sie überhaupt aufzuschreiben. Wenn ich die Idee eine Woche später erneut besuche und nicht kann, ist es wahrscheinlich keine sehr gute Idee.
• Ich schreibe den Beitrag mit so viel Kontext wie möglich. Die Lichtforschung ist in der Regel beteiligt.
• Wir haben einen leitenden Redakteur für CSS-Tricks, daher wird er von mindestens einer Person überprüft, bevor er geplant ist.

CSS oder CSS-in-JS?

Ich sehe eine Menge cooler Sachen in CSS-in-Js. Ich denke, es löst viele interessante Probleme für bestimmte Websites. Zum Beispiel mag ich die Idee, die Option zu haben, Stile zu schreiben, die programmgesteuert in eine Komponente skopiert werden, und sind daher Baumschlepper, wenn die Komponente nicht automatisch verwendet wird.

Aber das Web ist ein großer Ort, und ich wage es, die meisten Websites nicht mit JavaScript-betriebenen Komponentenmodellen zu erstellen. Daher ist CSS-in-JS für viele Websites nicht notwendig oder angemessen.

Obwohl zwei Dinge klar sind:

• Ohne CSS können Sie keine CSS-in-JS haben. CSS-in-JS sind immer noch Stile, die auf Elemente angewendet werden. Es befreit Sie nicht vom Erlernen von CSS.
• Die CSS-in-JS-Landschaft ist breit. Es ist ein bisschen schwer, so vage darüber zu sprechen. Jedes Projekt im Eimer von CSS-in-JS bearbeitet die Dinge ein wenig anders und wie die Stile auf die Website angewendet werden, ist sogar ziemlich breit. Ich denke, es geht manchmal in den Argumenten verloren, dass einige der Ansätze buchstäblich ein CSS-Stylesheet erzeugen, das Sie wie jedes andere CSS-selbst mit SASS-produzierte CSS-verknüpfen-, worüber es nicht mehr viel Argument zu geben scheint.

Das obige ist der detaillierte Inhalt vonClips von meinem Dev Ama. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!