A 20 legjobb online kódoló eszköz

a nyílt forráskódú mozgalom az együttműködésen, a megosztáson és az ötletek szabad cseréjén alapul. Mindezek egy nyílt fórumért kiáltanak, amelyben virágozni lehet – vagy egy aréna, amelyben fejlődni lehet, attól függően, hogy hogyan akarja nézni.
nos, eltartott egy ideig, de a web végre utolérte a munkát végzők ambícióit és igényeit, biztosítva valahol, hogy ténylegesen kísérletezzenek közösségileg, tömeg-hibakeresésre, vagy akár csak a bemutatásra.
valójában a túllövés korai szakaszában vagyunk. Új online kódmegosztó webhelyek, hibakereső eszközök, sőt teljes értékű ide-k is megjelennek minden nap. És néhány közülük csodálatos. Különösen a Frontend Fejlesztők kényeztetik a választást.
egészen a közelmúltig az a gondolat, hogy valóban online fejlesztési munkát végezzünk, a legjobb esetben is nehéz lett volna. Mostantól ez lehet a legésszerűbb megközelítés. A hatása, hogy a fajta web építünk innen ki lehet tektonikus.

Koding (public beta)

Social coding ‘ s new kid on the block valójában nem is olyan új. Korábban Kodingen néven ismert, ez a teljes funkcionalitású, a böngésző alapú IDE még mindig béta állapotban lehet, de már jól érzi magát a “kb 20 százalék” teljes.
támaszkodva ebben a szakaszban az Ace code editor, Koding van néhány érdekes lehetőségeket már, köztük hozzáférést MongoDB opcióként SQL.
a terminálhoz való hozzáférés is praktikus, de valójában még túl korai megmondani, hogy a Koding erős versenyzővé válik-e a társadalmi kódolási koronáért. Mivel szabad, mint egy alap set-up nem árt, bár.

Cloud9

“ez olyan, mint a Google Dokumentumok, de a kód”. Így megy a promóciós lyukasztó. De valójában, a Mozilla Bespin cloud coding eszközből fejlődve, a Cloud9 sokkal szebb nézni. Az együttműködésen alapuló kódolás pedig első osztályú.
SSH, FTTP, drag and drop fájlok, és még egy helyi/offline fejlesztési lehetőség Linux / Mac felhasználók számára. Megoszthatja a kódját, és szó szerint több felhasználó is működik ugyanazon a doc-on percek alatt. Csak vesz egy gyors e-mailt, és készen áll a roll. A telepítési lehetőségek természetesen áron állnak rendelkezésre.

CodePen

Alex Vazquez, Tim Sabat és Chris Coyier munkája, a codepen a frontend funkcionalitással való szórakozásra összpontosít. A CSS3 és a canvas animáció kiemelt figyelmet kap.
jelentkezzen be GitHub azonosítójával, és állítsa be saját CSS/HTML/JS kísérletét, vagy villogjon egyet a már online számos és rendkívül klassz felfedezés közül. A környezetek testre szabhatók, hogy beépítsék a választott könyvtárat: jQuery, MooTools és így tovább … így nagyjából minden frontend bütyköl lehet demoed és dekonstruált. Ez a tanulás a szteroidok, nagy dolog.

Dabblet

dabblet azt jelenti, tiszta és egyszerű CSS/HTML kísérletezés. A felület ad akár három ablaktáblák megtekintéséhez a kódot, és ez a kapott kimenet. Jelenleg nincs JS bemenet, de a kivonatok menthetők GitHub Gists néven,és újra megtekinthetők / megoszthatók.
annak érdekében, hogy a Dabblet élmény a lehető legtisztább legyen, a CSS bemenet előtag-mentes.js (Lea Verou másik első osztályú projektje). És ennyi. Nincs sallang, nincs rendetlenség, csak egyértelműség és összpontosítás. Az egyenlet megosztási aspektusa gyenge, de ha ez nem jelent komoly gondot, kap dabbling.

Pastebin.me

ez a csupasz csontok megközelítése az online kódmegosztásnak. A Pastebin-en beállított minden részlet egyedi URL-t kap, amelyet e-mailben lehet megosztani. Alternatív megoldásként, ha meg akarja nézni, hogy az emberek mit csináltak a webhelyen, csak nézze meg a legutóbbi bejegyzések részt.
ezeknek a múltbeli kísérleteknek a gyors vizsgálata azt mondja, hogy a Pastebin munkalóként működik: ‘mit csinál ez a kód?’ellenőrzési környezet számos dolgozó fejlesztő számára. Talán neked is megteszi? CouchDB-n fut, és ez jó, igaz?

