Love Coding – blog programistyczny

Czasem zdarza się, że potrzebujemy zapamiętać pewne informacje odnoszące się do konkretnego użytkownika, aby móc je później ponownie wykorzystać w naszej aplikacji. Niekoniecznie trzeba te dane od razu wysyłać na serwer, wystarczy, że zostaną zapisane lokalnie, w przeglądarce tego użytkownika. Jest to wygodne rozwiązanie, bo nie musimy zapisywać danych w bazie, a przeglądarka ma do […]

Generowanie dźwięków w grach za pomocą JavaScriptu 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ęk do gry w JavaScript? 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ć […]

How to set div to 100% browser height? 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.

How to make content editable in html5? 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:

How to change the color of the links and remove underline from link with javascript? 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 […]

How to remove underline from a link and add underline on hover? 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?

How to remove border (outline) in Chrome and Firefox from input – 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ść […]

Simple Quiz in JavaScript 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ść […]

Drugą wersję węża zrobiłam już przy wykorzystaniu elementu canvas. Sami oceńcie, która wersja podoba Wam się bardziej 🙂 Gra snake wersja 2  – kod: github , wersja z wykorzystaniem canvas