Mam do zaanimowania dużą liczbę elementów, np. gwiazdy na niebie które chcę by się poruszały np wraz ze scrollem, i teraz pytanie, jak najlepiej coś takiego zrobić? Aktualnie generuje sobie n-liczbę divów i każdy jest gwiazdą czyli np ma 1x1px i jest biały, teraz jak chcę by gwiazdy poruszały się razem ze stroną, to robię im translate3d(). Wadą takiego rozwiązania jest ciężkość, o ile na chromie działa jeszcze ok to na safari

- Najlepsze
- Wszystkie komentarze

ppawel
0
@michael94: Przeglądarki mogą nie udźwignąć milionów gwiazd jako elementy html, nie-chromy wysrywają się już przy kilkuset markerach na mapie, chrome przy tysiącach... Chyba zostaje tylko canvas, a jak 3d to może webGL?

michael94 Autor
0
@ppawel: nie no, jest około 100 divów podobnej budowy, jak które mają różne translate3d bo chcę uzyskać losowość prędkości ruchu i to wszystko spięte ze scrollem:) Chrome spoko, safari skacze i to jest największy problem. Dzięki obczaję canvasa i webGL :)

- Najlepsze
- Wszystkie komentarze

@epi: ( ͡° ͜ʖ ͡°) dziękuje

#programowanie #css
Czego zasługą jest tak płynny efekt parallax jak na poniższym przykładzie? Czy to jest zasługa lekkiej strony czy dobrze napisanego skryptu parallaxu? Na niektórych stronach obrazek skacze (nie chodzi mi o smooth scrolling).
https://pixelgrade.com/demos/rosa3/
PS: Efekt widać najlepiej przy scrollowaniu kółkiem.
Czego zasługą jest tak płynny efekt parallax jak na poniższym przykładzie? Czy to jest zasługa lekkiej strony czy dobrze napisanego skryptu parallaxu? Na niektórych stronach obrazek skacze (nie chodzi mi o smooth scrolling).
https://pixelgrade.com/demos/rosa3/
PS: Efekt widać najlepiej przy scrollowaniu kółkiem.
- Najlepsze
- Wszystkie komentarze
@damianooo5: jak dla mnie to szarpie i nie ma tam plynnosci.

@karer: testowałem na dosyć słabym sprzęcie i nawet na nim strona scolluje się nadzwyczaj płynnie.

Mam trzy ułożone horyzontalnie inputy w #css:
input[type="text"]{
width: 23%;
margin-right: 2%;
border-radius:- Najlepsze
- Wszystkie komentarze

@krzysztof114: enterem
moze input{display:block}
- Najlepsze
- Wszystkie komentarze

Treść przeznaczona dla osób powyżej 18 roku życia...
@BlueKygo: później przejmuje taki kod i pytam autora co miał na myśli i wiecie co... 70% przypadków to :
albo wymądrzanie się.. a ja tylko proszę o wytłumaczenie mi jak dana metoda czy kawałek kodu działa. ( ͡° ʖ̯ ͡°) Z resztą takie opowiadanie drugiemu też działa dobrze na jakość kodu. Nie raz się zdarzyło, że w momencie opowiadania komuś o implementacji danej funkcjonalności, złapałem
albo wymądrzanie się.. a ja tylko proszę o wytłumaczenie mi jak dana metoda czy kawałek kodu działa. ( ͡° ʖ̯ ͡°) Z resztą takie opowiadanie drugiemu też działa dobrze na jakość kodu. Nie raz się zdarzyło, że w momencie opowiadania komuś o implementacji danej funkcjonalności, złapałem
Każdy szanujący się koder wie, że używanie !important w #css jest złe. Ciekawy artykuł o tym, że !important wcale nie musi być złe jeśli używa się go z głową.
#webdev
#webdev
- Najlepsze
- Wszystkie komentarze

@rozdajozadarmo: @frogi16:
współczesny dobry front-end developer ogarnia js, html, css i pare innych tematów
więc jesli nie ma pojęcia o istnieniu !important, to powinien się dokształcić ;)
współczesny dobry front-end developer ogarnia js, html, css i pare innych tematów
więc jesli nie ma pojęcia o istnieniu !important, to powinien się dokształcić ;)

Nie wiem czy ktoś zwrócił na to uwagę, ale bardzo fajny smaczek #webdev na stronie #ikea! Po zaznaczeniu tekst stylistycznie zmienia się w kolorystkę logo sklepu. Niby nic, a cieszy :D
#nieprogramowanie #css (chyba?) #dziwniesatysfakcjonujace
#nieprogramowanie #css (chyba?) #dziwniesatysfakcjonujace

- Najlepsze
- Wszystkie komentarze

