Es gibt eine Menge Inhalte auf CSS-Tricks. Das macht das Design etwas anspruchsvoll. Während wir beim Design sauber bleiben können, können wir uns bei der Menge an Dingen, die Aufmerksamkeit verdienen und die Seite ausmachen, wahrscheinlich nicht mit "minimal" davonkommen.
Das alles soll sagen, dass die **Suche sehr wichtig** auf CSS-Tricks ist. Sie wird täglich sehr intensiv genutzt, mit Hunderten von Suchanfragen pro Tag. Wir könnten das sogar noch verbessern, wenn wir die Suche noch visueller hervorheben und offensichtlicher machen können. Ich möchte, dass die Leute suchen. Ich weiß, dass sie ziemlich gut funktioniert und es für alle gut ist, wenn Benutzer finden, wonach sie suchen. Außerdem glaube ich psychologisch, dass die Bereitstellung einer großen und offensichtlichen Suche Selbstvertrauen in den Inhalt der Website zeigt.
Ein großer blauer Kasten mit einer Lupe (über unsere Icon-Schriftart) direkt oben im Header wird es für uns tun. Das Blau auf Grau ist sehr auffällig und kommuniziert Klickbarkeit.
Wir stellen uns vor, dass sich die blaue Box beim Klicken auf die Lupe zu einem Suchfeld erweitert. Der Grund, warum sie zunächst geschlossen ist, ist, dass 1) wir den zusätzlichen Platz im Header für unseren Top-Sponsor nutzen könnten und 2) die Lupe tatsächlich noch offensichtlicher sein mag als ein Formularfeld.
Das Suchformular hat die erwarteten Elemente: ein Suchfeld und einen Button. Aber es gibt auch einige Links, auf die man klicken kann, um die durchgeführte Suche einzugrenzen. Das werden wir in einem zukünftigen Screencast tatsächlich zum Laufen bringen.
Ich glaube, es war im letzten Video, Sie haben uns daran erinnert, dass die Blogbeiträge der wichtigste Teil der Website sind, aber bei der Suche kann man nicht nach den Blogarchiven filtern?
Absolut richtig.
Das ist im Moment eine technische Einschränkung. Sie werden bemerken (zum Zeitpunkt des Schreibens), dass die Blogbeiträge auf CSS-Tricks direkt von der Root-URL kommen. Z.B. css-tricks.com/slug-des-blogbeitrags/
Das bedeutet, es ist schwierig, eine Google CSE zu erstellen, die ihre Ergebnisse nur auf Blogbeiträge beschränkt. Während es einfach ist, eine für nur Forenergebnisse zu erstellen, da man die Suche auf css-tricks.com/forums/ beschränken kann.
Ich habe eine Reihe von Dingen versucht, die alle auf die eine oder andere Weise unbefriedigend waren, um die Blogbeiträge unter /blog/ zu verschieben. Ich werde es weiterhin versuchen und es schließlich schaffen.
Oder ich werde eine umgekehrte Google CSE erstellen, die Ergebnisse filtert, die keine Blogbeiträge sind. Das hat seine eigenen Herausforderungen. Und es hat auch nicht den Vorteil, die Analysen der Blogartikel spezifisch verfolgen zu können, wie wir es könnten, wenn wir sie nach /blog/ verschieben würden.
Verstanden. Das ergibt Sinn. Haben Sie gesehen, dass ich vor einiger Zeit ein paar Vorschläge in GitHub hatte, wie Sie das handhaben könnten? Ich denke, wenn Sie wüssten, dass Sie eine endliche Anzahl von Abschnitten haben (d.h. /snippets/ ist ein Abschnitt), würde ein Whitelist-Ansatz sehr effektiv und einfach zu implementieren funktionieren.
Ich liebe das Design des Suchformulars! Es ist so einfach, aber es ist einfach cool und großartig!! Übrigens liebe ich die Videos.. ich verweise seit etwa 2 Jahren auf CSS-Tricks und liebe es, aber diese Screencast-Serie ist verdammt GROSSARTIG!!! Eine so gute Idee!!