30 minta oldalak használata eltérő javascript

„Azt hiszem, az ő munkáját, mint a márka. Nincs szükség arra, hogy az oldalamon fölösleges design elemek”- mondta Kus.

A Kusa portfólió ugyanilyen könnyű navigálni minden típusú képernyők - azt mondta, hogy az volt a legnehezebb elérni ezt a hatást. Mind a tervező, a projekt bemutatott egy képet vagy fényképet -, hogy a felhasználó akar tudni a munkát többé.

Régi helyén iroda Helló hétfő

Most, a helyszínen bemutatja példákat már megbízások hivatal - az egyes projektek saját oldala van, ahol le a történelem, amely a felhasználó jobb megértését, amit a napot hétfőn.

A frissített honlapon Szia hétfő

A játék használja node.js-szerver kommunikáció vezérlésére az asztali és a mobil eszközök segítségével WebSockets.

Weise hangsúlyozza, hogy a fejlődés Multeor nem használhatja meglévő játék könyvtár:

Írtuk magunkat - ez nagyon izgalmas volt, különben is, mi sokat tanultam. Amire nem függ az adott szerelvény és prefabs, akkor kaptunk egy bizonyos cselekvési szabadságot: nem kell, hogy vegyenek részt teszi a meglévő grafika, kezelésére és ütközések külön írja le a rendszer, amely felelős a robbanások.

Crime Timelime - aggregátor, amely adatokat gyűjt a bűnözés az Egyesült Királyságban segítségével a nyilvános API-t. Ez lehetővé teszi a felhasználók számára, hogy megtanulják, hogyan működnek a dolgok a régióban.

„Szervezünk a helyszínen, hogy megmutatja a térképet a régió, és a tetthelyen - a hónap a felhasználó által kiválasztott a panelen az alsó,” - mondja a fejlesztő a projekt Aleks Miller.

Twyman azt mondja, hogy az elejétől úgy döntött, hogy feladja a szabványos mérési értékek - pixel, és le a saját alapján a képernyő mérete. Ez azért történt, hogy az oldalon ugyanúgy néz ki az összes eszközt.

Tweetmap mutatja be az országot a térképen arányában száma küldött tweets tőlük. szolgáltatás fejlesztő Rob Hawks felsorolja néhány alkalmazott technológiák létrehozása: TopoJSON, D3.js, node.js, PhantomJS és speciális algoritmusok az építéshez kapcsolódó kartogramok valós időben.

Azért választottuk node.js, mert már volt tapasztalata ezen a téren, és mert egyszerű, gyors és rugalmas platformot. Animáció kártyák (TopoJSON formátumban), akkor használja a D3 - egy fantasztikus könyvtár adatok megjelenítéséhez. Különösen, hogy széles körben használják a geo-modul, amely lehetővé teszi, hogy ezt a bonyolult számításokat és földrajzi átalakulás.

A problémák elkerülése érdekében a térkép látható a kliens böngésző, a rendszer létrehoz egy térképet a szerver segítségével a D3, motorcsónakok, és teszi őket a PhantomJS motor, majd továbbítja a felhasználó - ez lehetővé teszi, hogy ne hozzon létre egy „lyuk” a térkép-megjelenítés.

A legtöbb nehézséget, hogy találkoztunk is összefügg azzal a ténnyel, hogy abban az időben az írás HTML5 helyszínen nem volt módjuk a határokon böngésző design. Aztán úgy döntöttünk, hogy azt javasolja az ügyfeleknek, hogy használja a Chrome.

Ahhoz, hogy hasonló hatást alkalmazott Crook jQuery.animate () módszer. Különben is, tette hozzá, hogy ki kell választani a megfelelő sebességet folyadék betöltő cső - mert mindenki olvas különböző sebességgel.

Interaktív grafika az oldalon egy leírást a végrehajtott projektek és iroda csapat, végre a jQuery. Timeline Crook említett létrehozott dinamikusan - származó információk alapján az adatbázis segítségével Ajax technológia.

tervező ötlete volt, hogy egy portfolió következő modern trendeket - kellett lennie minimalista, és ebben az esetben, hogy valami új a honlap design. Ezért úgy döntött, hogy használja animációs vezérlő az egérrel, és húzza mozgások, nem pedig nyomja meg a nyilakat.

Jones azt mondja, hogy a Flash nem ad neki a munkához jutás a mozgás az egér - ez egy új élmény volt, ami neki tetszett. A fejlesztő akarta érni a reagáló honlap, amit nem lehet elérni használatával közötti átmenetek osztályok CSS. Jones elégedett az eredménnyel:

MapsTD - online játék, amelynek lényege a védelem a vár. Fortress - a felhasználó saját házat, amelyet meg kell védeni a gazemberek, állandóan az utcákon a kerület.

Mivel a játék jelenik meg a képernyőn egyre több ellenséget. Barclay azt mondja, hogy a fejlesztők kellett „küzdeni» c időzítés böngészők - az a tény, hogy a legtöbb közülük végül csökkenti a frekvenciát, hogy a frissítéseket az oldalon, és szükség volt rá, hogy megbizonyosodjon arról, hogy ez nem fog megtörténni.

A másik probléma az volt, hogy együtt a múló játék nőtt a több ellenséget, és a csökkent termelékenység. Ennek eredményeként, a fejlesztők úgy döntöttek, hogy emeljék a készségek gazemberek, hanem a számuk.