CSSDesk

az a tény, hogy a CSSDesk Josh Pyles magányos tervező/fejlesztő munkája, megmutatja, hogy manapság a legkisebb csapatok is sokat tehetnek. Az online együttműködés és kísérletezés itt marad. Nem csak ez, de nagyon jó esély van arra, hogy a Josh-hoz hasonló eszközök segítenek megváltoztatni a web felépítését.
a CSSDesk meglehetősen egyszerű, de tiszta környezetet kínál a stílusalapú kísérletezéshez. Élő frissítések jelennek meg a kiemelt kód mellett, és URL-ek generálhatók, amelyekkel megoszthatja az eredményül kapott varázslatot. A webhelynek nincs társadalmi aspektusa, tehát ha ez úszik a hajóján, keresd tovább.

JSFiddle

Piotr Zalewának nyilvánvalóan fogalma sem volt arról, hogy a JSFiddle ugyanolyan népszerűvé válik, mint amilyen, egy interjúban panaszkodott, hogy az első napon néhány tervezési döntése akadályozza a webhelyet. Nos, ha ez a helyzet, akkor jól rejtett problémák-mert a JSFiddle a használhatóság modellje.
JavaScript / HTML / CSS / SCSS hibakereső, kísérletező és megosztó webhelyként az egyik legjobb. Válassza ki a könyvtárakat, Szöszölje meg a JS-t, ágyazza be a kapott hegedűt, vagy csak ossza meg az URL-t. Ez lesz okos fel a kódot az Ön számára is, de nincs befejezése/hint, csak kiemelve.

jsdo.it

jsdo.it megvan minden. Akár egy WebGL kísérleten, HTML5 játékon vagy egyszerűen csak a régi Javascripten hackelsz, a rendszer készen áll – és az importálható könyvtárak tömbje is lenyűgöző. Csak hiányzik egy kis valami az UI osztályon.
ez a hiányosság nagyrészt a testreszabhatóság hiányának köszönhető. Ez egy szégyen, mert ha megy, hogy hozzanak létre egy fiókot van sok finomságok, hogy volt szempontjából címkézés/elemzése a kimenet és a vitafórumok elég élénk (bár többnyire Japán). Akár fólióoldalt is beállíthat…

Tinker.io

Chiel Kunkels bütyköl kerüli a többi JS/HTML/CSS homokozó harangját és sípját, előnyben részesítve a csendes kompetencia és a vizuális egyszerűség erényeit. Ennek az az eredménye, hogy arra a kódra koncentrálsz, amellyel dolgozol, nem pedig másokéra, vagy a bemutatás lehetőségére.
ez azt jelenti, hogy ha demonstrálni szeretné erőfeszítéseit, a Tinker elég jó ahhoz, hogy automatikusan verziózza a munkáját minden egyes mentéskor, így rengeteg lehetőség van a beszélgetésre azokkal, akiket meghív a partira. Tinker fut csomópont.js, nyílt forráskódú és elérhető a Githubon. Ha saját verzióját villázza, mellékelje a billentyűparancsokat.

Tinkerbin

a 2011-es Fülöp-szigeteki webdesign konferenciára létrehozott Tinkerbin ésszerű munkát végez, hogy újrafogalmazza, mi legyen most egy jól érthető formátum-külön táblák a HTML/Haml/JS/CoffeeScript/CSS/Sass / LESS számára, és egyet a kimenethez. Minden egymást követő Mentés új verziót/URL-t hoz létre, amelyet megoszthat, és van egy szép ‘kódnézet’ mód is.
a Tinkerbin lehetővé teszi a könyvtárak importálását külső forrásokból – például a Google kódból – ahelyett, hogy belső beállításokat adna meg. Van itt egy kis hiány a dokikból. Például a nyitó oldal azt mondja, hogy a támogatott nyelvek listája tartalmazza a ‘többet’, bár ezt sehol nem bővítik ki… és kissé elhagyottnak érzi magát.

SQL Fiddle

