Mirki,

bawię się animacjami/przejściami w CSS3. Jak zrobić przejście, które działa w obie strony (from 0% to 100% i z powrotem dla wartości width) po dodaniu JS-em nowej klasy animate do elementu div. Obecnie wszystko działa, tylko jak klasa jest usuwana to przejścia (ze 100% do 0%) brak ( ͡º ͜ʖ͡º) To moje pierwsze przetarcie z tranzycjami w CSS3, więc proszę o wyrozumiałość.

#frontend #
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam 3 znaczniki:
div zawierający:
img (display: block)
p (display: block)

Jak daję tylko obrazkowi opływanie (float: left) i obok niego jest paragraf (brak opływania) to czy trzeba stosować tzw. clearfixa? ( ͡° ͜
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@kekerott: odwieczna beka z tych "inspiracji UI" gdzie ponad 90% w ogóle nie przechodzi dalej gdyż przegrywa z:
1. celami biznesowymi
2. funkcjonalnością
3. barierą technologiczną
Wystarczy popatrzeć potem na finalny rezultat i można się śmiać :D
  • Odpowiedz
@Dzwoneg: niekoniecznie, jak jest budżet albo luźniejszy projekt to idzie coś takiego wdrożyć. Trzeba tylko wraz z ux-em nad tym siąść aby to było klikalne : )
  • Odpowiedz
Mirki, wstyd prosić o pomoc, ale otwieram niebawem sklep z bio i eko, tworzę sobie graficzki i nawet kumpel co robi mi większość na sklepie robi nie ogarnia tego ja kto zrobić. Mam taką interaktywną grafikę i chciałbym dodać buttony/linki wstecz dalej, które będą podświetlały mi dane koło i przechodziły do następnego i go podświetlały na niebiesko w raz z graficzką z prawej strony. Obecnie jak jest po najechaniu kursorem.
Do tej
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

WItam Miriki,
Coś tam robie we frontendzie, znam mniej więcej CSS, ale chciałbym wskoczyć na wyższy poziom, tj nauczyć się designu jak z dribble, robienia zajebistych animacji/efektów i innych czarów. Chyba chodzi mi o szeroko pojęty ux/ui design. Trochę poczytałem Material Design Guides, juz lepiej to wygląda ale wciąż nie czuję się na siłach. Znacie może jakieś fajne kursy online/książki/arty? Nie wiem kompletnie od czego zacząć #frontend #design
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@soap141: powiem tak, jeśli chcesz robić design to od razu mówię że będziesz mieć mało wspólnego z UX, dlatego też już na starcie nie stosuj UI i UX zamiennie, bo to są zupełnie różne rzeczy.
Skoro "coś tam robisz" we frontendzie to skup się na nim, żebyś też nie robił "czegoś tam" w designie, gdyż na prawdę jest to trudny orzech do zgryzienia.

Jeśli już faktycznie jesteś nastawiony na naukę
  • Odpowiedz
@Dzwoneg: Dzięki za konkretną i wyczerpującą odpowiedź. Muszę zaznaczyć, że rozróżniam UI od UX, ale myślałem, że jednym z głównych elementów dobrego UI jest również dobry UX i gdzieś to się w pewnym momencie zazębia. Chodzi o to, że po kilku godzinach kodowania, mam mgiełkę w głowie i żeby nie tracić czasu to myślałem, że wtedy mógłbym zająć się czymś 'artystycznym' i jednocześnie dać głowie odpocząć, przy okazji wzmacniając swoje
  • Odpowiedz
Mirki mam diva, a w nim zdjęcie i overlay. Overlay pojawia się po wywołaniu hover. Problem jest taki, że oba elementy musza mieć border-radius:50% (div musi być idealnie okrągły), a to powoduje poszarpane krawędzie. Nigdy wczesniej się z czymś takim nie spotkałem. Dlaczego overlay nie zakrywa mi równo całego diva?
#webdev #frontend #css
Trustm3 - Mirki mam diva, a w nim zdjęcie i overlay. Overlay pojawia się po wywołaniu...

źródło: comment_SfSfYKUJVD5Xe4yExWXDgePvCNsn3tof.jpg

Pobierz
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@lamiesobie: Szkoda każdej złotówki, na youtube masz dużo darmowych kursów znacznie lepszej jakości, oczywiście EN wszystko, ale jak nie znasz to nawet nie zaczynaj.
  • Odpowiedz
@schriker: To drugie, rozpocząłem może ok. 10 - żadnego nie ukończyłem w 100%, bo włączałem je tylko jak czegoś nie byłem pewien. Zbieram je na zasadzie ,,w wolnym czasie zabiorę się za jakiś"... niestety ostatnio nawet jak czasu jest wystarczająco, to chęci brak i zabieram się za coś innego. Ogólnie radziłbym zwracać uwagę na nazwiska instruktorów, nie polecam żadnego hindusa. Przynajmniej ja nie potrafię ich słuchać dłużej niż minutę.
  • Odpowiedz
Mireczki pomocy, mam sobie header z position: fixed o wysokości 100px, a pod nim background z 100vh i chcę żeby tło zaczęło się wyświetlać dopiero po tych 100px. Jak daję do background margin-top: 100px to przesuwa mi się też header ( ͡° ʖ̯ ͡°)
#webdev #html #css
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Cześć! Freelancer szuka pracy w #webdev ( ͡° ͜ʖ ͡°)
Zajmuje się full stackiem, więc jeśli potrzebujesz coś z zakresu tworzenia stron internetowych to pisz śmiało pw. Używam głównie #html #css #php #laravel #javascript #nodejs (Jakieś boty, np do #steam aby przyjmował itemki #csgo lub #dota2 na wszelakie
Podprogowiec - Cześć! Freelancer szuka pracy w #webdev ( ͡° ͜ʖ ͡°)
Zajmuje się full ...

źródło: comment_gOHE8qj4slZwIbjPoinq8b5RlMZO6YSk.jpg

Pobierz
  • 31
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach