kots

To jest bardzo, bardzo fajnie. Już porozsyłałem znajomym. Krótka animacja, z pomysłem, który trafia, bawi. O! Od strony technicznej to jest aż tak dobre, że człowiek się nad tym nawet nie zastanawia. Może niektórzy będą się zastanawiali czy owady były tresowane. ;P

Witam! Widać, że zacząłeś taniec z webdesignem niedawno. ;) Staraj się raczej upraszczać niż komplikować. Np. "scrollbar". Czy na pewno jest potrzebny? Każda przeglądarka posiada własny. Czasami, na mniejszych monitorach, użytkownicy spotkają się z podwójnym scrollem na Twojej stronie. To wcale nie ułatwia przeglądania. Może rozważ budowę tzw. "microsite" - efektownego intro z zawartymi linkami, które odsyłały by użytkowników do serwisów zewnętrznych: np. Flickr do galerii, newsy na bloggerze (dosyć popularne i efektywne rozwiązania). Z drugiej strony postawiłeś sobie ambitny cel - zbudować własną stronę samemu. To się chwali. Strona nie jest tragiczna, da się bez problemu dotrzeć do ważnych informacji (co robisz, kim jesteś, adres). Nie masz jednak wystarczających umiejętności by zaprezentować to w profesjonalny sposób. Poczytaj trochę o webdesignie, typografii - przyda Ci się na przyszłość. Serio. Pozdro!

O kurka wodna. To jest bardzo, bardzo fajne! W ogle masz swietne pracki w folio.

Pierwsze co pomyslalem: O! Dziadek 3d wrocil? ;) Tak czy siak: bardzo fajna praca! Gratuluje.

Chyba jednak bede sie trzymal edytora tekstowego. :P Kod uzaleznia. ;)

Jasny gwint. :) Ale zaskoczenie! Dzieki za fronta! :) Nenek - uzywam html, css i js. Tyle. :) Nie bylo potrzeby kodowania po stronie serwera.

Witam! Korzystam z krotkiej chwili dostepu do kompa. Rozpisze sie na temat technikaliow za jakies dwa miesiace, kiedy juz prawdopodobnie dorobie sie jakiegos laptopa. Jestem teraz na work and travel w USA i walcze o przezycie. Poczatek pobytu jest ciezki. ;) Anyway... Odnosnie HTML 5 - zwroccie uwage na to, ze korzystam z normalnych elementow HTML (wszystko na divach) oraz wspomagam sie transformacjami 2d i paroma innymi bajerami (css 3). Reszta to javascript (dokladniej - jquery), ktory tym wszystkim porusza. Opisze po krotce js na ktorym smiga gra. Biblioteki z ktorych korzystalem (wszystko mozna sprawdzic w kodzie w index.html - ctrl + u ;) ): less-1.1.3.min.js - LESSJS obiektowy css - jak dla mnie genialna sprawa - nawet pomimo pewnych swoich ograniczen SILNIE ZALECAM zbadanie tej biblioteki. modernizr.custom.13520.js - MODERNIZR - sprawdza kompatybilnosc - czy dane bajery z CSS 3 sa obslugiwane przez przegladarke czy nie? BARDZO PRZYDATNE jquery-1.6.1.min.js - chyba nie musze przedstawiac? Napisze tylko, ze im dluzej korzystam z tego frameworka, tym bardziej mi sie podoba. preloadCssImages.jQuery_v5.js - preloaduje wszystkie obrazki z CSS - praktyczna sprawa jstorage.js - zarzadzenie LOCAL STORAGE - takie cookies na sterydach ;) - obsluguja to nowe przegladarki, uzywam do zapisywania stanu gry jquery.spritely-0.4.js' - Spritely - uzywam do animowania spriteow - np. glowny bohater jest spritem - sprawdzcie w firebugu (lub w czym tam preferujecie ;) ) jquery-ui-1.8.11.draggable.min.js - JQUERY UI - zestaw narzedzi do tworzenia interfejsow i nietylko - tutaj uzywam do ”przeciagania” pomieszczen myszka soundmanager2-nodebug-jsmin.js - SOUNDMANAGER - odopowiada za obsluge dzwieku, uzywa flasha w razie potrzeby === Tutaj zaczynaja sie skrypty napisanie przeze mnie 'js/dialogue_box.js' - wyswietla okna dialogowe 'js/tooltip.js' - wyswietla tooltip 'js/text_cloud.js' - chmurki z tekstami, ktore czasmi ”wypowiada” postac 'js/data.js' - odpowiada ogolnie za zapisywanie stanu gry i tego co gra ”pamieta” 'js/settings.js' - ustawienia gry, na ten moment odpowiada tylko za resetowanie :P 'js/audio.js' - tutaj definiuje sobie poszczegolne dzwieki 'js/items.js' - odpowiada za zarzadzanie przedmiotami znalezonymi przez gracza 'js/view.js' - generuje widok za oknem 'js/room.js' - generuje pokoje, odpowiada za poruszanie sie postaci po pokoju (m. in. pathfinding) 'js/scenes.js' - odpowiada za cutscenki 'js/npcs.js' - non playable charcters - na razie to tylko rybopodobne stworzenie, bedzie ich wiecej ;) 'js/game.js' - korzysta z wszystkich powyzszych skryptow/obiektow i odpala gre Ogolnie to programista ze mnie taki sobie - ucze sie. Duzo jeszcze przede mna... Kiedy juz skoncze te gre, na pewno nabije sobie duzo exp. ;) Pozdro!

