ugrás a tartalomhoz

Bento - Learn how to code

nevergone · 2013. Okt. 10. (Cs), 12.35
Lépésenként felépített tutorialgyűjtemény a webfejlesztéshez
 ■
1

Ez az oldal jelenleg a

Hidvégi Gábor · 2013. Okt. 12. (Szo), 10.21
Ez az oldal jelenleg a webfejlesztés csúcsa.

Funkcionalitása:
  • a készítő egy mátrixban összeszedte a különböző webes technológiákat, valamint azt, hogy mi mire épül
  • a képernyőre kikerül a technológiák táblázata
  • ha rákattintunk egy dobozra, a háttere fehér lesz, a kapcsolódó technológiák pedig más színt kapnak (egy bizonyos algoritmus szerint), a nem kapcsolódóak szürkét
  • amennyiben egy technológiához több, mint két külső link tartozik, megjelenik egy More feliratú hivatkozás a dobozban, amire kattintva feljön az oldal tetején egy popup a többivel
Ehhez a következőket használta fel az oldal készítője:
- modernizr, typekit, sugar, angular, underscore, jquery, ribbon, többnyire tömörítve

A betöltött scriptek mérete 319kb (az olyanok szolgáltatásokét, mint twitter, facebook és társaik nem számoltam bele).
Az összes betöltött script száma 21.
Az onload egy Atomos PC-n több mint 9 másodperc után fut le.

Az alapötlet egyébként jó.
2

Hiba

Poetro · 2013. Okt. 12. (Szo), 10.29
Valószínűleg a hiba nem a kód méretében, hanem a működésében van, illetve a számában. Amit jelenleg fejlesztek, ott a szkriptek gzippelve 200kb-ot, anélkül 600-at tesznek ki, mondjuk csak 3 fájlról van szó, és Atomos tableten is vígan fut a kód, pedig nagyon összetett (több tízezer sornyi JS kód).
3

jó ötlet

blacksonic · 2013. Okt. 13. (V), 20.49
szerintem jó ötlet így összeszedni ezeket, sokszor csak hosszas keresgélés után találja meg az ember a megfelelő technológiákat