Porównanie czasu w javaScript

Dawno nic nie pisałem, więc dzisiaj postanowiłem, że będzie krótki poradnik. Chciałbym dzisiaj opisać temat zarządzania czasem, a konkretniej, sprawdzić czy obecna godzina jest z podanego przedziału. Można to wykorzystać np. do pokazania na stronie czy sklep jest jeszcze otwarty. Zaczynamy. Przykład Zaczynamy od razu od konkretnego przykładu. Dany sklep jest otwarty ... [Czytaj dalej]

Tworzenie responsywnych tabel

Używanie tabel na stronie internetowej czasem sprawia nieco problemów, zwłaszcza, gdy nasz design strony jest elastyczny, responsywny. O ile na pełnowymiarowych komputerach nie sprawia to większych problemów, o tyle na urządzeniach mobilnych potrafi nieco popsuć odbiór danych z tabeli. Dzisiaj postaram się opisać jedno z przykładowych rozwiązań tego kłopotu. Po co ... [Czytaj dalej]

Wyrażenia regularne w JavaScript

Podczas tworzenia strony internetowej zdarza się, że potrzebujemy sprawdzić dane wprowadzone przez użytkownika lub wyszukać element spośród wielu dostępnych. Wtedy z pomocą przychodzą nam wyrażenia regularne. Dzisiaj postaram się przedstawić możliwie zwięźle przydatne wyrażenia regularne, które można wykorzystać podczas walidacji danych przesyłanych od użytkownika poprzez formularz. Co to są wyrażenia regularne? Wyrażenia ... [Czytaj dalej]

Templatki JS bez użycia jQuery

Framework jQuery zakorzenił się tak bardzo w środowisku deweloperów www, że wielu z nich "automatycznie" dodaje go do swoich projektów. Od pewnego czasu w swoich projektach, tam gdzie nie jest to konieczne, nie używam jQuery. Dzisiaj przedstawię wam jak używać templatek bez użycia frameworka jQuery. Co to są templatki kodu HTML? Większość ... [Czytaj dalej]

BezpieczneHasło to podstawa bezpiecznego logowania

Codziennie serfując w Internecie, logujemy się w różnych serwisach. Bezpieczeństwo hasła w pierwszej kolejności zależy od nas samych, ponieważ to my musimy zadbać o jakość tegoż hasła. Dzisiaj chciałbym przedstawić moją usługę generowania złożonego hasła, które pozwoli na zabezpieczenie konta w wybranym serwisie. Bezpieczeństwo zakładanych kont w serwisach www Na wstępie trzeba ... [Czytaj dalej]
Kategoria: Ogólne | Data dodania:

Przecieki z nadchodzących premier - czy ktoś w to wierzy?

Od dłuższego czasu w głowie krząta mi się myśl, aby napisać coś o tym, jednak dopiero dzisiaj postanowiłem o tym artykule. Oczywiście mowa tutaj o przeciekach przedpremierowych z firm (np. technologicznych) i dlaczego uważam, że takie przypadki (prawie) nie zdarzają się. Spróbuję opisać to z mojego punktu widzenia. Ostatnie doniesienia pokazują ... [Czytaj dalej]
Kategoria: Ogólne | Data dodania:

Google Search Console - dlaczego warto dbać o poprawność mapy strony?

Dawno nie było nic o Google i indeksowaniu stron, więc postanowiłem podzielić się przypadkiem z "własnego podwórka". Przypadek pokazuje, jak ważne jest dbanie o poprawność danych wprowadzonych do narzędzi Google, by te poprawnie indeksowały nasze strony, mapy stron - mówiąc ogólnie - dane. Mapa witryny w Search Console Tworząc stronę i dodając ... [Czytaj dalej]
Kategoria: Google | Data dodania:

Jak usunąć branch z GITa?

Jak usunąć branch z GITa?
Korzystając z narzędzia do wersjonowania kodu w projektach (zwłaszcza w dużych), przychodzi taki moment, że mamy sporo archaicznych/nieużywanych/niepotrzebnych gałęzi (branchy). W takim przypadku z pomocą przychodzi nam opcja usunięcia brancha, czy to lokalnego, czy zdalnego. Zatem przejdźmy do prostej, szybkiej operacji usuwania brancha. Usuwanie brancha lokalnego git branch -d {nazwa gałęzi} Usuwanie brancha ... [Czytaj dalej]
Kategoria: GIT | Data dodania:

