Um site para Programadores que se vai construindo por si

Se está a aprender a programar páginas, para perceber melhor o que pode ser feito com CSS e com HTML5, então vai gostar do site strml. Um projecto criado por um programador que decidiu criar um site com o intuito de facilitar o trabalho na hora da construção de um Website.

Após escrever o texto e conforme o tempo passa, a própria pagina indica as mudanças instantaneamente: colunas, cores, efeitos ... que ajudam a entender como o código afecta o resultado final.

http://strml.net/

Mais informações ... »

Permite gerar HTML e CSS em documentos PDF, Word, ODF ou RTF

O site html52pdf, permite gerar documentos e relatórios em vários formatos (PDF, Word, RTF e Open Document Format) a partir de qualquer sistema Operativo: (Linux, Unix, Windows ou Mac).

O site permite gerar documentos de HTML e CSS em Word, Open Office ou em PDF. Contem um motor gráfico integrado permite que inclua índices, página notas de rodapé, formulários web, fórmulas matemáticas , gráficos, e assim por diante. Resumindo, vale a pena dar uma olhadela.

http://www.html52pdf.com/

Mais informações ... »

Aprenda a programar em HTML 5, JavaScript, Java, Python, Ruby e muito mais ...

Este site onde podemos aceder a links para tutoriais sobre, android, AWK, CoffeeScript, css, HTML 5, Javascript, etc ... Basta clicar na programação que pretenda e é automaticamente redimensionado ... Vale a pena dar uma olhadela.

http://hackr.io/

Mais informações ... »

Sites Criativos e Interactivos em Javascript e CSS

A dica de hoje é bastante interessante e engraçada ao mesmo tempo. O autor deste trabalho é do Tim Holman. Um Australiano que trabalha no Tumblr. É Engenheiro informático, com um forte foco no design e interactividade. Nos seus tempo livres, gosta de experimentar novas tecnologias e em webdesign, e desenvolve também as suas próprias experiências em  Javascript, CSS. Destaco apenas alguns trabalhos que mais gostei, mas aconselho explorarem os sites.

http://codepen.io/

http://tholman.com/

http://tholman.com/texter/

http://tholman.com/concentrics/

http://thepatternlibrary.com

http://tholman.com/rasterizer/

http://tholman.com/image-nodes/

Mais informações ... »

[sourcecode] - Como exibir códigos HTML em caixas de Texto em posts no WordPress?!

A dica de hoje é uma dica relacionada com o "Wordpress.com". Uma das poucas formas que existe na versão free para colocar (códigos em html, css, etc ...), dentro de uma caixa de texto. Para saber todos os códigos  e soluções disponíveis, visite support.wordpress.com/.

Coloquei um exemplo de como é possível colocar códigos em caixas de texto em html. Aproveito este post para colocar o código de "Link Me" do meu blog Inspiration Links!

Basta copiar e colar no seu Blog/Site :D

[sourcecode language="css"]<a href="http://jerrymoz.wordpress.com/"
rel="license" target="_blank"><img class="alignnone" style="border-width:0;"
src="https://s-media-cache-ak0.pinimg.com/
736x/af/6d/61/af6d6189a146d76be94a30b60ec47153.jpg"
alt="Inspiration Links " width="200" height="100" /></a>[/sourcecode]

http://en.support.wordpress.com/code/posting-source-code/
http://manual.wp.site.com.br/
http://hilite.me/

Mais informações ... »

Lista de Ferramentas e Geradores de Códigos , Linguagens de Programação (HTML, PHP,CSS)

Para quem desenvolve, cria Paginas de Internet (websites) e quando se esta a editar CSS, HTML, JavaScript, etc.. nem sempre nos lembramos das propriedades que queremos implementar em determinados elementos. Deixo-vos varias aplicações online que permitir gerar códigos em varias linguagens de Programação para poderem incluir e modificar o template dos vossos Sites/Blogs.

Hoje deixo uma aplicação online, o Codepad, que vos vai permitir testar o vosso código em PHP, C, C++, D, Haskell, Puthon, entre outras linguagens de programação.

http://www.quackit.com/

http://www.w3schools.com/

http://www.htmlbasix.com/

http://enjoycss.com/ (Novo, inserido 4-10-14)



http://codepad.org/ ( testar código)

http://www.html.am/

http://css3generator.com/ (gerador de CSS3)

http://csscreator.com/version2/pagelayout.php (gerador css)

http://www.portugal-a-programar.pt/

http://www.codigosnaweb.com/

http://www.ufpa.br/dicas/htm/htm-enfe.htm

http://www.javascriptkit.com/

90 Ferramentas CSS úteis e geradores online para web designers

Mais informações ... »

Aprenda a ser Programador Online e free

A Codecademy é uma instituição educacional. O site compromete-se desenvolver a melhor experiência de aprendizagem, fazendo da Codecademy o melhor lugar para aprender, ensinar e criar. Aqui ficam os links respectivos de cada um deles:  Javascript, HTML/CSS PHP, Python, Ruby, API

http://www.codecademy.com/

 

Mais informações ... »

Compartilhar Codigos Html Online

 

chop é uma óptima maneira de compartilhar código online. É muito simples de usar, projectado para programadores, blogueiros, webmasters, webdesigners. Pode ser facilmente utilizado por qualquer pessoa. Entrando no serviço e obter um campo branco para escrever ou colar códigos de  HTML, PHP, JavaScript, CSS, etc.

O código também pode ser inserido através de uma URL. O código será exibido por um editor com linhas numeradas, que por sua vez pode ser modificado e comentado por outros usuários. Recomendo!

 http://chopapp.com/

Mais informações ... »

Impedir a Selecção de Texto no seu Site/Blog

Para quem tem um Blog/Site é confrontado muitas vezes por pessoas pouco intencionadas, fazem Copy Paste de tudo e mais alguma coisa! Por isso aqui esta uma solução para tentar prevenir os mais espertinhos. Um código que pode usar para “desligar” a opção de seleccionar um texto ou imagem para copiar. (desliga o  botão esquerdo e direito do rato). Basta copiar o código em vermelho e colocar depois da tag <head> Nas definições do seu Blog/Site (Alterar CSS/HTML).

// <!--[CDATA[-->
language=”Javascript”>
<!--– Begin-->
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (“return false”)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
document.oncontextmenu = function(){return false}
// End –>
</script>?

OU

*// <![CDATA[
language=javascript><!--var message="";function clickIE(){if(document.all){(message);return false;}}
function clickNS(e){if(document.layers||(document.getElementById&&!document.all)){if(e.which==2||e.which==3){(message);return false;}}}
if(document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}//-->*

Espero que a Dica tenha sido Útil 

// ]]>

Mais informações ... »