#css3

04.02.2022, 09:46:14

0

#programista15k #programowanie #html #css #css3

Ktoś ogarnia dlaczego to nie działa https://jsfiddle.net/0rdw1kb8/1/ w modal (chodzi o popup)

airflame

04.02.2022, 11:13:14

0

@TeflonDon: moduł ucina
Powinno być:
- Krótszy < 168 cm

- Standardowy 168 - 186 cm

- Dłuższy > 186 cm

Jest:

- Krótszy < 168 cm

- Standardowy 168 - 186 cm

- Dłuższy > 186 cm

Ucina
for="tab1"
for="tab2"
for="tab3"

:/

airflame

04.02.2022, 11:20:34

0

Tutaj #javascript
https://pastebin.com/bPkrdMrY

Rampp

03.01.2022, 07:52:36

0

Dzień dobry, powiedzcie mi prosże, czy https://www.w3schools.com/ nadal ma tak złą opinię jak kiedyś?
Odnoszę się do starego tematu: https://www.wykop.pl/wpis/20145313/mirki-byla-taka-fajna-strona-do-html-css-gdzie-byl/ a także https://www.w3fools.com/ .
#webdev #html5 #css3 #javascript

yupitr

03.01.2022, 07:54:19

4

@Rampp: imo, MDN najpewniejsze źródło informacji ( ͡° ͜ʖ ͡°)

nightman

03.01.2022, 08:08:32

7

@Rampp: Poprawili się ale pociąg już odjechał - teraz MDN

musicisgood

18.08.2021, 13:05:17 via Android

0

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ć

Veni

18.08.2021, 13:14:45

0

@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.

musicisgood

12.09.2021, 21:19:58 via Android

0

@Veni tak, przyglądałem się temu ale bez sukcesów. Chyba nie potrafię identyfikować problemów z tym związanych... Eh

look997

02.06.2021, 10:16:28

0

#frontend #css #html #html5 #css3 #webdev #programowanie
Zrobiłem faviconkę png w svg, żeby obsługiwało dark mode:

#czarny {
 display: inline;
 }
 #bialy {
 display: none;
 }
 @media (prefers-color-scheme: dark) {
 #czarny {
 display: none;
 }
 #bialy {
 display: inline;
 }
 }

I to działa jak otwożyć ten svg w nowej karcie, ale nie działa jako favicona:
``

Jak ustawię data url zamiast linków do png, to wtedy działa. Ale wiadomo - jest

E.....r

konto usunięte 02.06.2021, 10:20:40

1

@look997: kiedyś w SVG można było wcisnąć dosłownie wszystko i popularne były keyloggery

fifofo

28.04.2021, 11:38:16

4

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

#javascript #css #react #css3 #webdesign

S.....8

konto usunięte 28.04.2021, 13:16:56

2

https://github.com/marekfoltanski/cssgenerator

@fifofo: Co mi sie rzucilo w oczy po krotkim review to:,

1. że mieszasz raz hooki a raz klasowe podejscie, polecam zdecydowac sie na to pierwsze,
2. moglbys od razu zacząć pisać z wykorzystaniem narzędzi jak ESlint (koniecznie), Typescript, CSSModules zamiast BEMa, apollo client jezeli uzywasz graphql'a
3. wiekszosc letów mozesz zastąpić constem

fifofo

28.04.2021, 13:21:52

0

@Sheppard28: dzięki!

Janko_Muzykancik

18.02.2021, 16:22:25

0

Podrzucam fajne narzędzie do nauki css poprzez zabawe i rywalizacje. Żałuję, że nie spotkałem się z tym kiedy sam uczyłem się podstaw.

https://cssbattle.dev

#css3 #naukaprogramowania

blakker

04.02.2021, 14:55:34

1

#html5 #css3 #javascript #frontend
Czesc,

Szukam jakichkolwiek wartosciowych certyfikatow ktore by mi pomogly "pokazac" ze cos tam potrafie z front endu. Chcialbym po prostu zaczac szukac pracy w front dev.

lobo

04.02.2021, 15:03:47

1

@blakker: Portfolio pomaga, ale pamiętaj, że zawsze i tak najważniejsza będzie rozmowa.

lobo

04.02.2021, 15:04:56

1

@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

lodowka_z_piwnicy

19.12.2020, 01:37:59

0

Jak nazywa się po angielsku tego typu efekt na stronie? Nie muszą być to konkretnie trójkąty, ale chodzi mi o tą interakcje kursora z tłem (często gęsto jakimiś kropkami, figurami itd). Bo wygląda obłędnie.
#programowanie #stronywww #css #css3 #pytaniedoeksperta

lodowkazpiwnicy - Jak nazywa się po angielsku tego typu efekt na stronie? Nie muszą b...

M.....k

konto usunięte 19.12.2020, 02:26:27

1

@lodowka_z_piwnicy: wygląda jak particles.js https://vincentgarreau.com/particles.js/

lodowka_z_piwnicy

19.12.2020, 02:31:29

1

@MlodyWilk: Dziekuję (｡◕‿‿◕｡)

michalkortas

16.12.2020, 07:25:22

3

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 dostosować interfejs

michalkortas - Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS
O... — **źródło:** comment_1608103503tD6dYODU1CMKKv5WTcOLfd.gif
Pobierz

blakker

18.08.2020, 15:15:05

0

#css3 #responsivedesign #css
Aktualny css:

![](images/header.png) 

img .hej {
width:100%;
height:100%
}

