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
Wszystko
Najnowsze
Archiwum
- 0
@wloszczyn: Też najmniej efektowne :) Poza tym gwiazdki poruszają się w różne strony, ma to za zadanie stworzenie chmurki gwiazdek, które rozsuną się jak ekran do nich podjedzie ;)
konto usunięte via Android
- 0
@michael94 Apple na swoich stronach używa filmów do ciężkich animacji. Możesz to spróbować zrobić w ten sposób. Jest też biblioteka GSAP Tween. Chwalą się że są bardziej wydajni od animacji CSS3. Jeżeli jednak zdecydujesz się na canvas to użyłbym d3.
- 1
#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.
- 0
@karer: jaką kartę masz?
- 0
@damianooo5: jakas integra intelowska. Jak zmniejszam okno rozmiarem to dziala super plynnie. Jak siedze w trybie pelnoekranowym to jest kaszana.
Mam trzy ułożone horyzontalnie inputy w #css:
input[type="text"]{
width: 23%;
margin-right: 2%;
border-radius:- 1
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
- 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ć ;)
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ć ;)
@rozdajozadarmo: nie odniosles się do tego co napisałem. Słowo koder może odnosić się do wielu osób, z których część może nawet nie znać podstaw CSS. Pisząc "każdy szanujący się koder" popełniłeś więc błąd, i to że nie znasz węższego określenia nie jest usprawiedliwieniem. Każde zwierzę jest stalocieplne. Fałsz. Każda małpa jest stalocieplna. Prawda.
- 62
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
źródło: comment_KCZe000zJEAAjWUbmY0NXVk9PA8DntIH.jpg
Pobierz- 12
@yacolek: w bardzo dużym skrócie wartości ;)
`p::-moz-selection { color: yellow; background: blue; }
p::selection { color: yellow; background: blue; }
`p::-moz-selection { color: yellow; background: blue; }
p::selection { color: yellow; background: blue; }
- 32
- 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
➊ 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
źródło: comment_U1ABlYIDL2CrBYQXQb7wuklXAc7v1TYI.jpg
Pobierz@klocus: Powinno być chyba http://www.scriptcraftjs.org
https://www.cutestrap.com
ScriptCraft to mod do Minecrafta, który pozwala go rozszerzać używając JavaScriptu. #minecraft #javascript
https://www.cutestrap.com
- 3
- 9
Treść przeznaczona dla osób powyżej 18 roku życia...
- 2
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
- 1
@PanBeton: To prosty parallax, możesz zrobić to prosto używając tylko CSS https://davidwalsh.name/parallax
Jak robisz coś bardziej skomplikowanego czyli kilka elementów, które jednocześnie przesuwają się w różnej prędkości, wtedy warto korzystać z biblioteki JS.
Jak robisz coś bardziej skomplikowanego czyli kilka elementów, które jednocześnie przesuwają się w różnej prędkości, wtedy warto korzystać z biblioteki JS.
- 58
@vibro_vagins: "Szewc bez butów chodzi"
- 1
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
- 2
Usuń wartości wysokości i szerokosci z iframe, w css ustaw je na 100% szerokosci
@jannekk: To Twój czwarty wpis. Dalej ten sam problem i widać, że Ci się śpieszy, a nie masz o tym zielonego pojęcia, ale myślisz, że wrzucenie tego kolejny raz w końcu zadziała i ktoś zrobi wszystko za Ciebie ლ(́◉◞౪◟◉‵ლ)
- 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
https://jsfiddle.net/amawaw/myh03w1d/
#css #webdev
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
źródło: comment_LvoBtWOXZIutYjqWgtKOwk2n6BTvgdkU.jpg
Pobierzjak pokonać? Uciekaj z Joomli, dziurawy syf ( ͡° ͜ʖ ͡°)
@filipsiu: joomla obecnie jest lepsza niż Wordpress :) No chyba ze oceniasz joomla z czasów 1.x czy 2.x. Joomla 3 to zupełnie inna bajka :)
@filipsiu: lepsza w developmencie (MVC), pozwala na znacznie bardzej skomplikowaną strukture bez stosowania sztuczek. (wordpress powstał jako platforma blogowa i ma naleciałości jeszcze z tamtych czasów).
Pozwala na znacznie więcej OOB niż wordpress który zmusza cię do instalacji dziesiątek pluginów ,aby osiągnąć podobny efekt (no chyba ,że ktos zostawia gołego WP bo taki mu jest potrzebny). Problem w tym ,że pluginy dla WP to jedna wielka kopalnia raka i przykładów
Pozwala na znacznie więcej OOB niż wordpress który zmusza cię do instalacji dziesiątek pluginów ,aby osiągnąć podobny efekt (no chyba ,że ktos zostawia gołego WP bo taki mu jest potrzebny). Problem w tym ,że pluginy dla WP to jedna wielka kopalnia raka i przykładów
- 2
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
- 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
#css #humorinformatykow #frontend
źródło: comment_nywPnD2HgdPyNZLa6mhfXgAi6Lnf7Tf3.jpg
Pobierz@FREEQ my na polskim podwórku też mamy się czymś pochwalić!
źródło: comment_guepi1clAGXAKqNT65wpuVON0o8t9ArL.jpg
Pobierz- 6
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
źródło: comment_nQsqbe0Bxv5DfzgssQqjtwxJBrwrTTvE.gif
Pobierz
























#wykop #css
źródło: comment_HpgoRq2JVHLZKFITpUjSdBp6ZEk2mtah.jpg
Pobierz