Pillantás erőforrás által közösen kifejlesztett Windows IE csapat és a projekt TheFind, és egyesíti a kereső TheFind és alkalmazás-fejlesztők számára azonos online vásárlási élmény a Facebook-on. Ennek része a Glimpse programozók már kiadta saját keretrendszer alapján Turn.js.

A cél a csapat a kezdetektől az volt, hogy egy pillanatra egy webes alkalmazás, nem pedig a szokásos helyén. A fejlesztők a paradigma „modell-nézet-viselkedés”, ami oszlik három különálló komponensek adatmodell, felhasználói felület és interakció az ügyfél. Szolgáltatás alkalmazza a rendering sablonok modellek Thrift ügyfél vagy JSON - attól függően, hogy az ügyfél feldolgozási teljesítményt.

RBMA Rádió használ Modernizr eszköz, amely lehetővé cross-browser fejlesztés HTML5 és CSS. Modernizr folyamatosan frissítjük, így a helyszínen alkotók javíthatja a kódot jelentő új lehetőségeket.

Ezen túlmenően, a végrehajtás kérelmezett szolgáltatás Backbone.js Könyvtár - terhelt segítségével a csempe létrehozása végtelen oldalak hatása.

Az egyik fejlesztő azt mondta a hivatal, hogy a teremtés a helyszínen vett négy hónap, és dolgozott rajta három. „Mi nagyon érdekli próbál dolgozni WebGL», - magyarázza.

A fejlesztők ígérete, hogy a jövőben hozzá a játék hang és új szinteket, valamint a Mozilla Gamepad API támogatás.

Ezen túlmenően, a Les Enfants kód érvényes bővítmény jQuery Cycle - ő a felelős a kijelző a képek és példák az Ügynökség munkájában.

Szerelem Bobm Builder segít a felhasználóknak, hogy kifejezzék szeretetüket és hála senkinek. Ez egy ügyes és egyszerű oldal, amely lehetővé teszi, hogy hozzon létre és küldjön egy levelet bomba.

Resource használ részleges görgetés funkció - csak egyes elemeit a felület, és lehetővé teszi a felhasználó számára, hogy kölcsönhatásba lépnek a képeket.

Kattintva az állati maszkok, az ügyfél küld a többi jelenet - az összes animációs hatások, amelyek segítségével hajtható végre jQuery.animate ().

Trello - kérelem közös vagy egyéni tervezés, mely felhasználók hozhatnak létre listákat kitöltött és a megoldásra váró feladatokat, és ossza haladás valós időben. Az oldalon felhasználásával fejlesztették node.js, MongoDB és Backbone.js.

Egyik alapítója Trello Daniel Le Cherminan kifejti, hogy a használata csak egy nyelvet, míg írásban helyszínen segít az új csapat tagjai, hogy gyorsan beilleszkedni a fejlesztési folyamatot.

A felhasználók közötti kommunikációt valósítunk meg Web Sockets - le Cherminan megjegyzi, hogy ez egy viszonylag új technológia, így ha ez létre akadtak nehézségek.

„Létrehozása multiplayer játék - egy nagyszerű módja annak bizonyítására, hogy az ilyen technológiák együtt tud működni. BrowserQuest alapján node.js szerverek, amelyek mindegyike több példányát futtatja, a játék világában, „- mondja a fejlesztő stúdió Guillaume Lekolne.

Az idei év témája - «Itt a sárkányok».

Saját taktika volt a „becsületes csaló” a fordító. Például, a használata építési «a. b. c »helyett« ha (a) b mást c»takarít 8 bájt.

A fő gondolata a szolgáltatás, hogy a felhasználó számára a lehetőséget, hogy egy kis szórakozás részt vesznek egy interaktív történet -, hogy segítsen egy rajzolt kis ember kell leküzdeni a különböző akadályokat. Vázlatok a helyszínen végzik az egér segítségével.

Ahhoz, hogy hozzon létre egy játék, és használja jQuery könyvtár vektorgrafikus Raphal.js. A projekt megvalósítása segítségével Raphal segítségével a fejlesztők megelőzni a teljesítmény problémákat a legtöbb készülékhez és a különböző böngészők között.

Animáció segítségével CSS3 egyenletes átmeneteket az összes eszköz. Ezen kívül a csapat kihasználta Hammer.js könyvtári feldolgozásra érintés, Backbone.js létrehozni adatmodellek, bővítmények és jQuery Transit Izotóp és HTML.

Walden Klump egyik a fejlesztők a projekt kiemeli az ő véleménye érdekes funkció a Google Speech API - dinamikus beszédfelismerés. Például, ha egy angol nyelvű felhasználó elindítja kiejtésével «Európai Unió» Az első felismert szó «a» vagy «év», és csak a végén alakítjuk «európai». Egy másik hasznos funkció - elismerésének írásjeleket. A „kérdőjel”, „felkiáltójel”, és a másik automatikusan átalakíthatók a megfelelő írásjelet.

„Interaktív fül” Vízkereszt Solutions létre az ügynökség a kliens Amphilon, aki specializálódott hallókészülékek és egyéb megoldásokat a hallássérültek számára. Az erőforrás célja korú gyermekek fiatalabb és középiskolákat. Az oldalon három „ablakokat”, amelyek azt mutatják, hogy az emberi fül működését.