Διαδραστικό παράδειγμα κώδικα που αναπαριστά μια κινούμενη διεπαφή αναζήτησης (search interaction). Ο χρήστης μπορεί να κάνει κλικ στο εικονίδιο αναζήτησης για να εμφανιστεί το πεδίο εισαγωγής κειμένου με ομαλό animation. Για τη δημιουργία του παραδείγματος χρησιμοποιείται ο CSS preprocessor LESS για το styling και τα animations.

Άσκηση: Επεκτείνετε τον κώδικα του παραδείγματος προσθέτοντας λειτουργικότητα αναζήτησης. Όταν ο χρήστης πληκτρολογεί κείμενο στο πεδίο αναζήτησης και πατάει Enter, να εμφανίζεται κάτω από την μπάρα αναζήτησης ένα μήνυμα με το κείμενο “Αναζήτηση για: [το κείμενο που εισήγαγε ο χρήστης]”. Για το σκοπό αυτό χρησιμοποιήστε κώδικα JavaScript.