Dzieki za opinie Panowie! :) Milo, ze lapiecie bugi. :) Postaram sie to naprawic jak najszybciej. Niestety nie mam teraz stalego dostepu do kompa (i przez jakis czas raczej nie bede mial...), ale jak tylko znajde czas, postaram sie niszczyc problemy.

Nie wiem czy to dobry dział na obwieszczenie, że zabrałem się za grę przygodową. ;) Niemniej standardowo wszystko jest wykonane w html, css oraz js. :] Tylko dźwięk odtwarzany jest z pomocą flasha - ciągle jest to rozwiązanie pewniejsze niż html 5 audio (przynajmniej moim zdaniem). Zapraszam do obadania o co chodzi: http://animacjejs.pl/licencjat Takie super krótkie demo. Ale wiecie co? I tak jestem zadowolony, że udało mi się zrobić to, co zrobiłem. Na początku myślałem, że nie dam rady (był kryzys!). :P Tutaj krótki post na ten temat (na mojej stronce): http://arturkot.pl/nowy-projekt-the-house/ Mam nadzieję, że się spodoba. Naprawdę dużo roboty w to włożyłem...

Dla chcących odpalić ROME: sugeruję ściągnąć http://tools.google.com/dlpage/chromesxs Fajnie się zapowiada ten WebGL. :]

Patrzę sobie na Twoją prackę już któryś raz. Pierwsze co mi przyszło na myśl: pomimo niedoróbek technicznych ta postać ma jakiś swój urok, te zniekształcenia są całkiem ciekawe. Sprawia wrażenie jakbyś miał umiejętności rysunkowe, a jeszcze nie bardzo umiał je przenieść na polygony. Krótko: nawet podoba mi się ten obrazek. ;) Oczywiście zgadzam się z komentarzami powyżej - musisz "troszkę" popracować nad warsztatem. Pozdro. P.S. Znalazłem linka do Twojej galerii na digarcie! Ha! A jednak się potwierdziło - masz całkiem, całkiem rysunek. O dziwo można tam też wylukać parę pracek 3d dużo lepszych ze strony technicznej niż ta, zaprezentowana powyżej. o_O

Dobra, dobra. Jeszcze zobaczymy. ;P

