Mamy jeszcze trochę pracy, aby dokończyć obszar poszukiwań.
Zostajemy zboczeni na sekundę, gdy zauważyłem, że nie dodaliśmy jeszcze trójwymiarowego efektu układania do zawijania strony, więc robimy to i zmieniamy kolorystykę.
Następnie pracujemy nad obszarem „Wyszukaj w:”, czyli małych linków, w których można kliknąć, aby zawęzić wyszukiwanie według obszaru witryny. Później sprawimy, że to faktycznie zadziała, ale ustawimy tutaj interfejs użytkownika. Łącza mają kolor jasnoniebieski, ale łącze „wybrane” zmienia kolor na biały i jest podkreślone, co jest źródłem wielu informacji zwrotnych na temat tego, które jest zaznaczone.
Dodajemy również znak ✕ (który wyrywamy z CopyPasteCharacter) jako małe łącze, które można kliknąć (lub dotknąć), aby zamknąć obszar wyszukiwania.
Gdy mamy już gotowy projekt, okazuje się, że otwieranie i zamykanie obszaru wyszukiwania jest trochę niezręczne. Rzeczy tymczasowo zawijają się, gdy otwarty obszar poszukiwań jest chwilowo wąski. Aby to naprawić, upewniamy się, że nic się nie zawija white-space: nowrap;i nic dziwnego nie odstaje oveflow: hidden;.
Kończę mówiąc, że jako następne zrobimy wyszukiwarki, ale tak naprawdę nie przechodzimy do następnego, to będzie się pojawiać w wideo # 094.