Mirasy z #programista15k #css #css3 i może #html #programowanie. Walczę z CLS gdzie pagespeed pokazuje mi "unikaj dużych przesunięć układu" i mam tam 3 znaczniki div z różnych sekcji. WTF? Jak te przesunięcia usunąć przy takich znacznikach albo jak znaleźć który element powoduje te przesunięcia ? Jeżeli chciałby ktoś zerknąć to mogę adres na priv podesłać
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@musicisgood: Żeby zachodziły przesunięcia układu musi być wykonywany ponowny repaint danej strony. Aby sprawdzić, które dokładnie elementy to wywołują można w devtoolsach przejść do more tools i w zakładce rendering odhaczyć opcję paint flashing i layout shift regions.
  • Odpowiedz
cześć,
w ramach nauki stworzyłem swoją pierwszą aplikację w React:
https://cssgenerator.pl/
https://github.com/marekfoltanski/cssgenerator

domyślam się, że jest tam dużo baboli dlatego wrzucam gdzie się da żeby zebrać konstruktywną krytykę od bardziej doświadczonych fachowców. Nie wiem czy tutaj się tak robi, bo nie korzystałem wcześniej z wykopu :p w każdym razie puszczam info w świat
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@blakker: A pamiętaj, portfolio może również zaszkodzić jeżeli dev który zajmuje się rekrutacją zobaczy tam coś co mu się nie spodoba
  • Odpowiedz
Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS
Ostatnio bardzo modny ale i za razem praktyczny – z punktu widzenia użytkownika – jest temat udostępniania wszem i wobec ciemnych wersji interfejsu aplikacji webowych. Sam jestem zwolennikiem tego ruchu i z utęsknieniem wypatruję kolejnych usług, które taką formę oferują.

Co ciekawe, za pomocą #css3 i reguł dostępnych w Media Queries Level 5 możemy wykryć preferencje systemu operacyjnego użytkownika i łatwo
michalkortas - Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS
O...

źródło: comment_1608103503tD6dYODU1CMKKv5WTcOLfd.gif

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#html5 #css3

Siemka wszystkim,

Mam skromne pytanko. Moglby ktos mi na przykladzie dwoch bloczkow rozpisac jak wyglada uzycie gridow?
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#html5 #css3
UWAGA!! Podstawy = pytania

1. pozycje css nawigacji itd. Czy dobrze to mam rozpisane?
logo = relative, float left
nawigacja = relative, float right
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@blakker: Odpowiem jak konsultant - to zależy :D, tak naprawde głównie od miejsca w kodzie w którym będziesz używał tych divów. Pamiętaj, że korzystamy z semantycznego htmla dla czytników stron dla niewidomych, ale również dlatego, że łatwiej to odczytać później w kodzie + strona jest lepiej pozycjonowana w googlu. Na etapie uczenia się, możesz tak naprawdę do tego użyć czegokolwiek, jednak warto łapać dobre praktyki już na początku.
  • Odpowiedz
Jest ktoś w posiadaniu pdf'a książki Head First HTML with CSS & XHTML. Edycja polska (Rusz głową!) ? Trochę się naszukałem, ale wszędzie widzę tylko fragmenty, a nie całość. Na helionie brak dostępności.
Drugie wydanie tej książki jest w języku polskim? Czy tylko przetłumaczono tą pierwszą edycje ?

#ksiazki #czytajzwykopem #informatyka #programowanie #programista15k #html #html5 #css
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@EmANDeM: tyle tagów a najważniejszego dla twojego temu - #webdev zabrakło ( ͡° ͜ʖ ͡°)

Drugiego wydania tej książki nie ma po polsku, to w ogóle są bardzo specyficzne książki.

Jeżeli nie znajdziesz tego czego szukasz to polecam jednak zaglądnąć w jakieś alternatywy, jak ma być
  • Odpowiedz
@aseeon_:
You're right ! #webdev ( ͡° ͜ʖ ͡°)

Wiem, że są specyficzne, ale ich formuła bardzo mi odpowiada (przynajmniej nie zawiodłem się na Javie II wydaniu dla moich potrzeb ( ͡ ͜ʖ ͡) )
Zajrzałem w Twoją propozycję i muszę przyznać, że jeżeli faktycznie nie znajdę head firsta, to biorę się za nią bo sprawia wrażenie ładnie napisanej
  • Odpowiedz
#html #html5 #css #css3

