Kawałek Kodu

Co tu się odskryptala?! Czyli programistyczne porady na luzie

Jak zdziecinnieć, czyli o narzędziu do wyklikania reguł :nth-child.

Pewnie większość z Was, czytających blog to dorośli użytkownicy internetu, ale jako osoby związane z tworzeniem stron internetowych macie do czynienia z dziećmi. Niekoniecznie swoimi, choć to naturalne wobec powyższego, ale z tymi CSS-owymi dziećmi, czyli regułami typu :nth-child. Czasem te urwisy dają w kość i trzeba się trochę podrapać w głowę, aby dobrać odpowiednią regułę w celu wyróżnienia kilku dzieciaków.

Czytaj dalej

Dziś czy jutro? Czyli o dacie w JavaScript.

Nazywam się James. James Bug. Czyli błędy w Firefox.

Uważasz, że czasy dopasowywania strony pod każdą przeglądarkę z osobna minęły? Zacierasz ręce, bo w Chrome działa? Nic bardziej mylnego! I wcale nie mam na myśli przeglądarki wiodącej firmy tworzącej oprogramowanie.

Fire(fox)bug.

Na błędy trafiłem zupełnie przypadkowo - co w sumie wydaje się logiczne. I oczywiście testując stronę na Chrome, twierdziłem: a gdzie tam, to już nie te czasy. Jak się jednak okazało Firefox też ma swoje za uszami.

Pierwszy błąd wiąze się ze zmiennymi CSS. Weźmy kawałek kodu (sic!):

Drugi błąd jest związany z klejącym pozycjonowaniem i wyświetlaniem flex. Okazuje się, że klej na Firefox nie trzyma tak dobrze, jak na Chrome. Widocznie nie opracowali prawidłowej receptury dla każdej z "materiałów".

zmienna css i pseudo element (odświeżanie zawartości przy zmianie zmiennej).

position sticky i flex.

"Rombnięta" galeria, czyli galeria z ukośnie ściętymi zdjęciami.

Kilka słów o paru typkach, czyli typowane tablice w JavaScript

nazwa ilość bitów polskie tłumaczenie
nibble 4 półbajt
byte 8 bajt
word 16 słowo
dword lub lword 32 podwójne lub długie słowo
qword 64 poczwórne słowo
dqword lub oword 128 podwójne poczwórne słowo
lub poósemne słowo

 

Najmniejszy tetris na świecie? Zagraj w tetris w faviconce.

Trzeba jakoś "spożytkować" obecny czas. Jak zawsze w tak trudnych chwilach jestem z Wami!:)
Dziś dla odstresowania gra tetris. Każdy ją zna. Mamy do czynienia z podstawowymi klockami, tj.: O, I, L, S, Z oraz T. Każdy klocek przechowywany jest w tablicy jako wartości offset X oraz Y od punktu 0,0. Każda tablica dla klocka składa się z czterech podtablic dla każdego kąta obrotu.

Ale, ale! Dla prawdziwych hardkorów gra ma tryb favicon:)

Zapraszam do gry: https://kawalekkodu.pl/examples/favicon-tetris.html

There's no place(holder) like SVG, czyli o lazy loading, ferajnie PICTURE+SOURCE+IMG i zaślepkach.

Czy substytut oryginału może dorównywać temu ostatniemu? Czy atrapa może być równie atrakcyjna? Czy niezamalowane kanwy obrazów mogą uratować właściciela galerii przed wpadką? O tym, no prawie o tym, w dzisiejszym wpisie.

Czytaj dalej