Cześć! Kilka uwag oraz pytanie mam: - niecne siły chaosu wdarły się do Twojego projektu ;) powodując, że się trochę "rozjechał". Mam na myśli brak siatki na której powinien być postawiony layout. Tutaj bardzo czuć jej brak. Na szybko skleciłem przykład, który powinien pomóc w zrozumieniu czego się czepiam: http://img809.imageshack.us/i/siatka.jpg/ Góra projektu jest sobie, dół sobie i tak to "pływa" - każde w swoją stronę. - myślę, że zastosowałeś zbyt dużą interlinię do bloków tekstu; interlinia 18 - 20px dla tekstu 12px w zupełności wystarczy, dla 11px z kolei byłoby to 16 - 18px. Myślę, że są to optymalne wartości. No i tutaj znowu wychodzi siatka: tą swoją, przykładową oparłem na 18px interlinii (była robiona na szybko, trzeba by ją jeszcze poprawić, ale powinna pokazywać ideę ;P ). - sugeruję wyłączyć przenoszenie wierszy (hypenhenation)w programie w którym składałeś projekt. W sieci coś takiego występuje ekstremalnie rzadko. Klient któremu pokażesz projekt może to "podłapać", a później suszyć webmasterowi głowę, że nie potrafi tego zrobić. :P - myślę, że w projekcie świetnie zagrałyby iniciały: http://pl.wikipedia.org/wiki/Inicja%C5%82 - ale to już jak uważasz, - do czego służy mapa(?) na środku strony? Czy istnieje tylko i wyłącznie w celu dekoracyjnym, czy też ma tam się pojawić jakaś typografia lub animacje? To chyba tyle... :] Podsumowując: projekt jest ogólnie fajny, bardzo podoba mi się detal, menu, ramki - to wszytko wygląda *świetnie*. Wszystko zaprojektowane jest z głową, widać, że masz pojęcie o przygotowywaniu grafiki pod html + css. Brak tu tylko solidnej podstawy na której cały detal oraz liternictwo miałoby być oparte. Pozdrawiam! P.S. Aż się prosi by oczy demona/smoka złowieszczo świeciły/pulsowały. Taka mała animacja. :] P.S.2 Ten projekt będzie gdzieś użyty? Czy mógłbym napisać do niego html'a w celach ćwiczeniowych? ;)

Pomysł (na bitwę) bardzo mi się podoba. :) Nie wiem tylko czy jest sens rozdzielać flasha i html? Wiem, że flash to potężna bestia, ale dobrze zrealizowany html'owy pomysł może nawiązać równorzędną walkę. Mój niepokój wzbudziło zdanie (fragment zdania w zasadzie): "nie używając plików graficznych". No da się robić takie rzeczy, te wszystkie transformacje 2d, 3d, ale to jest *bardzo* czasochłonne. Tutaj przykład takiej pracy: http://www.subcide.com/articles/pure-css-twitter-fail-whale/ Autor trochę narzeka, że była to bardzo żmudna robota i raczej nie planuje czegoś takiego powtarzać w najbliższej przyszłości. ;) Myślę, że bitmapy powinny zostać. ;) O proszę, tutaj bardzo fajny pomysł zrealizowany na html + css + obrazki: http://lostworldsfairs.com/atlantis/ Poza tym pragnę przypomnieć, że html w czasach dzisiejszych to też canvas: http://www.canvasdemos.com/ oraz SVG (wektory!) - tutaj jako przykład podam moje własne super proste demko: http://arturkot.pl/wentylator/ - wiatraczek to wektor. :) W tym ostatnim przypadku (SVG) muszę polecić raphaela: http://raphaeljs.com/ - świetna biblioteka, ma niezłą dokumentację. No i... *Działa na IE.* Btw. jeśli ktoś jeszcze nie widział ;) to na Smashingmagazine ukazał się świetny artykuł o "css'owych świeżynkach": http://www.smashingmagazine.com/2011/02/11/the-bright-near-future-of-css/ Myślę, że taka bitwa to świetny pretekst by je wykorzystać! No bo jednak w starciu z real life polish client z takimi rzeczami trzeba bardzo ostrożnie. :/

Karkosik - dzięki! Manver - taki miałem plan: prosta animacja o gościu, który ma pecha. :) Następnym razem postaram się zrobić coś z hapi endem. ;) ola-f - ano nie da się. ;P

