#css3

Wszystko

Najnowsze

Archiwum

Emulator x86 napisany w czystym CSS. Bez JavaScriptu, bez WASM, tylko arkusz sty

Brzmi jak żart z forum programistów, ale to fakt. Lyra Rebane, zajmująca się CSS i bezpieczeństwem IT, stworzyła emulator procesora x86 działający wyłącznie w oparciu o arkusz stylów. Bez jednej linijki JavaScriptu, bez WebAssembly, bez dodatkowych języków. Sam CSS.

z dodany: 25.02.2026, 16:37:04

Kurs HTML i CSS od podstaw

Ciekawy i wciągający kurs HTML i CSS dla początkujących z niezwykłą oprawą graficzną oparty na oryginalnych przykładach i wzbogacony o pytania i ćwiczenia utrwalające. Świetny wybór dla wszystkich, którzy zaczynają naukę

z dodany: 14.02.2024, 16:07:46

a.....e

konto usunięte 04.02.2022, 09:46:14

#programista15k #programowanie #html #css #css3

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

a.....e

konto usunięte 04.02.2022, 11:13:14

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

- Standardowy 168 - 186

a.....e

konto usunięte 04.02.2022, 11:20:34

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

Rampp

03.01.2022, 07:52:36

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

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

nightman

03.01.2022, 08:08:32

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

musicisgood

18.08.2021, 13:05:17 via Android

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

@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

@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

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

#czarny {
 display: inline;
 }

E.....r

konto usunięte 02.06.2021, 10:20:40

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

fifofo

28.04.2021, 11:38:16

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

S.....8

konto usunięte 28.04.2021, 13:16:56

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

@Sheppard28: dzięki!

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

b.....r

konto usunięte 04.02.2021, 14:55:34

#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

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

lobo

04.02.2021, 15:04:56

@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

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

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

lodowka_z_piwnicy

19.12.2020, 02:31:29

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

michalkortas

16.12.2020, 07:25:22

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

b.....r

konto usunięte 18.08.2020, 15:15:05

#css3 #responsivedesign #css
Aktualny css:

![](images/header.png) 

img .hej {

FairPlay

18.08.2020, 15:33:54

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

@blakker: dla img.hej
height: auto;

b.....r

konto usunięte 08.08.2020, 11:55:47

#html5 #css3

Siemka wszystkim,

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

b.....r

konto usunięte 01.07.2020, 12:52:20

#html5 #css3
UWAGA!! Podstawy = pytania

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

adhoke908

01.07.2020, 12:53:50

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

adhoke908

02.07.2020, 18:14:34

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

Jesteś dobry w CSS-y? SHAPE-OUTSIDE - Kwadratowy internet? ◻️◻️◻️

W TYM ODCINKU: dowiesz się czym CSS-a właściwość shape-outside ◻️◻️◻️ Więcej na ten temat znajdziesz TUTAJ: https://github.com/michu1234/CSS_ZAAWANSOWANY/t...

z dodany: 26.03.2020, 13:05:50

EmANDeM

03.02.2020, 11:49:15

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

aseeon_

03.02.2020, 12:52:14

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

EmANDeM

03.02.2020, 14:06:41

@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

Phoryn

14.10.2019, 07:33:24

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

@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

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

h.....a

konto usunięte 07.05.2019, 12:28:57

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

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)

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

arabkostek

31.03.2019, 18:22:24

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

@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

@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

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

NadiaUK

06.03.2019, 12:03:20

@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

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