• Blog
    • CSS
    • HTML
    • JavaScript
    • React
    • React Native
    • Narzędzia Front-end Developera
  • Baza wiedzy
    • Biblioteka snippetów
    • Pytania rekrutacyjne dla Front-end developerów
  • Wtyczki WordPress
    • Simple Cookie Notice Plugin
    • Convert Taxonomy Terms Plugin
  • pl
  • en

Love Coding – blog programistyczny

25/07/2018

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

12/07/2018

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

10/07/2018

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

09/07/2018

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

08/07/2018

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

05/06/2018

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

25/05/2018

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

23/05/2018

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

23/05/2018

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
to-do-list picture

23/05/2018

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

Kategorie

  • CSS
  • HTML
  • JavaScript
  • Narzędzia Front-end Developera
  • Przykładowe projekty juniora
  • React
  • React Native
1 … 3 4 5 6 7 8
  • Blog
  • Spaceship Game
  • Cookies
  • Polski
  • English

2025 love-coding

Ta strona używa cookies dla sprawniejszego działania. Korzystając z witryny akceptujesz politykę cookies.