Wykopki. Potrzebuję szybko ostylować jeden widok gdzie znajduje się tylko formularz i tabela. Jest jakiś prosty sposób dla kogoś kto nie ma ogromnej wiedzy o stylowaniu a chce to zrobić szybko?
Pozdrawiam!
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki,

utknąłem. Może ktoś ma jakiś sensowny pomysł? Byłoby proste do zrobienia, gdyby nie to, że elementy 1, 2 i 3 są w DIVie "A" a 4, 5 i 6 - w DIVie "B". Gdyby nie to, to wiadomo, flex i order.
Czy macie na to jakiś sensowny pomysł?
Na struktruę źródłową html-a nie mamy wpływu. Na razie wymyśliłem JS, ale może ktoś ma pomysł na czysty CSS?

#webdev #
dobrze-zbudowany-grubas - Mirki,

utknąłem. Może ktoś ma jakiś sensowny pomysł? Był...

źródło: comment_VEdn6bPOa43THWXNDkV6YltIW17tUZYX.jpg

Pobierz
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witam serdecznie! Jestem Tomek, i mam kilka pytan dot. #webdesign , #frontend , #webdev , #js , #programowanie i nie tylko :).
Mamy rok 2019, ostatnia moja stycznosc ze strona internetowa, od stronu kodu zrodlowego, byla okolo 10 lat temu, a od tego czasu pozmienialo sie mnostwo :). W internecie jest kilka zrodel wiedzy, dot. webdevu, i wszystko aktualne na swoj sposob, ale dla laika, ktory nie do konca wie od czego tematyke ugryzc, jest ciezko.

Z tego powodu, mam kilka pytan, na ktore odpowiedzi pomoglyby mi w jakis racjonalny sposob, zaczac przerabiac na nowo podstawy, i zglebiac pozniej to, co juz mniej proste, a konieczne czy wazne :). Mam przed soba 8 miesiecy, ktore moge poswiecic na swoiste wakacje, i skupic sie na tworzeniu, na nauce, i chcialbym go wykorzystac, by po tej przerwie moc zajac sie nawet w amatorskim stopniu, ale jednak webdevem!

Od czego zaczac? Co jest kompletna podstawa? Pytam stricte o technologie, bo teraz jest mnogosc nowych rozwiazan i technologii, i ciezko mi to weryfikowac, nie wiedzac gdzie poczatek, A wiec, od czego zaczac?
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

1. Do jakiego poziomu zapoznac sie z CSS, przed pojsciem dalej? Sa jakies terminy jak SASS czy LESS, sa tez CSS Gridy, rozumiem ze to jest wazne?


@Alteraktywnie: Ważne. Ale to nie podchodź do nauki webdev książkowo, rozdziałami. Tu trzeba iść równolegle, poznawać na bieżąco to, czego potrzebujesz. W przeciwnym razie utoniesz w masie wiedzy, której aktualnie nie potrzebujesz, a jak będziesz potrzebował to już będzie przestarzała, albo zapomnisz jak z tego korzystać. Ciągła praca z dokumentacją - czy to danego języka/frameworka/biblioteki/czegokolwiek to podstawa. Niezależnie czy mowa o CSS czy o czymkolwiek innym musisz znać kompletne podstawy - czyli jak w danej rzeczy się poruszać i jak rozwiązywać problemy, jakie napotykasz.

2. Nie korzystamy juz tak powszechnie z Photoshopa, gdy wiekszosc elementow teraz jest wektorowa czy skalowalna, nie rastrowa. Czego za to warto
  • Odpowiedz
@Alteraktywnie: Miałem podobną przerwę, zatrzymałem się przed wejściem jQuery, a wróciłem 3 lata temu. Generalnie, to granica między frontem, a backendem jest dzisiaj mocno zarysowana więc warto się skupić na początku na jednej z dróg. Imho niewielu jest dobrych full stack developerów i przy ogromie technologii ciężko poznać wszystkie zagadnienia i niuanse na zadowalającym poziomie.

1. Ogarnij sobie jakiś tutorial i przypomnij wiedzę. Obczaj sobie layout oparty na flexbox'ie i stosunkowo świeżo wypuszczonych Gridach - nie każdy jeszcze ich używa. Na koniec machnij jakiś layout bazując na gotowym designie.

2. Tak - głównie wektory, soft taki jaki Sketch, Figma, Adobe XD. Gotowy design często jest udostępniany w narzędziach powiedziałbym read-only tj. Zeppelin, Invision czy
  • Odpowiedz