Niestety, ale w tym wypadku na stronie pojawia sie wielkie 0.xD Jak zrobic aby obrazek sie scalowal do rozmiaru ekranu/przegladarki, a zarazem nie posiadal nic procz samego obrazka?

FairPlay

18.08.2020, 15:33:54

1

@blakker: https://codepen.io/FerPlej/pen/RwaROvb

Coś najwyraźniej musisz mieć nie tak ze zdjęciem

XaDasz

18.08.2020, 19:11:39 via Wykop Mobilny (Android)

0

@blakker: dla img.hej
height: auto;

blakker

08.08.2020, 11:55:47

0

#html5 #css3

Siemka wszystkim,

Mam skromne pytanko. Moglby ktos mi na przykladzie dwoch bloczkow rozpisac jak wyglada uzycie gridow?

blakker

01.07.2020, 12:52:20

0

#html5 #css3
UWAGA!! Podstawy = pytania

1. pozycje css nawigacji itd. Czy dobrze to mam rozpisane?
logo = relative, float left
nawigacja = relative, float right
slider = relative, margin

Aktualnie moje menu wypierdziela pod slider . -.- #uczesie
2. Jezeli mam background calej strony to lepiej korzystac z:

czy:

korzystajac z :

adhoke908

01.07.2020, 12:53:50

1

@blakker: czesc, sprobuj pokombinowac z z-index, co to htmla staraj sie uzywac semantycznych znacznikow

adhoke908

02.07.2020, 18:14:34

0

@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.

EmANDeM

03.02.2020, 11:49:15

0

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 #css3 #www #stronywww #it

aseeon_

03.02.2020, 12:52:14

1

@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ć książkowa alternatywa to proponuję -
https://helion.pl/ksiazki/html-i-css-zaprojektuj-i-zbuduj-witryne-www-podrecznik-front-end-developera-jon-duckett,htcswv.htm

a później/równolegle przeklikaj
https://dash.generalassemb.ly/

EmANDeM

03.02.2020, 14:06:41

0

@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 :D

Phoryn

14.10.2019, 07:33:24

0

#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!

w.....e

konto usunięte 14.10.2019, 07:34:40 via Wykop Mobilny (Android)

0

@Phoryn: co chcesz tam zrobić? Wejdz sobie w generator jakis online do tabeli, zrob co potrzebujesz, skopiuj klasy i CSS i gotowe

Phoryn

14.10.2019, 07:36:14

0

@wzr1one: o coś takiego właśnie mi chodziło

h.....a

konto usunięte 07.05.2019, 12:28:57

1

Mirki! Jak usunąć niepotrzebne miejsce po obróceniu obrazka?

#css #css3 #html #angular #programowanie

h.....a - Mirki! Jak usunąć niepotrzebne miejsce po obróceniu obrazka?

#css #css... — **źródło:** comment_3m2aedX1KIURaOmFe58QhnEDFMMQiO35.jpg
Pobierz

laki1

07.05.2019, 14:55:53

0

Jak usunąć niepotrzebne miejsce po obróceniu obrazka?

@hanyska: Niepotrzebne względem czego lub kogo?

v7xQmc1F

08.05.2019, 16:12:41 via Wykop Mobilny (Android)

0

@hanyska Rodzic obrazka(div.img-box) ustawiasz wysokość np 40px i overflow: hidden; + wyśrodkowanie img

arabkostek

31.03.2019, 18:22:24

0

Jaki element w CSS odpowiada za rozmieszczanie tych swoich elementów na stronie?
Chodzi mi o to że jak np. "Szukaj + Dodaj" na wykopie jest po prawej, to ja chciałbym to mieć po lewej.
#programowanie #css #css3 #html

m.....u

konto usunięte 31.03.2019, 18:26:49

2

@arabkostek: zależy jak masz zbudowanego htmla, owiń w diva marign: left auto i hope for the best ( ͡° ͜ʖ ͡°)

Waldemar_Morawiec

31.03.2019, 22:37:19

0

@arabkostek: Wciśnij F12 na wykopie i zobacz jak to jest zrobione.

Jakbyś zamienił element 1 i 2 miejscami to pewnie miałbyś to co chcesz bo zrobili to tak że ostatni ul ma automagicznie float:right a reszta ma float:left.
Albo ewentualnie pozmieniać ręcznie atrybuty float bez zamiany miejscami.

Waldemar_Morawiec - @arabkostek: Wciśnij F12 na wykopie i zobacz jak to jest zrobione... — **źródło:** comment_FfipmpmRU2g0mF1ZxUVT9D42zFRCpizO.jpg
Pobierz

dobrze-zbudowany-grubas

06.03.2019, 11:41:49

0

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 #css #css3 #

dobrze-zbudowany-grubas - Mirki,

utknąłem. Może ktoś ma jakiś sensowny pomysł? Był... — **źródło:** comment_VEdn6bPOa43THWXNDkV6YltIW17tUZYX.jpg
Pobierz

NadiaUK

06.03.2019, 12:03:20

1

@dobrze-zbudowany-grubas: jak nie masz wpływu na strukturę to lipa.
Chyba najsensowniej z pomocą JS przenieść 4,5 i 6 do A, a kolejność dla dowolnego viewportu załatwić flexem.

dobrze-zbudowany-grubas

06.03.2019, 12:04:14

0

@NadiaUK: To właśnie wymyśliłem, ale nadzieję miałem :) Dzięki za zainteresowanie :)

A.....e

konto usunięte 24.02.2019, 14:03:22

1

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

zwierzak40

24.02.2019, 14:20:27

2

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

siteeng

24.02.2019, 14:40:19

2

@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