@Jamniki2: A i jeszcze mała podpowiastka dla zrozumienia co gdzie i jak się zachowuje. Dodawaj sobie na elementy w cssach np. border: 1px solid red. Wtedy będziesz miał ładnie pokazane gdzie jest dany element, jaką ma szerokość, wysokość i tak dalej. Ja sobie to stosuje i czasem mi łatwiej jest się połapać.
  • Odpowiedz
Znajdę gdzieś listę tego, co można zrobić z czym w css? w sensie

np

.container {
margin: 160px auto;
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak to ugryźć? Mam cztery słowa inline:

Test mobilny wykop zło

W trybie landspace/poziomo chce, żeby wszystkie 4wyrazy były w jednej linii. Natomiast w trybie portretowym(urządzenia mobilne) chciałbym podzielić te 4 wyrazy do wyświetlenia jako:

Test
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@d1ck: jest kilka sposobów np.:

1) możesz to zapisać jako jeden ciąg dla ułatwienia i dać br'a pomiędzy nimi np.

Test mobilny
  • Odpowiedz
Bardziej pytanie o css, niż python, ale dużo osób tu ma doświadczenie z fiaskiem / django więc może ktoś pomoże. Mam na stronie 10 divów o tej samej nazwie klasy. Chcę najeżając na pierwszy element, zmienić tło w n + 2 elemencie. Mogę to uzyskać robiąc: .div:hover + .div + .div {}, ale tego sposobu nie chcę. Da się to skrócić? Kombinowałem z :nth-of-type, ale nic mi nie wychodzi. Ma ktoś pomysł
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć! Chciałbym się pochwalić, że wczoraj opublikowaliśmy raport State of Frontend 2022, czyli analizę co jest teraz modne, co ludzie lubią, czego unikają i jakie praktyki stosują.

W raporcie znajdziecie wyniki ankiety, którą przeprowadzaliśmy oraz komentarze od mniej lub bardziej znanych osób ze światka webdevu. Swoją opinią podzielił się z nami m.in. Kent C. Dodds, Chris Coyier oraz Gergely Orosz. Jest tam też kilka słów ode mnie nt. TypeScripta. Możecie napisać,
elektryk91 - Cześć! Chciałbym się pochwalić, że wczoraj opublikowaliśmy raport State ...

źródło: comment_1651050686vyrNtnKbYI9GbnCWvEtF6A.jpg

Pobierz
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@elektryk91: bardzo fajnie zaprojektowany raport ;) oczywiście o wartości merytorycznej nawet nie wspominam. Strona nr 40 się Wam powtarza a chyba powinien tam być inny tekst ( ͡° ͜ʖ ͡°)
  • Odpowiedz
Umieszczaj wszystkie pliki strony WWW na CloudHostingu!

Nie każdy zdaje sobie sprawę z tego, że utrzymywanie elementów witryny poza oryginalnym serwerem może przynieść negatywne skutki i spowolnić działanie strony.

Zadbaj więc o szybkość witryny i umieść jej wszystkie pliki na swojej usłudze CloudHosting z CDN nazwa.pl. Pamiętaj, że tylko wtedy w pełni wykorzystasz możliwości, jakie daje sieć CDN w Polsce!

Skorzystaj
nazwapl - Umieszczaj wszystkie pliki strony WWW na CloudHostingu!

Nie każdy zdaje ...

źródło: comment_1650623861hV6LAkLwfl4D1ClyNMC8Vm.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Stosując css modules, jak mogę przekazać className do komponentu np
tzn w button.module.css mam modyfikatory na rozne kolory button--purple np. i teraz w komponencie chce sobie zrobic
cooorva jak, jestem poczatkujacy, szukam i nie rozumiem.
Jedna opcja to import pliku button.module.css i po prostu przekazanie z tej klasy, ale nie wiem, nie da się prościej, tzn zeby import classes bylo tylko w pliku Button.jsx?
Mogę tez np z pomocą js'a napisać linijkę
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć Mirki,
Macie jakieś swoje ulubione blogi dotyczące #javascript, #css ewentualnie #react, które moglibyście polecić ?
Z mojej strony polecam Josh Cameau, CSS tricks, Web dev simplified.

Korzystacie w ogóle z blogów czy raczej kursy i stack overflow? ;)
#programowanie
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Newsletter JavaScript weekly, frontend focus, react status.

Na YT Jack Herrington, blog rwieruch, kent c dodds
  • Odpowiedz
#css #react Cześć, przybywam z #pytanie , bo za bardzo nie mam pomysłu. Co mogę zrobić z niebieskim krzywym, przyciskiem, aby był na dole na równolegle do najniższej opcji choice 6 w tym wypadku? obecnie wrapper do opcji jak i buttona to
{
display: flex;
flex-direction: row;
flex-wrap: wrap
}
lukaszwasyl - #css #react Cześć, przybywam z #pytanie , bo za bardzo nie mam pomysłu....

źródło: comment_1649929871Rdb8SxaYoCYveDV88r7KmM.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

via Wykop Mobilny (Android)
  • 1
@xardas_pl: Jestem prostym człowiekiem, który korzysta z prostych rozwiązań, docenić możesz chociaż, że flexy zaproponowałem ( ͡° ͜ʖ ͡°) Do frontendu mi daleko
  • Odpowiedz
@stooley32: spoko, ja też od frontendu jak najdalej.. ale patrząc na te reacty i komponenty wszystkie i pomieszanie z poplątaniem to bym się naprawdę nie zdziwił jakby wrócili do tabelek i ramek xD
  • Odpowiedz
@Eustachy_goli_pachy:
Ogólnie to wychodzi z boxa, bo się po prostu w nim nie mieści. Przycisk 'przejdź do podsumowania' nie może się już bardziej zwęzić, więc prawe dziecko jest szersze.
Jeśli chcesz mieć to obok siebie na tel to możesz od pewnego momentu usuwać tego ptaszka z przycisku, zmniejszyć fonty i paddingi, ale to będzie wyglądać okropnie i nie polecam.
Jeśli na tel chcesz ustawić te divy jeden pod drugim to interesuje cię 'deconstructed
  • Odpowiedz
#javascript #html #css
Zaznaczę że moje doświadczenie z JSem jest równe 0.

Naklepałem sobie takiego concept UI w html/css do sterowania #raspberrypi. Chciałbym tam opakować kilka komend, typowo z terminala. Jest możliwość zrobienia tego w JS, i "skompilowania" tego jako apkę / używania tego jako skrót odpalający się w przeglądarce? Mam na myśli coś w stylu "google-chrome --app=/home/user/Dokumenty/raspberry.html"
NewEpisode - #javascript #html #css
Zaznaczę że moje doświadczenie z JSem jest równe...

źródło: comment_1648648285vN71ai5hcyIuupSOa1QM1H.jpg

Pobierz
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach