30 site-uri de propoziții utilizare decât JavaScript

„Mă gândesc la munca lui, ca un brand. Nu este nevoie să adăugați la site-ul de prisos mele elemente de design“, - a spus Kus.

În Kusa portofoliu este la fel de ușor de navigat pe toate tipurile de ecrane - el a spus că a fost cel mai dificil de a obține acest efect. Fiecare dintre proiectantul proiectului a prezentat o imagine sau o fotografie - astfel încât utilizatorul a dorit să mai știu despre munca.

Agenție Vechi site-ul Hello luni

Acum, site-ul prezintă exemple de agenții de ordine de deja executate - fiecare proiect are propria pagină, în cazul în care el a descris istoria care oferă utilizatorului o mai bună înțelegere a ceea ce Buna ziua de luni.

Site-ul actualizat Hello luni

Jocul foloseste Node.js-server pentru a controla comunicarea între desktop și dispozitive mobile prin intermediul WebSockets.

Weise subliniază faptul că dezvoltarea nu Multeor utilizează o bibliotecă joc existente:

Am scris noi înșine - a fost foarte interesant, în afară, am învățat foarte mult. Ceea ce nu depinde de asamblarea și specifice semifabricate, ne-a dat o anumită libertate de acțiune: nu este nevoie să se angajeze în redarea grafica existente, de manipulare și coliziunile separat descrie sistemul care este responsabil pentru exploziile.

Crime Timelime - agregator care colectează date privind criminalitatea în Marea Britanie, cu ajutorul API publice. Acesta permite utilizatorilor să învețe cum funcționează lucrurile în regiunea lor.

„Vom organiza site-ul astfel încât să arate harta regiunii și locul crimei - pentru luna selectată de către utilizator de pe panoul din partea de jos,“ - spune dezvoltatorul proiectului Aleks Miller.

Twyman spune că de la început a decis să renunțe la standardul valorilor de măsurare - pixeli, și a descris propria lor, în funcție de dimensiunea ecranului. Acest lucru a fost făcut pentru a face site-ul arata la fel pe toate dispozitivele.

Tweetmap arată pe țară de pe hartă proporțional cu numărul de tweet-uri trimise de la ei. Serviciul de dezvoltator Rob Hawks enumeră mai multe tehnologii utilizate în crearea sa: TopoJSON, D3.js, Node.js, PhantomJS, și algoritmi speciali pentru cartogramelor legate de construcție în timp real.

Am ales Node.js, pentru că am avut deja experiența de a utiliza, și pentru că este simplu, rapid, și o platformă flexibilă. carduri de animație (format TopoJSON), folosim D3 - o bibliotecă fantastică pentru vizualizare a datelor. În special, vom face modul de utilizare extensivă geo care vă permite să faceți calcule complexe și de transformare geografică.

Pentru a evita problemele cu afișarea hărților în browser-ul clientului, sistemul generează o hartă pe server folosind D3, lansări și le face cu ajutorul motorului PhantomJS, iar apoi transmite utilizatorului - face posibilă să nu creeze o „gaură“ pe afișajul hărții.

Cele mai multe dintre dificultățile pe care le-am întâmpinat au fost legate de faptul că, la momentul de site-ul de scriere HTML5 a avut nici un mijloc de proiectare cross-browser. Apoi am decis că ne-ar recomanda clienților să utilizeze Chrome.

Pentru a obține un efect similar aplicat Crook jQuery.animate) metoda (. În plus, a adăugat el, a fost necesar pentru a alege lichid de viteză drept conducta de umplere - pentru că toată lumea citește la viteze diferite.

grafice interactive pe pagina cu o descriere a proiectelor executate și echipele de agenție, implementate folosind jQuery. Cronologie Crook spus generat dinamic - pe baza informațiilor din baza de date, folosind tehnologia Ajax.

Ideea de designer a fost de a crea un portofoliu, urmând tendințele moderne - a trebuit să fie minimalist, iar în acest caz, pentru a aduce ceva nou la design-ul. Deci, el a decis să folosească un control de animație cu mișcările mouse-ului și trăgându, mai degrabă decât prin apăsarea tastelor săgeată.

Jones spune ca Flash nu i-au dat acces să lucreze cu mișcările mouse-ului - a fost o experiență nouă, pe care îi plăcea. Dezvoltatorul a dorit să realizeze un site web receptiv, care nu a putut fi realizată prin utilizarea de tranziții între clase în CSS. Jones este mulțumit de rezultatul:

MapsTD - joc online, esența, care este apărarea cetății. Cetatea - casa proprie a unui utilizator pe care el trebuie să apere de ticăloși, în mod constant de roaming pe străzile din districtul.

Pe măsură ce jocul apare pe ecran tot mai mulți inamici. Barclay spune că dezvoltatorii au trebuit să „lupte» browsere c sincronizare - faptul că cele mai multe dintre ele reduce în cele din urmă frecvența pentru a verifica pentru actualizări de pe pagina, și a fost necesar să se asigure că acest lucru nu se întâmplă.

O altă problemă a fost că, împreună cu jocul de întâlnire a crescut numărul de dușmani, și a scăzut de productivitate. Ca urmare, dezvoltatorii, sa decis să ridice nivelul de calificare al raufacatori, mai degrabă decât numărul lor.

resursă Glimpse dezvoltat în comun de către echipa de proiect pentru Windows IE și TheFind, și combină TheFind motor de căutare și dezvoltatorii de aplicații pentru aceeași experiență de cumpărături on-line pe Facebook. Ca parte a programatori Glimpse au lansat lor cadru propriu bazat pe Turn.js.

Scopul echipei de la început a fost de a face o imagine a unei aplicații web, mai degrabă decât pe site-ul obișnuit. Dezvoltatorii folosind paradigma „model de-view-comportament“, care se împarte în trei componente separate model de date, interfață de utilizator și interacțiunea cu clientul. Serviciul se aplică modelele șabloane de randare client Thrift sau JSON - în funcție de puterea de procesare a clientului.

RBMA Radio foloseste instrument Modernizr care permite dezvoltarea cross-browser de pe HTML5 și CSS. Modernizr este actualizată în mod constant, astfel încât creatorii site-ului pot îmbunătăți codul ca prezentând noi oportunități.

În plus, punerea în aplicare a serviciului aplicat Backbone.js Biblioteca - încărcate cu ajutorul dale ei pentru a crea un efect de pagini fără sfârșit.

Unul dintre dezvoltatorii a declarat agenției că crearea site-ului a luat patru luni, și a lucrat pe ea trei. „Am fost foarte interesați în încercarea de a lucra cu WebGL», - explică el.

Dezvoltatorii promit în viitor pentru a adăuga la joc audio și noi niveluri, precum și suport API Mozilla gamepad.

În plus, codul Les Enfants aplică plugin jQuery Cycle - el este responsabil pentru afișarea de imagini și exemple de lucru al agenției.

Dragostea Bobm Builder ajută utilizatorii să-și exprime dragostea și recunoștința lor pentru oricine. Acesta este un site elegant si simplu, care vă permite să creați și să trimită o bombă scrisoare.

Resource utilizează funcția de defilare parțială - numai elementele individuale ale interfeței, și permite utilizatorului să interacționeze cu imaginile.

Făcând clic pe masti de animale, clientul este trimis la alte scene - toate efectele de animație care executate folosind jQuery.animate ().

Trello - cerere de planificare comună sau individuală, în care utilizatorii pot crea liste de sarcini finalizate și restante, și cota progresul în timp real. Site-ul a fost dezvoltat folosind Node.js, MongoDB și Backbone.js.

Unul dintre fondatorii Trello Daniel Le Cherminan explică faptul că utilizarea doar o singură limbă în timp ce site-ul de scriere ajută noii membri ai echipei să se integreze rapid în procesul de dezvoltare.

Comunicarea dintre utilizatori este implementat folosind Sockets Web - Le Cherminan constată că aceasta este o tehnologie destul de nouă, astfel încât atunci când a creat au existat unele dificultăți.

„Crearea unui joc multiplayer - o modalitate foarte bună de a demonstra modul în care aceste tehnologii pot lucra împreună. BrowserQuest bazate pe servere Node.js, fiecare dintre care poate rula mai multe instanțe ale lumii jocului „- spune studio dezvoltator Guillaume Lekolne.

Tema din acest an - «Aici să fie dragoni».

tactica mea a fost „înșelăciune cinstit“ compilator. De exemplu, utilizarea de construcție «a. b. c »în schimb«dacă (a) b altceva c»salvează 8 octeți.

Ideea principală a serviciului este de a oferi utilizatorului posibilitatea de a avea un pic de distracție de a lua parte la un povești interactive - pentru a ajuta un om mic tras trebuie să depășească diverse obstacole. Schițe de pe site sunt efectuate cu ajutorul mouse-ului.

Pentru a crea un joc și de a folosi biblioteca jQuery pentru Raphal.js grafică vectorială. Punerea în aplicare a proiectului, cu ajutorul Raphal dezvoltatorii ajuta la prevenirea problemelor de performanță pe majoritatea dispozitivelor și în toate browserele.

Animație folosind CSS3 oferă tranziții line pentru toate dispozitivele. În plus, echipa a profitat de bibliotecă Hammer.js pentru prelucrare touch, Backbone.js pentru a crea modele de date, plugin-uri si jQuery de tranzit izotopice și HTML.

Walden Klump, unul dintre dezvoltatorii proiectului, subliniază, în opinia sa o caracteristică interesantă a Google Speech API - recunoaștere dinamică vorbire. De exemplu, dacă un utilizator vorbitor de limba engleză începe pronunțând «Uniunea Europeană», primul cuvânt recunoscut «dumneavoastră» sau «an» și numai în cele din urmă se transformă într-un «european». O altă caracteristică utilă - recunoașterea semnelor de punctuație. Expresia „semn de întrebare“, „semn de exclamare“, iar celălalt este convertit automat în punctuația corespunzătoare.

„Ureche interactiv“ Bobotezei Solutions a creat agenția pentru clientul său Amphilon, care este specializat în SIDA și alte soluții de auz pentru deficiențe de auz. Resursa se adresează copiilor cu vârste cuprinse între școlile de mijloc și mai mici. Site-ul este format din trei „ferestre“ care arată cum funcționează urechea umană.