the open source movement is founded on collaboration, on sharing, and the free exchange of ideas. Todos estes clamam por um fórum aberto no qual florescer – ou uma arena em que evoluir, dependendo de como você quer olhar para ele.Bem, levou algum tempo, mas a web finalmente alcançou as ambições e necessidades daqueles que fazem o trabalho, fornecendo algum lugar para realmente experimentar em comum, para depurar multidões, ou mesmo apenas para se exibir.Na verdade, estamos na fase inicial de uma ultrapassagem. Novos sites de compartilhamento de código on-line, ferramentas de depuração e até mesmo IDEs de pleno direito estão aparecendo todos os dias. E alguns deles são incríveis. Desenvolvedores Frontend em particular são mimados para a escolha.Até há pouco tempo, a ideia de fazer realmente um trabalho de desenvolvimento online teria sido difícil, na melhor das hipóteses. A partir de agora, poderá ser a abordagem mais sensata. O efeito que tem no tipo de web que construímos daqui em diante pode ser tectônico.
a nova criança da codificação Social no bloco não é realmente assim tão nova. Anteriormente conhecido como Kodingen, este IDE baseado em navegador pode ainda estar em beta, mas já tem uma boa sensação de “cerca de 20 por cento” completo. confiando nesta fase no editor de código Ace, Koding já tem algumas possibilidades interessantes, entre elas o acesso ao MongoDB como uma opção sobre o SQL. acesso Terminal também é útil, mas na verdade, é muito cedo para dizer se Koding vai se tornar um forte candidato para a coroa de código social. Mas ser livre como base não faz mal.
Cloud9
“É como o Google Docs, mas para o código”. Assim como a piada promocional. Mas na verdade, evoluindo da ferramenta de codificação de nuvem Mozilla Bespin, Cloud9 é muito mais agradável de se ver. E para codificação colaborativa,é de primeira. SSH, FTTP, drag and drop files, e até mesmo uma opção de Desenvolvimento Local/offline para usuários Linux/Mac. Você pode compartilhar seu código e, literalmente, ter vários usuários operando no mesmo doc em minutos. Basta pegar um e-mail rápido e você está pronto para rolar. As opções de implantação estão, naturalmente, disponíveis a um preço.
CodePen
O trabalho de Alex Vazquez, Tim Sabat e Chris Coyier, CodePen é focada em ter diversão com o frontend funcionalidade. CSS3 e canvas animation recebendo atenção especial.Faça login com o seu ID do GitHub e crie o seu próprio experimento CSS/HTML/JS ou Faça uma das inúmeras e extremamente legais explorações já online. Os ambientes podem ser adaptados para incorporar sua escolha de biblioteca: jQuery, MooTools e assim por diante … quase todos os remendos frontend podem ser desmoados e desconstruídos. Isto é aprender com esteróides, coisas boas.
Dabblet
Dabblet limpa e simples de CSS/HTML experimentação. A interface dá – lhe até três painéis para ver o seu código e é resultado da saída. Não há nenhuma entrada JS atualmente, mas os trechos podem ser salvos como GitHub Gists e revisitado/compartilhado dessa forma. para garantir que a experiência Dabblet é tão limpa quanto possível,a entrada CSS emprega sem prefixo.js (outro dos projectos de primeira categoria da Lea Verou). E é isso. Nada de confusões, nada de confusões, apenas clareza e concentração. O aspecto de compartilhamento da equação é fraco, mas se isso não é uma grande preocupação, comece a tagarelar.
Pastebin.me
Este é o esqueleto abordagem on-line de compartilhamento de código. Cada excerto configurado no Pastebin recebe um URL único, que pode ser compartilhado por e-mail. Alternativamente, se você quiser ver o que as pessoas têm sido até no site, basta verificar a seção de posts recentes. uma rápida análise dessas experiências passadas lhe diz que Pastebin age como um cavalo de trabalho, ‘o que este código faz?”ambiente de verificação para vários programadores de trabalho. Podia fazer o mesmo por ti, talvez? Funciona em CouchDB, e isso é bom, certo?
CSSDesk
O fato de que CSSDesk é o trabalho de um solitário desenvolvedor/designer Josh Pyles mostra o quanto pode ser feito até mesmo a menor das equipes esses dias. Colaboração e experimentação on-line estão aqui para ficar. Não só isso, mas há uma boa hipótese de ferramentas como a do Josh ajudarem a mudar a forma como a web é construída.CSSDesk é bastante básico, mas oferece um ambiente limpo para a experimentação baseada em estilo. Atualizações ao vivo aparecem ao lado de código realçado e URLs podem ser gerados com o qual compartilhar a magia resultante. Não há nenhum aspecto social para o site, então se isso é o que flutua seu barco, continue procurando.
JSFiddle
Piotr Zalewa aparentemente não tinha idéia de que o JSFiddle ia se tornar tão popular como tem, lamentando em uma entrevista que algumas de suas decisões de design em um dia, prejudicam o site de hoje. Bem, se for esse o caso, então eles são problemas bem escondidos-porque JSFiddle é um modelo de usabilidade.Como um site de depuração, experimentação e compartilhamento JavaScript/HTML/CSS/SCSS é um dos melhores. Escolha as suas bibliotecas, limpe o seu JS, insira o violino resultante ou apenas Partilhe a URL. Vai tornar o teu código mais inteligente para ti também, mas não há nenhuma conclusão/sugestão, apenas realce.
jsdo.ele
jsdo.ele tem tudo. Se você por acaso está hackeando em um experimentos WebGL, HTML5 jogo ou apenas JavaScript velho simples, o sistema está pronto para ir – e o array de bibliotecas importáveis também é impressionante. Falta-lhe alguma coisa no departamento de IU.Esta lacuna deve-se, em grande parte, à falta de personalização. Isto é uma pena, porque se você continuar a configurar uma conta, há muitas coisas boas a serem feitas em termos de tagging/análise de sua saída e os fóruns de discussão são bastante animados (embora principalmente com japonês). Você pode até Configurar uma página de fólio…
Mexer.io
Chiel Kunkels ” Tinker evita os sinos e assobios de outros JS/HTML/CSS caixas de areia, preferindo as virtudes do tranquila, competência e simplicidade visual. O resultado disso é que você se concentra no código com o qual está trabalhando, não no de outras pessoas, ou na possibilidade de se exibir. dito isto, se você quiser demonstrar seus esforços, Tinker é bom o suficiente para versão automática de seu trabalho cada vez que você salvá-lo, então há muito espaço para discussão com aqueles que você convida para a festa. O Tinker corre no nó.js, é código aberto e está disponível no GitHub. Se forjar a sua própria versão, inclua atalhos de teclado.
Tinkerbin
Criada para o ano de 2011 Philippine Design de Web Conferência, Tinkerbin faz um trabalho razoável de reafirmar o que deve agora ser bem compreendido, o formato de painéis separados para HTML/Haml/JS/CoffeeScript/CSS/Sass/MENOS e um para a saída. Cada gravação consecutiva produz uma nova versão/URL para você compartilhar, e também há um bom modo de ‘Code view’. Tinkerbin permite – lhe importar bibliotecas de fontes externas – como o código Google-em vez de fornecer configurações internamente. Mas há falta de médicos aqui. Por exemplo, a página de abertura diz que a lista de idiomas suportados inclui ‘mais’, embora este não é expandido em nenhum lugar… e se sente um pouco abandonado.
SQL Violino
Que pode colocar a mão no coração e diga que essas três pequenas letras não causar um terrível naufrágio sentimento? Parte da razão pela qual SQL pode ser difícil é a longa configuração necessária para testar até mesmo os casos mais simples. Bem, agora já não, graças ao empreiteiro do Alasca, Jake Feasel e SQL Fiddle. você pode configurar o seu violino para jogar contra qualquer número de DBs do MS SQL Server para Oracle via good old MySQL. Crie um esquema para consultar, preencha as tabelas com um conjunto de dados mínimo e lá você vai. Como com outros sites, se as coisas ainda não estão indo seu caminho você pode sempre se referir StackOverflow para a sua façanha de brincar.
ReFiddle
Bem, se o JavaScript, SQL e todos os mais populares linguagens de script têm o seu próprio violino páginas, por que não Expressões Regulares? (The bane of any sane coder’s existence.) embora não possa eliminar a dor, o ReFiddle faz dos testes e depuração de expressões regulares em Ruby, JavaScript e.NET um processo muito menos doloroso. E se ainda não estás a chegar a lado nenhum, semi-automatiza a tua postagem para StackOverflow. os verdadeiros gluttons para punição podem navegar por Submissões Regexas atuais e passadas e compartilhar soluções de sucesso para problemas comuns no diretório fiddle.
CSSDeck
CSSDeck fica com o aspecto social do direito, abrindo com uma página de pré-visualização atual e mais populares experimentos. Estes são muito variados também, de testes de desenho CSS puro para três.testes de animação da js. existem alguns anúncios, que é um pouco irritante, mas a sensação geral do site é animado e envolvente. Além disso, há documentação real, atalhos de teclado funcionam, e você pode assinar no Twitter ou GitHub. Bibliotecas, pré-processadores, validador, está tudo aqui. a capacidade de gravar ‘codecasts’ documentando o seu processo é uma característica de destaque, e uma vez que ele é lançado para todos os usuários, ele pode ser um verdadeiro agradador de multidões.
JS Bin
HTML/CSS / JS plus console and output. Configure – os como quiser, adicione bibliotecas e pré-processadores ou apenas comece a jogar. JS Bin é muito forte na usabilidade. Há um pouco de latência no sistema comparado com outras caixas de areia, mas a UI é um modelo de clareza. também é bom ser capaz de codecastar o seu desenvolvimento, porque isso acontece apenas compartilhando um URL-ideal para qualquer um tentando demonstrar exatamente como os problemas podem se infiltrar ou como as soluções podem ser trabalhadas. Além disso, graças ao console, JS Bin é bom para depuração, bem como ‘show and tell’.
Dedal
Mozilla, campeão do aberto da web, fez Dedal – uma ferramenta para dar aos jovens e outros com falta de recursos o acesso às ferramentas básicas de criação de web: HTML e CSS. tudo acontece na mesma página, dividido para revelar o efeito que as alterações de Código têm em exibição. O aspecto mais útil do site é, provavelmente, que está insinuando inline, o que faz um trabalho justo de elucidar os papéis de coisas como seletores e elementos, bem como apontar quando e por que eles estão sendo usados incorretamente.
Eclipse Orion
IDE Eclipse tem sido um dos pilares da programação da área de trabalho do mundo por um longo, longo tempo, mas claramente seus criadores foram ver o que está acontecendo online. Então, com isso em mente, o projeto Orion foi gerado. Infelizmente, esta não é a causa para a celebração que poderia ter sido. no papel o sistema parece ótimo-edição HTML / JS / CSS, integração Git, insinuações de código e alguns plug-ins legais, como JSLint e JS Beautifier. E, claro, há o pedigree. Mas é horrível usar e enfadonho para olhar. Talvez à medida que o projeto amadurece, ele irá transformar o que é provavelmente um sistema massivo em algum tipo de forma utilizável. Mas, como as coisas estão, não é uma experiência agradável.
Liveweave
Liveweave é super simples de usar. Não há necessidade de entrar, não há partilha, não há confusão. Abre a página e começa a codificar. Tudo acontece em uma única vista, de modo que seu JavaScript e estilos todos aparecem ao lado do HTML. A saída resultante corre em um painel adjacente.É surpreendentemente poderoso também, facilmente lidando com experimentos que quase mataram um MacBook após algumas iterações. Você pode ver o código sozinho, dividir a tela ou simplesmente maravilhar-se com a sua criação. O compartilhamento, infelizmente, não existe e a opção salvar/baixar não é funcional. Depuração também depende inteiramente de você, mas há código insinuando para que você pode não precisar dele. Sim, claro.
Google Code Playground
Image search, translation, Google Earth. A lista continua em grande extensão. Interagir com as muitas e variadas APIs do Google é uma maneira de introduzir rapidamente algo significativo para as suas páginas web, mas onde você começa? O Google Code Playground, é onde. Duh!É tão fácil como pode imaginar. Escolha uma API e escolha entre uma série de soluções básicas para começar a hackear; por exemplo, pesquisa de imagens com uma restrição de cor particular. E se você ficar preso, lance o depurador com um único clique, ou clique nos livros através de ‘ver Docs’. O compartilhamento, estranhamente para uma corporação atualmente em guerra com o Facebook, está totalmente ausente.
Pastebin.com Pastebin é o mais básico possível. Cole o excerto do seu código na área de texto, Escolha a língua de uma lista exaustiva se quiser realce de código e defina se a selecção deve ser listada publicamente. É isso. faça login no Twitter ou no Facebook se quiser acompanhar a sua actividade. Colar como convidado, se preferir permanecer anónimo. E essa é uma das características interessantes de Pastebin-é a popularidade como um cartaz geral para grupos que reivindicam afiliação com a Fraternidade de hacking AnonOps. também é útil que você possa compartilhar seu código com um gancho incorporado, ou texto editável, mas a principal alegria é ler manifestos de 99 por cento.
Compilr
Compilr é mais do que apenas um simples fragmento do site de compartilhamento – é um completo funcionamento IDE capaz de lidar com uma exaustiva lista de idiomas, com acesso ao Console e automatizada compartilhar via Google+, Facebook e Twitter. Você também pode simplesmente enviar um link para seus colaboradores. se você está planejando algo mais sério do que uma pequena experiência e quer ser capaz de compartilhar a base de código, trabalhar on-line a partir de qualquer lugar e qualquer dispositivo, então você deve dar uma consideração séria do Compilr. A versão gratuita lhe concede 1GB de armazenamento, mas seus projetos são listados publicamente.
Uma ferramenta para qualquer ocasião
Então, se você tiver. O bom, o bom e um ou dois ligeiramente amarrados. Uma vez que você começa a cavar este lote você começa a ter a sensação de que há algo novo acontecendo. E não é que toda a gente esteja a evoluir para se tornar uma IDE. Cada site deu uma volta diferente sobre o que a web pode oferecer.Pode ser que só precises de um sítio para testar um novo código. Experimenta um dos violinos. Pode ser que tenha criado um modelo em escala da Torre Eiffel em CSS e só queira gritar sobre isso, vá para CodePen ou CSSDeck. Tens um grande projecto de desenvolvimento e uma equipa distribuída que precisas de juntar de alguma forma? Cloud9 ou Compilr tem o que você precisa. A planear uma campanha de pirataria global que vai derrubar o Império do mal? Para isso temos os pastebins … se você trabalha no desenvolvimento da web há uma outra coisa que estes sites podem apenas fornecer-inspiração. Os sites de compartilhamento de código estão transbordando de olhos doces e os espaços orientados para experimentos têm alguma ingenuidade incrível em exibição, mas todos eles, mesmo os IDEs, prometem uma pitada de novidade. Abrir uma janela de seu próprio em um desses sites e o pensamento imediato é ” o que vou criar?”É assim que as coisas boas acontecem.