Hello #webstuff! Zapraszam do obserwacji, jeżeli chcesz być na bieżąco.
➊ Everything you would like to include to make your website more social.
https://github.com/lipis/social-elements
➋ ScriptCraft to mod do Minecrafta, który pozwala go rozszerzać używając JavaScriptu. #minecraft #javascript
➊ Everything you would like to include to make your website more social.
https://github.com/lipis/social-elements
➋ ScriptCraft to mod do Minecrafta, który pozwala go rozszerzać używając JavaScriptu. #minecraft #javascript

- Najlepsze
- Wszystkie komentarze

Treść przeznaczona dla osób powyżej 18 roku życia...

Znacie jakieś biblioteki JS do stworzenia takiego efektu dla zdjęć w banerze jak tu: klik ?
Chodzi o to, żeby zdjęcie w tle przewijało się wolniej niż reszta strony.
#programowanie #webdev #html #css #javascript
Chodzi o to, żeby zdjęcie w tle przewijało się wolniej niż reszta strony.
#programowanie #webdev #html #css #javascript
- Najlepsze
- Wszystkie komentarze


- Najlepsze
- Wszystkie komentarze

Chciałbym aby strona dopasowywała się do ekranów mobilnych. Wiem już co mam zrobic, ale nie wiem jak :) jestem zielony. Proszę o pomoc.
"Usuń wartości wysokości i szerokosci z iframe, w css ustaw je na 100% szerokosci. koniec"
Pliki: http://speedy.sh/EWfd4/Archiwum.zip
#programowanie #css #webdesign
"Usuń wartości wysokości i szerokosci z iframe, w css ustaw je na 100% szerokosci. koniec"
Pliki: http://speedy.sh/EWfd4/Archiwum.zip
#programowanie #css #webdesign
- Najlepsze
- Wszystkie komentarze

"flex-direction:column" powoduje, że "inline-block" zamiast oblekać sam tekst "Bla bla bla", rozciąga ten tekst na całą długość. Jak sprawić, żeby tylko tekst był oblekany?
https://jsfiddle.net/amawaw/myh03w1d/
#css #webdev
https://jsfiddle.net/amawaw/myh03w1d/
#css #webdev
- Najlepsze
- Wszystkie komentarze

Mireczki, zrobiłem sobię taką stronę na podstawowe jakiegoś stylu HTML5. Na wszyskich komputerach się dopasowuje ale na telefonie już coś z tym tłem jest nie tak. Dużo roboty w css żeby na telefonie to wyprodukować i przedłużyć to tło?
http://speedy.sh/EWfd4/Archiwum.zip
#webdesign #html #css
http://speedy.sh/EWfd4/Archiwum.zip
#webdesign #html #css

- Najlepsze
- Wszystkie komentarze


- Najlepsze
- Wszystkie komentarze

- Najlepsze
- Wszystkie komentarze
Głowię się nad tym jak usunąć opacity w pokrewieństwie, tak żeby .parent posiadał nieprzezroczystość a .child był pozbawiony tej właściwości. Wyczytałem że ogólnie jest z tym większy problem i nie zawsze można tak prosto sobie z tym poradzić. Jakim sposobem najszybciej to rozwiążę?
#naukaprogramowania #css
#naukaprogramowania #css
- Najlepsze
- Wszystkie komentarze

Oglądając tutorial z node.js trafiłem na jakiś "Treehouse". Miejsce do nauki różnych języków programowania backendowych, czy też frontendowych. Z ciekawości kliknąłem i oto co ujrzałem na pierwszy rzut oka.
#css #humorinformatykow #frontend
#css #humorinformatykow #frontend

- Najlepsze
- Wszystkie komentarze

Vivaldi dostało mechanizm skórkowania bazujący na CSS.
https://vivaldi.net/en-US/teamblog/121-snapshot-1-3-501-6-customizable-ui-themes
#css #webdesign #webdev #vivaldi
https://vivaldi.net/en-US/teamblog/121-snapshot-1-3-501-6-customizable-ui-themes
#css #webdesign #webdev #vivaldi

- Najlepsze
- Wszystkie komentarze

Słuchajcie mireczki, pomoże ktoś ze stroną w html przy użyciu css? ( ͡° ʖ̯ ͡°)
Mam zrobić zaległą pracę, ogarniam co i jak, ale nie mogę za chuchu wyśrodkować wszystkiego. Ktoś mi pomoże na pw albo nawet skajpaj jakiś?
#pomocy #pytaniedoeksperta #programowanie (xD) #html #css
Mam zrobić zaległą pracę, ogarniam co i jak, ale nie mogę za chuchu wyśrodkować wszystkiego. Ktoś mi pomoże na pw albo nawet skajpaj jakiś?
#pomocy #pytaniedoeksperta #programowanie (xD) #html #css
- Najlepsze
- Wszystkie komentarze