Są jeszcze inne zastosowania. Można je wykorzystać np dla ikon buttonów, gdzie jako ikonę użyjemy background ze spritem zawierającym naście ikon. Do właściwości content możemy też wstawiać wartości atrybutów danego elementu lub wartości liczników. Możemy więc łatwo dodać numerki np do kolejnych artykułów itp. Ale o tym zaciekawieni sami przeczytają. Ps. Dzięki za kolejny fajny film
Racja, dzięki za komentarz. O licznikach nie wspomniałem, natomiast ikony miałem z tyłu głowy - i wydawało mi się, że o tym powiedziałem, ale chyba jakoś mi uciekło :) Raczej to jest przykład kiedy najczęściej używam pseudo-elementów. Pozdrawiam i dzięki jeszcze raz!
Merytorycznie wszystko ok, tylko mała uwaga co do odmiany niektórych słów. 2:13 - ten cudzysłów (tak jak rów) i dlatego w liczbie mnogiej będą "te cudzysłowy" (tak jak te rowy) a nie cudzysłowia :) Dlatego też mówimy "w cudzysłowie" a nie "w cudzysłowiu". I druga sprawa: style odmieniamy stylów a nie styli :) Generalnie dobra robota z tymi filmikami! :)
Hej, mam projekt, w którym muszę dodać border dla sekcji właśnie z takimi wycięciem w border-top. Zrobiłem to według Waszego tutoriala i wyszło super, ale jak uzyskać taki efekt, gdy mam background-image? Tzn. chcę, by element ::before wtapiał się w tło. Będę wdzięczny za jakąkolwiek podpowiedź :)
Hej - w takim przypadku spróbowałbym zrobić to zupełnie odwrotnie. Tzn, żeby pseudoelementy imitowały border. Czyli ::before to np linia pionowa, i cieniem duplikujesz ją sobie na dwie ściany boczne (masz wtedy jeden faktyczny element before i jego trzy cienie) i tak samo ::after - linia pozioma, ustawiasz ją sobie na ściany górne i robisz trzy cienie :) Daj znać, czy jeszcze jakoś mogę Ci pomóc :)
Stworzycie materiał o innych pseudo-elementach takie jak ::selection, ::first-letter, ::first-line. ::backdrop, ::placeholder, ::marker, ::spelling-error, ::grammar-error, ::cue?
A co, gdy użytkownik wymusi mniejszą czcionkę, lub tekstu będzie mniej? Box powinien się skrócić, aby nie było dziury, a boxshadow był w tym samym miejscu (właściwym, przysłaniającym border), a tutaj wszystko ustawiane jest na sztywno.
Witaj! świetna robota! Mam lekko lamerskie pytanie ;) Jak wstawiasz cudzysłów "beforem"? To znaczy jak wstawić to tak by był to cudzysłów a nie podwójne przecinki i apostrofy różniące się od siebie? Pytam dosłownie jak to z klawy wpisać by nie było tak: content: ",," ; i tak content: "''";
Hej, dzięki za komentarz ;) Nie jest to lamerskie pytanie, to bardzo dobrze że zwracasz na to uwagę - to ważne, a niewiele osób o tym pamięta. Nie wiem jak to wygląda na Windowsach, natomiast na Macu jest tak: ( ALT ) + ( [ ) = ( „ ) ( SHIFT ) + ( ALT ) + ( [ ) = ( ” ) Sprawdź skróty klawiszowe dla swojego systemu operacyjnego albo sobie skopiuj, hehe ;) Pozdrawiam serdecznie!
0:16 "Są one tworzone w CSSie, czyli nie możecie stworzyć je z poziomu pliku HTML", w pliku HTML można tworzyć CSS, nie jest to dobra praktyka, ale można tak zrobić.
Są to elementy związane z CSS. To, że umieścimy CSS bezpośrednio w HTML za pomocą znaczników style nie zmienia faktu, że w HTML nie da się ich stworzyć - nie mamy przecież znaczników czy :) pozdrawiam
Niezły patent z margin: auto; left: 0; right: 0; Tego nie znałem, dzięki! :D
Nie ma sprawy, pozdrawiam! :) Mam nadzieje, że jeszcze nie raz Cię zaskoczę ;>
Jarosław Sędalski
można też
margin-left: auto;
margin-right: auto;
zawsze linijka mniej
jesteś magikiem w cssy
Wreszcie ktoś wytłumaczył to w kilku prostych zdaniach! (Y)
Prowadzicie kanał tak samo zajebiście jak Zelend, nauka sama wchodzi. Dzięki !!!!!!!!!!!!
Michał Ławinski *Zelent
to prawda, całkowicie się zgadzam
Są jeszcze inne zastosowania. Można je wykorzystać np dla ikon buttonów, gdzie jako ikonę użyjemy background ze spritem zawierającym naście ikon.
Do właściwości content możemy też wstawiać wartości atrybutów danego elementu lub wartości liczników. Możemy więc łatwo dodać numerki np do kolejnych artykułów itp.
Ale o tym zaciekawieni sami przeczytają.
Ps. Dzięki za kolejny fajny film
Racja, dzięki za komentarz. O licznikach nie wspomniałem, natomiast ikony miałem z tyłu głowy - i wydawało mi się, że o tym powiedziałem, ale chyba jakoś mi uciekło :) Raczej to jest przykład kiedy najczęściej używam pseudo-elementów. Pozdrawiam i dzięki jeszcze raz!
Jak zwykle się nie zawiodłem 👍
Bardzo się cieszę!
Super filmik! Wszystko fajnie i przejrzyście wyjaśnione. Czekam na więcej! :)
Jakie to dobre : )
Dziękuję!
Świetna sprawa. Dziękuję po raz kolejny ;-) No i ta końcówka :-D
Dzięki za komentarz, cieszę się, że się podobało i pozdrawiam! :)
Nie "rilejtiv", a "relatyf" i nie "styli", a "stylów". Poza tym świetny tutorial. Super!
Merytorycznie wszystko ok, tylko mała uwaga co do odmiany niektórych słów. 2:13 - ten cudzysłów (tak jak rów) i dlatego w liczbie mnogiej będą "te cudzysłowy" (tak jak te rowy) a nie cudzysłowia :) Dlatego też mówimy "w cudzysłowie" a nie "w cudzysłowiu". I druga sprawa: style odmieniamy stylów a nie styli :) Generalnie dobra robota z tymi filmikami! :)
jarifari WoT ważne, że w napisach jest poprawnie :P
Hej, mam projekt, w którym muszę dodać border dla sekcji właśnie z takimi wycięciem w border-top. Zrobiłem to według Waszego tutoriala i wyszło super, ale jak uzyskać taki efekt, gdy mam background-image? Tzn. chcę, by element ::before wtapiał się w tło. Będę wdzięczny za jakąkolwiek podpowiedź :)
Hej - w takim przypadku spróbowałbym zrobić to zupełnie odwrotnie. Tzn, żeby pseudoelementy imitowały border. Czyli ::before to np linia pionowa, i cieniem duplikujesz ją sobie na dwie ściany boczne (masz wtedy jeden faktyczny element before i jego trzy cienie) i tak samo ::after - linia pozioma, ustawiasz ją sobie na ściany górne i robisz trzy cienie :) Daj znać, czy jeszcze jakoś mogę Ci pomóc :)
dzięki! pokombinuję i jbc się odezwę :)
Dzięki za filmik. Teraz to rozumiem :)
Rewelacja poradnik !
papa margin-left: auto; margin-right: auto;
Twój młodszy brat cię zastąpi :D
Stworzycie materiał o innych pseudo-elementach takie jak ::selection, ::first-letter, ::first-line. ::backdrop, ::placeholder, ::marker,
::spelling-error, ::grammar-error, ::cue?
Pewnie, czemu nie. To raczej było takie ogólne wprowadzenie pokroju " o co chodzi z tymi pseudoelementami? 🤔" . Dzięki za komentarz, pozdrawiam! :)
A co, gdy użytkownik wymusi mniejszą czcionkę, lub tekstu będzie mniej?
Box powinien się skrócić, aby nie było dziury, a boxshadow był w tym samym miejscu (właściwym, przysłaniającym border), a tutaj wszystko ustawiane jest na sztywno.
Witaj! świetna robota! Mam lekko lamerskie pytanie ;) Jak wstawiasz cudzysłów "beforem"? To znaczy jak wstawić to tak by był to cudzysłów a nie podwójne przecinki i apostrofy różniące się od siebie? Pytam dosłownie jak to z klawy wpisać by nie było tak: content: ",," ; i tak content: "''";
Hej, dzięki za komentarz ;) Nie jest to lamerskie pytanie, to bardzo dobrze że zwracasz na to uwagę - to ważne, a niewiele osób o tym pamięta. Nie wiem jak to wygląda na Windowsach, natomiast na Macu jest tak:
( ALT ) + ( [ ) = ( „ )
( SHIFT ) + ( ALT ) + ( [ ) = ( ” )
Sprawdź skróty klawiszowe dla swojego systemu operacyjnego albo sobie skopiuj, hehe ;) Pozdrawiam serdecznie!
dzięki - już szukam! (na Linuxa ;) )
może film na temat grid layout ? :D
na pewno będzie ;)
0:16 "Są one tworzone w CSSie, czyli nie możecie stworzyć je z poziomu pliku HTML", w pliku HTML można tworzyć CSS, nie jest to dobra praktyka, ale można tak zrobić.
Są to elementy związane z CSS. To, że umieścimy CSS bezpośrednio w HTML za pomocą znaczników style nie zmienia faktu, że w HTML nie da się ich stworzyć - nie mamy przecież znaczników czy :) pozdrawiam
hej czemu w 45 lini after nie ma content : ""; ????
+Przemek Bartecki hej - podrzucisz minute o ktorej mowisz? Odpowiem pod wieczór ;)
Świetnie
Dzięki!