Czasami tworząc listę opcji do wyboru chciałoby się zrobić to niestandardowo, bardziej oryginalnie, w mniej nudny sposób. Po co zaznaczać opcje przedstawione jako tekst, skoro można dodać do nich obrazek i uczynić wybór przyjemniejszym. Jeśli nie bardzo rozumiesz o co mi chodzi, spójrz poniżej:
Czasem zachodzi potrzeba zapisania danych użytkownika, tak by mógł do nich wrócić i ponownie z nich skorzystać. Niekoniecznie trzeba te dane od razu wysyłać na serwer, wystarczy, że zostaną zapisane lokalnie, w przeglądarce użytkownika. Sama wykorzystałam taki „trick”, kiedy robiłam grę na konkurs – Gynvael’s Summer GameDev Challenge 2018 oraz w mojej prostej liście TO DO.
W poprzednim artykule Generowanie dźwięku w JavaScript pokazałam, w jaki sposób można samodzielnie stworzyć pojedyncze dźwięki, by wykorzystać je np. w swoich grach. W tym artykule pokażę, jak stworzyć proste dźwięki będące krótkimi muzyczkami, które można wykorzystać np. przy zmianie levelu.
Jak stworzyć dźwięki w JavaScript?
Robiąc małą grę w JavaScript chciałam wygenerować w niej krótkie dźwięki, imitujące strzelanie, zderzenie z przeszkodą, zmianę levelu itp. Wykorzystałam w tym celu Web Audio API, co pozwoliło mi samodzielnie stworzyć „melodyjki” potrzebne w grze. Poniżej pokażę Ci, w jaki sposób samodzielnie możesz stworzyć własne dźwięki za pomocą JavaScript 😉
Tworząc jedną ze stron internetowych chciałam, aby jeden z divów rozciągnięty był zawsze na całą wysokość przeglądarki, niezależnie od wysokości okna, jaka będzie w danej chwili ustawiona. Osiągnęłam to w prosty sposób, za pomocą css.
Read More Jak dopasować stronę do wysokości ekranu przeglądarki?
Po co w ogóle edytować? Załóżmy, że tworzysz sekcję z komentarzami na swojej stronie i chciałbyś udostępnić użytkownikom opcję edycji komentarza, który wcześniej napisali. W łatwy sposób zrobisz to za pomocą atrybutu contenteditable:
Jeśli chcesz dowiedzieć się, jak usunąć podkreślenie i zmienić kolor linku za pomocą CSS, zobacz wpis: Jak usunąć podkreślenie hiperłącza (linku) za pomocą CSS ?
Aby usunąć na stałe podkreślenie z linku oraz zmienić jego kolor za pomocą JavaScript wystarczy, że przypiszesz pojedynczemu linkowi odpowiednie id i podstawisz go pod zmienną, a następnie nadasz mu odpowiednie właściwości :
Read More Jak usunąć podkreślenie hiperłącza (linku) za pomocą JavaScript?
Większość przeglądarek automatycznie dodaje podkreślenie do linków. Nie zawsze taka sytuacja nam odpowiada. Zatem jak możemy je usunąć oraz zmienić kolor linku?
Read More Jak usunąć podkreślenie hiperłącza (linku) za pomocą CSS ?
W przeglądarce chrome wokół aktywnego pola tekstowego (a także wokół diva, będącego linkiem) pojawia się niebieskie obramowanie, które niekoniecznie pasuje do wyglądu naszej strony. Można je jednak łatwo usunąć za pomocą CSS. Wystarczy, że w pliku CSS ustawimy outline (linię zewnętrzną elementu) na wartość none:
Read More Jak usunąć niebieską ramkę z pola tekstowego w chromie?
Kolejny przykład jednego z możliwych pierwszych projektów juniora – quiz 🙂 Quiz wykonany został na zasadzie kart – zakładek. Z pliku .json losowanych jest 10 pytań, które następnie (wraz z odpowiedziami, w pętli) przyporządkowywane są do 10 kart, ułożonych jedna „pod” drugą (position: absolute). Po kliknięciu przycisku next „wyłączana” jest widoczność pierwszej karty i „włączana” widoczność kolejnej. Przycisk Check Answear pozwala sprawdzić, czy udzielona odpowiedź jest prawidłowa i blokuje możliwość zmiany odpowiedzi. Końcowa zakładka pozwala sprawdzić ilość zdobytych punktów.
