Achei uma ótima IDE de nuvem para web designers.
O JS Fiddle é bem interessante. Ele possui 3 campos para inserir código-fonte e 1 para visualizão/resultado.
- No campo HTML deve ser inserido os códigos que ficariam entre <body> </body>. Não deve ser inserido tags como <head>.
- No campo CSS são os códigos que ficam entre <style> </style>.
- No campo JavaScript ficam os códigos da tag <script type="text/javascript"> </script>.
- No campo Result é mostrado o seu template quando você clicar no botão Run.
À direita ainda possui muitos funções interessantes:
- Em Choose Framework, voce pode escolher uma biblioteca de interface (JQuery, por exemplo).
- Em Add Resource voce pode adicionar mais outros scripts ou estilos.
- Em Info voce pode definir titulo, descrição e DOCTYPE do seu template.
O que acabei de ensinar é o básico para entender o JSFiddle. Para saber mais, leia a documentação em [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] .
Para finalizar um pequeno exemplo para voces: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Até a próxima!
O JS Fiddle é bem interessante. Ele possui 3 campos para inserir código-fonte e 1 para visualizão/resultado.
Mini Guia sobre o JSFiddle
- No campo HTML deve ser inserido os códigos que ficariam entre <body> </body>. Não deve ser inserido tags como <head>.
- No campo CSS são os códigos que ficam entre <style> </style>.
- No campo JavaScript ficam os códigos da tag <script type="text/javascript"> </script>.
- No campo Result é mostrado o seu template quando você clicar no botão Run.
À direita ainda possui muitos funções interessantes:
- Em Choose Framework, voce pode escolher uma biblioteca de interface (JQuery, por exemplo).
- Em Add Resource voce pode adicionar mais outros scripts ou estilos.
- Em Info voce pode definir titulo, descrição e DOCTYPE do seu template.
O que acabei de ensinar é o básico para entender o JSFiddle. Para saber mais, leia a documentação em [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] .
Para finalizar um pequeno exemplo para voces: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Até a próxima!