[k.....w]

Teraz przyszedł czas na kurczaka z Minecraft, zrobionego do tej pory w czystym CSS. Dojdzie później odrobinka javascriptu, by samodzielnie się mógł poruszać. Widzicie, kurczak się już nie może doczekać.
#html #css #webdev #minecraft

[E.....e]

@kardaw: Człowieku! Zrobiłeś to w cssie?! Ale zazdroszczę. Jak długo się uczyłeś? Studiowałeś coś w tym kierunku?

[k.....w]

@EdwinHubble: Nie, w 2013 dopiero się wziąłem za HTML. Wielkiej filozofii nie ma, jeśli się zrozumiało rozmieszczanie elementów na ekranie. Samodzielnie do wszystkiego doszedłem pytając googla i znajdując wiele ciekawych stron.

[w.....y]

@kardaw: spoko, plusnąłem, ale to działanie ... pozbawione sensu.

[k.....w]

@atanor @Fafnucek @EdwinHubble @waruiny: Jest i tymczasowa animacja. Kura obraca wzrok ku obserwatorowi. Oczywiście nie ciągle będzie skupiała się ku kamerze. Nadal zero Javascript i bibliotek.

[rbielawski]

@kardaw: mamy podobne zajawki widze: http://rbielawski.pl/pingui/ - :hover i klikanie dziala, baton sie rozwarstwia :D (pewnie dziala tylko pod google chrome)

[raider87]

@rbielawski: na ios na iphonie tez obdziwo dziala

[rbielawski]

@raider87: po prostu takie rzeczy to sztuka dla sztuki i robi sie je raczej tylko dla funu, nie troszczac sie o kros brałser kompatibiliti. A przynajmniej ja ;]

[zefj]

@kardaw: fajna kura, dasz jakos prywatnie podejrzec kod w celach edukacyjnych?

[BadzLepszy]

@kardaw: A jak wygląda przykładowo jeden element np. Glowa? Jak rozwiązałeś motyw 3d w css?

[emtei]

@Apexton: Brackets

[Z.....s]

@kardaw: Pięknie :D

[Wypoks]

@kardaw: to ja jakieś biedne kwadraciki na strone robie a ten kure 3d w samym css ( ͡° ͜ʖ ͡°)

[k.....w]

@zefj: @BadzLepszy: Głowę osadziłem na szyi, szyja jest w położeniu statycznym razem z tułowiem, a głowa na tej szyi będzie się kręcić wokół dwóch osi. A żeby stworzyć taki klocek, potrzebnych jest 6 powierzchni, których położenie jest zależne od powierzchni nadrzędnej. Czyli tworzysz div, w nim osadzasz pod-divy i dla każdego z pod-diva określasz położenie za pomocą transform, Przy sześcianie wystarczy dla jednego pod-diva: np. transform: rotateY(90deg) translateZ(40px); Pierw

[k.....w]

@BadzLepszy: W szkołach uczą poprawności i składni HTML, dzisiaj automatycznie przeglądarki dopisują wartości, których brakuję w pliku. Albo Flash. Flash srash, to już przeżytek. Mi Tłumaczyli jakieś XML'e, jak obsłużyć się Power Pointem, Accessem. Rysowanie w Photoshopie na komputerach z RAMem 500MB. Do mnie wszystko nie docierało, jechałem na trójkach w technikum. Co oznacza pojęcie "baza danych", co oznacza pojęcie "hermetyzacja",...ᕦ(òóˇ)ᕤ Czysta abstrakcja.
Jednak