michael94
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
@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
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 :)
XaDasz
XaDasz
#webdev
Czołem Mirki,
Poszukuje jakiegoś gotowego skryptu w #css jak wykonać taką strzałkę. Szukałem w google, ale nie wiem jak się taki efekt nazywa.
  • Najlepsze
  • Wszystkie komentarze
epi
epi
2
XaDasz
XaDasz
XaDasz Autor
1
@epi: ( ͡° ͜ʖ ͡°) dziękuje
damianooo5
#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.
  • Najlepsze
  • Wszystkie komentarze
karer
karer
@damianooo5: jak dla mnie to szarpie i nie ma tam plynnosci.
damianooo5
damianooo5 Autor
0
@karer: testowałem na dosyć słabym sprzęcie i nawet na nim strona scolluje się nadzwyczaj płynnie.
krzysztof114
Mam trzy ułożone horyzontalnie inputy w #css:

input[type="text"]{
width: 23%;
margin-right: 2%;
border-radius:
  • Najlepsze
  • Wszystkie komentarze
volver021
@krzysztof114: enterem
S.....a
S.....a
moze input{display:block}
BlueKygo
BlueKygo
Czy jak coś musicie zrobić w #frontend, wygooglujecie kilka rzeczy, wkleicie tak jak było na stack'u, rozkminiacie to potem, czy na zasadzie - działa to działa. Czy czujecie sie pewni za wasz frontendowy kod, czy raczej wiecie ze to kicha trochę jest?

#webdev #css #html
  • Najlepsze
  • Wszystkie komentarze
KrzysztofKrawczyk
Treść przeznaczona dla osób powyżej 18 roku życia...
m.....k
m.....k
@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
rozdajozadarmo
rozdajozadarmo
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
  • Najlepsze
  • Wszystkie komentarze
epi
epi
6
@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ć ;)
yacolek
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
  • Najlepsze
  • Wszystkie komentarze
klocus
klocus
48
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
  • Najlepsze
  • Wszystkie komentarze
normanos
normanos
  • adult
9
Treść przeznaczona dla osób powyżej 18 roku życia...
PanBeton
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
  • Najlepsze
  • Wszystkie komentarze
vibro_vagins
  • Najlepsze
  • Wszystkie komentarze
jannekk
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
  • Najlepsze
  • Wszystkie komentarze
Zian
Zian
2
"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
  • Najlepsze
  • Wszystkie komentarze
jannekk
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
  • Najlepsze
  • Wszystkie komentarze
jannekk
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?
#webdesign #html #css
  • Najlepsze
  • Wszystkie komentarze
MrFisherman
Wiecie jak pokonać tego wirusa co dodaje do strony odnośniki do Pay2Day? Gdzieś w javascript ale gdzie to jest? Strona w Joomla. Dodaje losowe napisy na stronę. #html #css #php #webdev
  • Najlepsze
  • Wszystkie komentarze
Dante15
Dante15
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
  • Najlepsze
  • Wszystkie komentarze
FREEQ
FREEQ
16
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
  • Najlepsze
  • Wszystkie komentarze
Zian
Zian
6
  • Najlepsze
  • Wszystkie komentarze
fredzur
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
  • Najlepsze
  • Wszystkie komentarze