Underscore vs. Lodash, czyli szybkie porównanie bibliotek

Tworząc stronę opartą głównie o frontend i jakiś zbiór danych często zadajemy sobie pytanie jakiej biblioteki użyć, by obrobić dane. Javascript to język działającym (prawie) wyłącznie po stronie klienta w przeglądarce. Dzisiaj postaram się po krótce przybliżyć dwie znane biblioteki służące do obróbki zbioru danych. Wprowadzenie Stojąc przed wyborem między biblioteką Underscore JS a Lodash, ... [Czytaj dalej]

Flexbox, czyli elastyczne tworzenie stron www

Pojęcie responsywnych stron www każdemu kojarzy się z elastycznymi stronami, które są dostosowane do wyświetlania na różnych rodzajach ekranów. W szczególności pojęcie znane jest osobom na stanowisku frontend developer - osoby odpowiedzialne za część wizualną (techniczną) strony www. Dzisiaj wiodącym trendem jest flexbox. Wprowadzenie Termin flexbox wprowadzono wraz z wejściem specyfikacji CSS2.1, natomiast ... [Czytaj dalej]

Preprocesory CSS - Wstęp

Każdy frontend'owiec na pewnym etapie swojej przygody z css, napotka pojęcie preprocesor. Ułatwiają one bardzo pracę nad styowaniem strony, a na pewno ją przyspieszają, co z kolei ma duży wpływ na wydajność. Oczywiście, aby zacząć korzystać z preprocesorów należy swobodie władać czystym css. Przedstawienie W tym wpisie postaram się jedtnie przedstawić zarys ... [Czytaj dalej]

Responsywne wideo w tle strony

Jakiś czas temu pisałem o tym jak zrobić screenshot'a w html5, natomiast dzisiaj skupię się na efekcie, który jest coraz bardziej popularny w internecie. Mianowicie zaprezentuję, jak uzyskać responsywne tło w postaci wideo. Sprawa przy responsywnej grafice jest o tyle prostrza, że wystarczy użyć backround-image oraz background-size (cover/contain). A przy ... [Czytaj dalej]
Kategoria: HTML5 | Data dodania:

Modułowość styli CSS

CSS jest prostym językiem i można w nim pisać kod, który jest łatwo dołączany do projektu. Początkujący webdeweloper nie zawsze jest świadomy, jakie szkody może wyrządzić nieumiejętne dokładanie kodu css. Wtedy zaczyna się niestety szukanie "na szybko" przyczyny złego stylowania poszczególnych elementów. Pułapki podczas kodowania w CSS Jakiś czas temu pisałem o ... [Czytaj dalej]

Inteligentna maszyna - czy to istnieje?

Od kilku lat obserwujemy bardzo szybko rozwijające się technologie, które mają za zadanie wyręczać użytkowników z codziennych czynności. Wiele z tych technologii rozwinęło się na tyle, że producenci próbują zastępować kilka urządzeń jednym. Oczywiście mowa tu o smartfonach. Jest jednak taka technologia, która od samego początku jej istnienia jest mocno ... [Czytaj dalej]
Kategoria: Ogólne | Data dodania:

Gulp.js - narzędzie do automatyzacji #2

Nadszedł czas na drugą część z cyklu minifikacja i automatyzacja w zakresie front-endu. Jakiś czas temu przedstawiłem teorię i konfigurację Gulp.js. Dzisiaj skupię się na nieco szerszej analizie i przedstawieniu przykładu, jak (wg. mnie) zautomatyzować proces tworzenia witryny. Jako przykładowy schemat działania wykorzystam skrypt z Grunt'a. Przygotujmy Gulp'a czyli zainstalujmy go globalnie: npm ... [Czytaj dalej]

Powiadomienie cookies

Strona lukaszbacik.pl zapisuje pliki cookies na komputerach odwiedzających ją internautów. Czytaj więcej.