ki teheti a kezét a szívére, és mondhatja, hogy ez a három kis betű nem okoz szörnyű süllyedő érzést? Az SQL nehézségének egyik oka a legegyszerűbb esetek teszteléséhez szükséges hosszú beállítás. Nos, már nem, köszönhetően az alaszkai fejlesztőnek, Jake Feaselnek és az SQL Fiddle-nek.
Beállíthatjuk, hogy a hegedű játszani ellen tetszőleges számú DBs MS SQL Server Oracle keresztül jó öreg MySQL. Hozzon létre egy sémát a lekérdezéshez, töltse fel a táblákat minimális adatkészlettel, és menjen el. Mint más oldalakon, ha a dolgok még mindig nem megy az utat akkor mindig olvassa StackOverflow a hegedülő kihasználni.

ReFiddle

Nos, ha a JavaScript, az SQL és az összes népszerűbb szkriptnyelv rendelkezik saját hegedűoldallal, miért nem reguláris kifejezések? (Az Átok minden épeszű kódoló létezését.)
bár nem tudja kiküszöbölni a fájdalmat, a ReFiddle sokkal kevésbé fájdalmas folyamattá teszi a Ruby, JavaScript és.Net reguláris kifejezések tesztelését és hibakeresését. És ha még mindig nem jut el sehova, félig automatizálja a panaszos kiküldetését a StackOverflow-ba.
a true gluttons for punishment képes böngészni az aktuális és a múltbeli Regex beküldéseket, és megosztani a hegedű könyvtárban a gyakori problémák sikeres megoldásait.

CSSDeck

CSSDeck megkapja a szociális szempont jobb, nyitó oldal előnézeti aktuális és legnépszerűbb kísérletek. Ezek is szépen változatosak, a tiszta CSS rajzpróbáktól a háromig.js animációs tesztek.
van néhány hirdetés, ami egy kicsit bosszantó, de az oldal általános hangulata élénk és vonzó. Ráadásul van tényleges dokumentáció, a billentyűparancsok működnek, és bejelentkezhet a Twitterről vagy a Githubról. Könyvtárak, előfeldolgozók, validátor: minden itt van.
a’ codecastok ‘ rögzítésének képessége, amely dokumentálja a folyamatot, kiemelkedő funkció, és ha minden felhasználó számára elérhetővé válik, igazi közönségkedvenc lehet.

JS Bin

HTML / CSS / JS Plus konzol és kimenet. Konfigurálja őket, hogyan tetszik, Add könyvtárak és előfeldolgozók, vagy csak elkezd játszani. JS Bin nagyon erős a használhatóság. Van egy kis késleltetés a rendszerben néhány más homokozóhoz képest, de a felhasználói felület az egyértelműség modellje.
az is jó, hogy képes codecast a fejlesztés, mert ez történik csak megosztásával egy URL – Ideális bárki próbál bizonyítani, hogy pontosan hogyan problémák kúszik, vagy hogyan megoldásokat lehet kialakítani. A konzolnak köszönhetően a JS Bin jó a hibakereséshez, valamint a ‘show and tell’ – hez.

Thimble

a Mozilla, a nyílt web bajnoka elkészítette a Thimble – t-egy eszközt, amely hozzáférést biztosít a fiatalok és mások számára a webes létrehozás alapvető eszközeihez: HTML és CSS.
minden ugyanazon az oldalon történik, felosztva, hogy felfedje a kódváltozások hatását a kijelzőn. A webhely leghasznosabb aspektusa valószínűleg az inline hint, amely tisztességes munkát végez a dolgok, például a szelektorok és az elemek szerepének tisztázásában, valamint rámutat arra, hogy mikor és miért használják helytelenül.

Eclipse Orion

az Eclipse IDE már régóta az asztali programozás világának alappillére, de alkotói egyértelműen figyelik, mi történik az interneten. Ezt szem előtt tartva született meg az Orion projekt. Sajnos nem ez az oka az ünneplésnek, ami lehetett volna.
papíron a rendszer jól néz ki-HTML / JS / CSS szerkesztés, Git integráció, kódhinting és néhány szép plug-In, mint a JSLint és a JS Beautifier. És persze ott van a törzskönyv. De szörnyű használni és unalmas nézni. Talán, ahogy a projekt éretté válik, a valószínűleg masszívan működő rendszert valamilyen használható formába fogja ütni. De a dolgok jelenlegi állása szerint ez egyszerűen nem kellemes élmény.

Liveweave

