Spis treści
- CSS Custom Highlight API
- Jak to działa? CSS Custom Highlight API krok po kroku
- CSS Custom Highlight API – przykład z życia wzięty
- Pełen kod przykładu na Github
- Działająca aplikacja na Github Pages
- Podsumowując…
CSS Custom Highlight API
Czy pamiętasz te frustrujące chwile gdy aby podświetlić tekst na stronie musiałeś dodawać tagi takie jak mark i dodawać do nich style CSS?
Było to uciążliwe ponieważ wymuszało na Tobie cięcie tekstu i zmiany w treści.
A może miałeś problemy jako użytkownik jakiejś aplikacji? W sytuacji, gdy np Twój edytor tekstu wkleił w Twój dokument zbędne tagi i style.
Z odsieczą przychodzi CSS Custom Highlight API, które pozwoli Ci programistycznie określić zakres tego co chcemy podświetlić a potem ostylować to w CSS.
Zbuduj ze mną demo zawierające 2 sekcje:
- Sekcja pierwsza, z podstawowym przykładem podświetlania
- Sekcja druga, z przykładem który wnosi już rzeczywistą funkcjonalność
Jeśli zainteresuje Cię pełny kod implementacji – dostępne będzie zarówno repo na Github jak i działająca wersja na Github Pages
Czytaj dalej „Świetlana przyszłość stylów – podświetlanie z CSS Custom Highlight API”