Love Coding – blog programistyczny

Jak stworzyć grę w JavaScript We wcześniejszych postach wspominałam, że napisałam grę na konkurs , w którym zasady miały dużo ograniczeń, np: wielkość gry nie mogła przekraczać 31337 bajtów (ok 31 KB), ilość kolorów na płótnie nie mogła przekraczać 32 w tym samym czasie (co sprawiało, że nie można było używać m.in. ładnie wyglądających, wygładzonych czcionek i kształtów), […]

Jak zastąpić pole typu checkbox obrazkiem – krótka instrukcja zamiany checkboxa na grafikę 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, […]

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ść […]