Liveweave szuper egyszerű a használata. Nem kell bejelentkezni, nincs megosztás – nincs rendetlenség. Csak nyissa meg az oldalt és kezdje el a kódolást. Minden egy nézetben történik, így a JavaScript és a stílusok mind a HTML mellett jelennek meg. A kapott kimenet egy szomszédos ablaktáblában fut.
meglepően erős is, könnyen kezelhető olyan kísérletekkel, amelyek néhány iteráció után csak egy Macbookot öltek meg. Megtekintheti a kódot egyedül, megoszthatja a képernyőt, vagy csak megcsodálhatja alkotását. A megosztás sajnos nem létezik, a Mentés/letöltés opció pedig nem működik. A hibakeresés szintén teljesen rajtad múlik, de van kódhintés, így lehet, hogy nincs rá szüksége. Ja, persze.

Google Code Playground

képkeresés, fordítás, Google Earth. A lista hosszan folytatódik. A sokféle Google API-val való interakció az egyik módja annak, hogy gyorsan bevezessen valami értelmeset a weboldalaiba, de hol kezdje? A Google Code Playground, ez az, ahol. Nahát!
ez körülbelül olyan egyszerű, mint El tudod képzelni. Válasszon egy API-t, és válasszon számos alapvető megoldás közül a hackelés megkezdéséhez; például képkeresés egy adott színkorlátozással. Ha elakad, indítsa el a hibakeresőt egyetlen kattintással, vagy nyomja meg a könyveket a ‘dokumentumok megtekintése’segítségével. Megosztás, furcsa módon egy vállalat számára, amely jelenleg háborúban áll a Facebook-tal, teljesen hiányzik.

Pastebin.com

Pastebin körülbelül olyan alapvető, mint ez lesz. Illessze be a kódrészletet a szövegterületre, válassza ki a nyelvet egy kimerítő tömbből, ha kódkiemelést szeretne, és állítsa be, hogy a kijelölés nyilvánosan szerepeljen-e. Ez az.
jelentkezzen be a Twitter vagy a Facebook segítségével, ha nyomon szeretné követni tevékenységét. Illessze be vendégként, ha névtelen szeretne maradni. Ez pedig a Pastebin egyik érdekes tulajdonsága-népszerűsége, mint általános hirdetőtábla azoknak a csoportoknak, amelyek az AnonOps Hacker testvériséghez tartoznak.
az is hasznos, hogy megoszthatja a kódot beágyazható kampóval vagy szerkeszthető szöveggel, de a fő öröm a 99% – os manifesztumok olvasása.

Compilr

a Compilr több, mint egy egyszerű kódrészlet – megosztó oldal-ez egy teljesen működőképes IDE, amely képes a nyelvek kimerítő tömbjének kezelésére, konzolos hozzáféréssel és automatikus megosztással a Google+, a Facebook és a Twitter segítségével. Azt is csak e-mailben egy linket a munkatársak.
ha valami komolyabbat tervezel, mint egy kis kísérlet, és szeretnéd megosztani a kódbázist, online dolgozni bárhonnan és bármilyen eszközről, akkor komolyan meg kell fontolnod a Compilr-t. Az ingyenes verzió 1 GB tárhelyet biztosít Önnek, de projektjei nyilvánosan szerepelnek.

eszköz minden alkalomra

tehát ott van. A jó, az oké, és egy-két kissé ropey. Ha egyszer belemerülsz ebbe a tételbe, kezded érezni, hogy valami új történik. És nem arról van szó, hogy mindenki az IDE felé fejlődik. Minden oldalon vett egy másik spin, amit az interneten is kínál.
lehet, hogy csak kell valahol, hogy teszteljék az új kódot. Próbálja ki az egyik hegedűt. Lehet, hogy már létrehozott egy méretarányos modellje az Eiffel-torony CSS és csak azt, hogy kiabálni róla, feje fölött CodePen vagy CSSDeck. Van egy nagy fejlesztési projektje és egy elosztott csapata, amelyet valahogy össze kell fognia? A Cloud9 vagy a Compilr rendelkezik azzal, amire szüksége van. Tervez globális Hacker kampány, amely megdönti a gonosz birodalom? Ehhez megvan a pastebins…
ha webfejlesztésben dolgozik, van még egy dolog, amit ezek a webhelyek csak nyújthatnak – inspiráció. A kódmegosztó oldalak tele vannak szemcukorral, a kísérlet-orientált terek pedig hihetetlen találékonyságot mutatnak, de mindannyian, még az IDE-k is, egy csipetnyi újdonságot ígérnek. Nyisson meg egy saját ablakot az egyik ilyen webhelyen, és az azonnali gondolat: “mit fogok létrehozni?”Így történnek a jó dolgok.