Joanna
Jak usunąć niebieską ramkę z pola tekstowego w chromie?
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ść […]
Czytaj więcej
Joanna
Prosty Quiz w Javascript
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ść […]
Czytaj więcej
Joanna
Snake game wersja 2
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
Czytaj więcej
Joanna
Snake game
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.
Czytaj więcej
Joanna
Gra memory – wersja 2
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
Czytaj więcej
Joanna
Gra memory
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.
Czytaj więcej
Joanna
Tabliczka mnożenia
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
Czytaj więcej
Joanna
Mój pierwszy slider
Mój pierwszy slider można zobaczyć tu: slider Slider działa na 3 sposoby: Całkiem fajny ten slider 🙂
Czytaj więcej
Joanna
Kółko krzyżyk javascript – ulepszona wersja
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ł […]
Czytaj więcej
Joanna
TO DO List
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
Czytaj więcej