...która sprowadza się do tego, że po kliknięciu na któregoś z bohaterów odpala się krótka scenka. Grafa zrobiona w illustratorze + html, css i js. Jedynie dźwięk odpala z flasha. HTML 5 audio okazało się być trochę zbyt kapryśnie. Tzn. bardzo łatwo je zaimplementować, ale (zwyczajowo) pojawiły się problemy z kompatybilnością (do zrobienia, ale czas mnie gonił). Projekt zaliczeniowy na uczelnię (i przy okazji wprawka z javascript/jquery). Dużo się jeszcze muszę nauczyć! ;) http://animacjejs.pl/pub/ P.S. Jeżeli używasz IE - animacja nie odpali. *Było to absolutnie do zrobienia*, ale po prostu nie miałem czasu ani ochoty na zabawę z eksplorerem. :P

Wychodząc z założenia, że proste rozwiązania są najlepsze, to dlaczego by nie ciachnąć tego footera jako jeden, idiotycznie długi obrazek (np. 2200px, chociaż 1920 powinno w zupełności wystarczyć - full hd ;) )? Zapisany w png 24 nie dość, że będzie zajmował grosze (stawiam na 5kb maks!), to jeszcze obsłuży 8 bitowy kanał alfa ("gładka" przezroczystość - wiesz o czym piszę :] ). Pozdro i powodzenia!

Coś mi się wydaje, że overflow: hidden na .columns zadziałałoby równie dobrze. ;)

Mam nadzieję, że "Krioton" dostanie fronta. Trzymam kciuki. :]

Brakowało mi właśnie czegoś takiego. Brawo! Przypomina mi (klimatem) taką starą już prackę: http://www.arildwiro.com/gallery/3d/images/thevat.jpg Autorem jest Arild Wiro ( http://www.arildwiro.com/ ) .

Ogólnie strona robi dobre wrażenie. Jest trendi, przyjemnie się po niej klika (że tak napiszę). Szczypta uwag: * Menu jest prawie niezauważalne. Wygląda jak przypisy do logo. Część użytkowników może w ogóle go (menu) nie zauważyć. Podsumowując: menu jest, wygląda nieźle, ale jest ubrane w kostium maskujący. ;) * Zamiast music off | full screen | pl lepiej jest zastosować piktogramy lub piktogramy + tekst. Oko szybciej odnajdzie i skojarzy znajomy "głośniczek" niż tekst "dźwięk". Tak to już jakoś jest z tymi piktogramami. :) Pozdrawiam! Życzę (kolejnych) fajnych projektów. :]

Rotfl :d :d :d

Właśnie zamierzam kupić sobie tablet specjalnie dla Illustratora. :] Czasami frustruje mnie zabawa myszką przy rysowaniu/trasowaniu jakiś organicznych kształtów (np. twarz). Wiem, że piórko mi pomoże. Do precyzyjnej roboty wybrałbym mychę. Layouty to chyba jest precyzyjna robota? ;)

Zmodyfikowane. Jest to raczej niepraktyczne, ale ok. ;) Dodałem jeszcze minimalną szerokość dla kolumny środkowej (420px) by nie ginęła całkowicie w niskich rozdzielczościach. Wklejam HTML: tekst tekst tekst CSS: * { padding: 0; margin: 0; border: 0 none; outline: 0 none; list-style: none } body { color:#000000; font:12px/18px helvetica,arial,sans-serif } p { margin: 18px 0 } p:first-child { margin: 0 0 18px 0 } /* style dla kolumn zaczynają się tutaj ;) */ #section { width: 100%; min-width:850px; margin: 0 auto } /* środkowa kolumna wskakuje pomiędzy sąsiadujące, które są "na floacie" */ #article { padding:10px 5px; overflow:hidden; min-width:420px; background:#999 } /* :first-child ustawia pierwszą kolumnę po lewej stronie */ .aside:first-child { float:left } /* style dla lewej i prawej kolumny, wszystkie nie licząc pierwszej będą "floatowały" w prawo" */ .aside { float:right; width:200px; padding:10px 5px; background:#888 }

W tej chwili jest tak jak piszesz z tym, że strona rozciąga się na 80% szerokości okna przeglądarki. Zmodyfikuję to później by rozciągała się na 100%.