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

Zaraz po memory zabrałam się do zrobienia innej, równie znanej mini-gry: snake. Popularny wąż to gra, która królowała na telefonach jakieś 15 lat temu, ale i teraz lubię w nią zagrać od czasu do czasu. Wersję pierwszą można obejrzeć tu: Gra snake  – kod: github . Wersja ta została zaprojektowana przy wykorzystaniu tabeli.

Druga wersja gry memory posiada efekt obracający się kart, co sprawia, że gra nieco się ożywia. W grę można pograć tu: Gra memory wersja 2 . Kod można zobaczyć tu: github

Nowa gra – Memory Do gry wykorzystany został html, css i javascript. Tablica gry rysuje się za pomocą javascript, nie ma jej więc w kodzie html. Kod gry można podejrzeć tutaj: kod gry See the Pen Simple memory game in javascript by Joanna (@JoannaEl) on CodePen.

Dorwałam książkę „Programowanie zorientowane obiektowo w języku JavaScript” i jednym z pierwszych zadań było wykonanie tabliczki mnożenia. Moją tabliczkę można zobaczyć tu: tabliczka mnożenia

Mój pierwszy slider można zobaczyć tu: slider Slider działa na 3 sposoby: Całkiem fajny ten slider 🙂

Jest! Ulepszona wersja gry kółko i krzyżyk: zagraj Niedopracowana pod względem wyglądu, ale nie o to chodziło. Dodałam opcję gry z komputerem (poziom trudności: low) oraz możliwość wyboru tego, czy chce się zagrać kółkiem czy krzyżykiem. Poza tym, wprowadziłam jeszcze kilka drobnych zmian, jak resetowanie gry, komunikat o remisie i informację o tym, który gracz wygrał […]

Lista To Do – drugie w kolejności, zaraz po kalkulatorze polecane zadanie do zrobienia dla początkujących. No to zrobiłam. Nie skupiałam się na wyglądzie, lecz na funkcjonalności. Efekt można zobaczyć tutaj: lista to do