Strona główna<!-- --> · blogweb.pl
Link do strony głównej

Blog o programowaniu, informatyce i elektronice.

Obrazki migają przy starcie strony

Tomek

W HTML w przypadku obrazków o dynamicznie ustawianych rozmiarach lub obrazków ładowanych z wolnych źródeł, na przykład z odległego serwera, może występować krótkotrwałe migotanie podczas ładowania i renderowania obrazka. Aby zminimalizować lub całkowicie wyeliminować to migotanie, istnieje kilka skutecznych technik. Jednym z podejść jest wcześniejsze zdefiniowanie rozmiaru kontenera, w którym znajduje się obrazek, przed faktycznym załadowaniem obrazka. Dzięki temu można uniknąć nagłej zmiany rozmiaru po załadowaniu obrazka. Innym podejściem jest zastosowanie JavaScript, aby kontrolować widoczność obrazka i pokazywać go dopiero po załadowaniu. W dzisiejszym wpisie omówię tę drugą metodę i pokażę, jak sobie poradzić, gdy JavaScript jest wyłączony.

0 komentarzy | #html #javascript #css

Bitlocker wyłącza komputer

Tomek

W trybie UEFI podczas uruchamiania komputera, gdy Bitlocker pyta o hasło lub klucz odzyskiwania, mamy 60 sekund aby zacząć je wpisywać. Jeżeli tego nie zrobimy komputer się wyłączy.

0 komentarzy | #windows #bitlocker #UEFI

net::ERR_CONTENT_LENGTH_MISMATCH

Tomek

Często używaną konfiguracją jest połączenie ExpressJS i Ngnix. Nginx działa jako proxy. Aby przyspieszyć swoje działanie używa bufora. Gdy bufor z jakiegoś powodu nie działa prawidłowo, w przeglądarce możemy zobaczyć błąd net::ERR_CONTENT_LENGTH_MISMATCH.

0 komentarzy | #node #js #express #nginx

Avrdude ser_drain(): read error, stk500_getsync()

Tomek

W internecie istnieje wiele opisów jak podłączyć mikrokontroler avr do esp i zdalnie (OTA) aktualizować jego firmware. Niestety używając do tego programu avrdude napotykamy na problem. Pod macos-em wszystko działa poprawnie. Pod windows-em wyskakuje błąd ser_drain(): read error.

0 komentarzy | #avrdude #esp-link #ota #ser_drain #stk500 #atmega

Jak dodać mqtt do sterownika rolet z ESP ?

Tomek

Zakupiłem moduł WiFi WF1 do sterowania roletami (pasmo 434MHz). Moduł ten łączy się do domowego routera i posiada dedykowaną aplikację na system Android. Posiada jeszcze jedną ciekawą cechę - ESP-01 (8266), który można wyjąć z płytki. Postanowiłem więc go trochę przerobić i dodać obsługę protokołu MQTT.

0 komentarzy | #esp8266 #wf1 #mqtt #mosquitto

Letsencrypt permission denied

Tomek

Wygenerowałeś darmowy certyfikat Let's Encrypt. Dodałeś go do serwera. Uruchamiasz serwer i dostajesz komunikat "fopen:Permission denied" lub podobny ? Jest prosty sposób aby sobie z tym poradzić.

0 komentarzy | #linux #ssl #tls #certyfikat #mqtt #http #apache #express #node #raspberry

Jak bronić się przed spamem ?

Tomek

Pamiętam czasy, gdy dostawało się jednego maila na tydzień a spam nie istniał. Niestety te czasy minęły. Jesteśmy zasypywani niechcianymi mailami i telefonami. Jak się przed tym bronić ?

0 komentarzy | #spam #ledger #wyciek #telefon #mail

Priorytet i ukryte SSID w Raspberry Pi

Tomek

W Raspberry Pi w prosty sposób można skonfigurować sieć WiFi. W pliku /etc/wpa_supplicant/wpa_supplicant.conf podajemy SSID i hasło. Jednak co zrobić jeżeli SSID jest ukryte lub mamy kilka SSID i chcemy ustawić ich priorytet ?

0 komentarzy | #raspberry #pi #WiFi #SSID

Blog w Gatsby - podstawy

Tomek

Jak zrobić prosty blog w Gatsby ?

Założenia:

  • artykuły napisane w Markdown,
  • fragmenty artykułów na stronie głównej,
  • każdy artykuł z obrazkiem tytułowym,
  • możliwość umieszczania obrazków w treści,
  • kolorowanie składni dla bloga o programowaniu.
0 komentarzy | #gatsby #react #eslint #stylelint #prettier

Czytnik kluczy

Tomek

Przedstawiam prototyp czytnika, który wykonałem dla jedej z firm. Czynik zastępuje tradycyjny papierowy zeszyt, w którym zapisywane były osoby pobierające klucze. Wyeliminowana została potrzeba podpisu osób pobierających i tym samym dotykanie przez nie tego samego długopisu podczas pandemii. Elektroniczne pobieranie i zdawanie przyspieszyło też cały proces.

0 komentarzy | #RFID #raspberry #pi #DIY #COVID

Jak połączyć: Parcel, React i TypeScript

Tomek

Parcel, React i TypeScript to doskonałe i często wykorzystywane narzędzia. Ich rozwój jest tak szybki, że dokumentacja nie zawsze za nim nadąża. Wiele osób tworzy konfigurację metodą kopiuj i wklej. Nie ma czasu na zastanawianie się, do czego służą poszczególne opcje. Dziś spróbuję połączyć Parcel, React i TypeScript, przy użyciu najprostszej konfiguracji.

2 komentarze | #parcel #react #typescript #jest