ARQUIVOS

VIZUALIZE TODO O CONTEUDO DO BLOG.....

APRESENTADO SLIDE 2 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE.....

APRESENTADO SLIDE 3 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE.....

APRESENTADO SLIDE 4 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE.....

APRESENTADO SLIDE 5 TÍTULO

VÁ PARA O BLOGGER EDITAR HTML E ENCONTRAR ESTE TEXTO E SUBSTITUIR PELA SUA DESCRIÇÃO DO POST EM DESTAQUE.....

Mostrar mensagens com a etiqueta html. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta html. Mostrar todas as mensagens

domingo, 30 de agosto de 2015

Framework Ruby para Correr aplicativos Web Rapidamente


Volt é um framework web Rubi, onde seu código é executado no servidor (via opala). Estado da página pode ser armazenada na URL. Se o usuário aceder a uma URL diretamente, o HTML será primeiramente processado no servidor para os tempos de carregamento mais rápidos e mais fácil a indexação pelos motores de pesquisa. Vale a pena dar uma olhadela.

http://voltframework.com

sexta-feira, 3 de abril de 2015

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/

domingo, 11 de janeiro de 2015

[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/

sábado, 11 de outubro de 2014

Google / Gmail - Enviar um Email em Formatação HTML


O Gmail, Outlook, Yahoo, Sapo e muitos outros serviços de email mais usados e populares, nenhum deles oferecem uma opção para compor (escrever), mensagens de email diretamente usando a Formatação HTML.



É aqui que a dica de hoje entra! chama-se "send html mail". Para começar a usufruir basta fazer login com uma conta sua do Gmail, ou, conta do Google. Em seguida, escreva uma mensagem de email dentro do editor, (WYSIWYG HTML), adicione o endereço de email do destinatário, adicionar um assunto e e enviá-lo para qualquer pessoa com um simples clique! Enviar um Email em HTML



Atenção:


  • O aplicativo requer apenas permissão para enviar emails através de sua conta do Gmail. Não tem acesso aos seus emails ou quaisquer outros dados em sua conta do Gmail. Pode revogar, impedir as permissões a qualquer momento.

  • Este serviço não é anónimo, o destinatário recebera o seu o seu endereço de email da sua conta do Gmail.




http://ctrlq.org/html-mail/

terça-feira, 2 de setembro de 2014

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

terça-feira, 29 de julho de 2014

Tutoriais sobre Photoshop, Dreamweaver, HTML, PHP, Flash


A dica de hoje disponibiliza vários tipos de Tutorias, centenas diria, sobre os melhores Softwares, para que possam aprender e aperfeiçoar os vossos conhecimentos informáticos. Os tutoriais foram escritos por profissionais portugueses de diversas áreas da Informática e são totalmente gratuitos! Tutoriais esses que vão desde, Photoshop, Dreamweaver, HTML, PHP, Flash, Javascript, Excel, Linux, PowerPoint, etc...



http://www.truquesedicas.com/

https://Download/Manual-Dreamweaver-Portugues.pdf (Download Manual Dreamweaver em Português em PDF)

segunda-feira, 7 de julho de 2014

"Webmaster Tools" - Indexar Blog WordPress.com no Google




A dica de hoje é como deve fazer para adicionar, indexar o seu blog pessoal, do wordpress.com. Já aqui tinha falado anteriormente no meu blog sobre este tema e publiquei um tutorial de outro blog, (Autor)... Mas desta vez, fiz eu mesmo um tutorial 100% da minha autoria! O tutorial é um pedido de uma leitora, que algum tempo me tinha solicitado... Mas a minha disponibilidade é limitada... Peço a vossa atenção porque o tutorial é simples e rápida :D



Depois de fazerem login no vosso wp-admin do vosso Blog Wordpress...  No separador do vosso lado esquerdo, cliquem em Ferramentas, de seguida em Ferramentas Disponíveis! Vai abrir uma nova janela, nessa janela vai dizer algo como, "Website Verification Services", nesta secção é onde pode anexar vários serviços, como: Google Webmaster Tools, Bing Webmaster Center, Pinterest Site Verification, Twitter Website e Yandex.Webmaster... Vamo-nos concentrar no Google Webmaster Tools.



1º- Aceda a este link: https://www.google.com/webmasters/tools/, Depois clique em Adicionar um Web Site... De seguida escreva ou copie o seu endereço do seu blog, exemplo: https://jerrymoz.wordpress.com...





2º- Neste passo vai lhe aparecer duas opções: Método Recomendado ou Métodos Alternativos... escolha a opção, Métodos Alternativos e depois escolha a 1ª opção que lhe aparecer, ou seja, Tag de HTML. e copie meta tag  que aparecer...



3º - Regresse ao seu Blog e cole a meta tag no espaço do "Google Webmaster Tools" do seu blog! Feito isto basta guardar as alterações!



E por ultimo regresse ao Google Webmaster Tools e basta VALIDAR e esta feito :)



Espero que tenham gostado desta dica

quinta-feira, 15 de maio de 2014

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/



 

domingo, 11 de maio de 2014

Código de Gadget para Adicionar no seu Blog/Site de Redes Sociais


A dica de hoje é um código para adicionar Gadget no seu blog de Redes Sociais, como: Facebook; Youtube; Twitter; Google+, etc... A construção do código está feita, faltando apenas incluir as respectivas hiperligações das redes sociais e os Links das imagens (logos). Se tiverem duvidas vejam e cliquem AQUI. Caso queira acrescentar mais Gadget no codigo, é so respeitar a tag e acrescentar mais...



Copiar o Código:



https://dl.dropboxusercontent.com/Download/codigO-gadget.txt



Veja aqui logos de redes Sociais para fazer o respectivo download



http://jerrymoz.wordpress.com/2013/06/22/incluir-gadget-no-seu-blog-de-varias-redes-sociais/



http://jerrymoz.wordpress.com/2011/03/27/icones-de-redes-sociais-e-blogs/



 

sábado, 10 de maio de 2014

Imprensa Estremocense Online em Analise


A dica de hoje é mais uma carolice da minha parte :). Apenas curiosidade e uma analise exclusivamente pessoal. Este post é dedicado à analise de 3 Sites da Imprensa Oficial que a cidade de Estremoz possui. Falo do Brados do Alentejo; Jornal E e a Radio Despertar Voz de Estremoz. 2 jornais e 1 radio respectivamente.



A analise que fiz consistiu essencialmente no template dos sites, na forma como está exposta a informação: Principalmente na Visibilidade, Usabilidade, Funcionalidade, Portabilidade e a Acessibilidade.



Conclui que: O Jornal E passou à perna ao Brados do Alentejo e sem falar do site obsoleto da Radio despertar! O jornal E, evoluiu e esforça-se para fazer um bom trabalho nesse âmbito e sabe a importância que hoje em dia a Internet tem na vida das pessoas.



Em relação ao site do Brados do Alentejo, é um site bastante razoável mas, está a pouco e pouco a descolar do plutão da frente. Muito semelhante ao seu concorrente directo, mas... Perde em pequenos pormenores que depois faz toda a diferença.



Por ultimo falo do site da (Radio Despertar Voz de Estremoz), que parece estar morto e ate já está em fase de decomposição...  Nota-se claramente que o abandonaram, deixando de ser actualizado à meses! A aposta passa pura e exclusivamente na Pagina do Facebook. No meu ponto de vista uma forma barata economicamente, mas no meu ponto de vista é uma visão e caminho errado!



Jornal E: Site | Pagina FB



Positivo:



Visibilidade, Usabilidade e Funcionalidade, bastante boa;



Em termos de Portabilidade, não esta nada mau... A visibilidade num tablet, android ou smartfone é razoável, aceitável diria, se tivermos em conta que não possui nenhuma aplicação móvel disponível.



Acessibilidade é bastante aceitável, toda a informação esta à distancia de um clique.



Negativo:

Só tem a possibilidade partilhar a noticia no Facebook;

Não possui aplicação móvel;

 

 

Brados do Alentejo: Site | Pagina FB



Positivo:



Visibilidade, Usabilidade e Funcionalidade, Razoável;



Acessibilidade é  aceitável, toda a informação esta à distancia de um clique.



Em termos gerais bastante razoável



Negativo: 



Não contem Post relacionados, (Related Posts);



Tipo de Letra e principalmente tamanho do mesmo não é o mais apropriado;



Não existe hiperligações nas imagens para as noticias em questão;



Não tem espaço para usuários fazerem o seu devido comentário sobre uma determinada noticia;



Não tem a possibilidade de partilhar a noticia em diversas Redes Sociais;



A visibilidade num tablet, android ou smartfone é bastante fraca... (Necessário ampliar a imagem para conseguir ler a noticia em questão). Não possui aplicação móvel;



O separador "Contacto", é muito limitado e primitivo. Sendo necessário enviar por email e não directamente no site, o que seria o mais aconselhável;



Radio Despertar Voz de Estremoz: Site | Pagina FB



Positivo: ------------------------------------------------------



Negativo: Em relação ao site da radio despertar, não me vou alongar em muitos comentários... Direi que o site precisa de ser completamente remodelado.



Notas Finais:



Termino dizendo que esta minha analise, deve-se exclusivamente em termos de Visibilidade, Portabilidade e a Acessibilidade! Não fiz qualquer analise em termos Jornalísticos, isso que fique claro! A minha visão acaba por ser, a visão que muitos tem e as dificuldades que um simples usuário encontra quando acede aos determinados sites em questão.



quarta-feira, 23 de abril de 2014

Editor HTML de cores para o seu Blog/Site


A dica de hoje é um site de Códigos de Cores HTML para o seu Blog/Site. Contem ferramentas Gráficas de cores HTML e que vão tornar o nosso trabalho muito mais simplificado. Entre muitos recursos que possui esta dica, pode: (Descobrir uma cor especifica de uma imagem; Contem um editor de cores; Contem uma lista de 216 cores com os respectivos códigos, etc)...   Cria também automaticamente código de cores para introduzir no seu Blog. Vale a pena visitar.


http://html-color-codes.info/Codigos-de-Cores-HTML/

segunda-feira, 21 de abril de 2014

Converter HTML para Word e PDF e Vice-Versa


Já são muitas as sugestões de ferramentas para criar, converter, editar documentos em PDF. A sugestão de hoje é pdf My Url e PDF Converter. Permite converter um link, ou uma página que está a visualizar num link em PDF. Converte de forma simples e rápida um link num ficheiro PDF, bastando apenas introduzir o URL e depois clicar e dar Enter.



http://pdfmyurl.com/



http://www.html-pdf-converter.com/



Converter PDF em Word



 

Nova sugestão para um conversor. Estas sugestões nunca são demais. Se um conversor não funcionar, podemos recorrer a outro! Esta ferramenta permite converter não só PDF para DOC, como para HTML, TXT, Imagem ou TXT para PDF.



http://pt.pdf24.org/onlineConverter.html (Novo)



http://www.pdftoword.com/



 http://free-online-ocr.com/

Ultima Actualização


15-02-15

Converter HTML para Word e PDF e Vice-Versa


Já são muitas as sugestões de ferramentas para criar, converter, editar documentos em PDF. A sugestão de hoje é pdf My Url e PDF Converter. Permite converter um link, ou uma página que está a visualizar num link em PDF. Converte de forma simples e rápida um link num ficheiro PDF, bastando apenas introduzir o URL e depois clicar e dar Enter.


  http://pdfmyurl.com/


  http://www.html-pdf-converter.com/




Converter PDF em Word


 

Nova sugestão para um conversor. Estas sugestões nunca são demais. Se um conversor não funcionar, podemos recorrer a outro! Esta ferramenta permite converter não só PDF para DOC, como para HTML, TXT, Imagem ou TXT para PDF.


http://www.pdftoword.com/


  http://free-online-ocr.com/

terça-feira, 6 de agosto de 2013

Teste as suas fontes instaladas no seu pc Online


Wordmark, detecta as fontes instaladas no teu computador com a ajuda de um script simples, Adobe Flash e exibe os resultados usando HTML e JavaScript. (Precisa de ter o plugin do Flash instalado e Javascript activado). A visualização de fontes depende de recursos do seu Browser e algumas das fontes instaladas podendo não aparecer devido aos nomes não serem reconhecidos. Wordmark. também funciona no iPhone e iPad sem Flash.


http://wordmark.it/

segunda-feira, 22 de julho de 2013

Código em HTML com Texto Original na Vertical para introduzir no seu Blog



Dica de hoje é bastante interessante. Um código em html com texto personalizado bastante atractivo e arrojado. Chamo atenção que esta dica serve para qualquer tipo de blog, inclusive para o wordpress.com :). Se este post tiver uma boa receptividade, volto a postar mais textos do género.



É um texto bastante complexo e original, com um texto na Vertical.  Relembro que quando estiverem a editar o artigo e colarem a tag no post, existe a hipótese [VISUAL E HTML], escolham a opção HTML E DEPOIS ENTÃO COLEM A TAG. 


(Antes de colocarem o código no vosso post, não se esqueçam de retirar o (*) asterisco da tag. Para alterar o texto basta alterar onde esta em vermelho na tag)



Espero que gostem. O código é este:



<*div style="width: 350px; margin: 0 auto;">
<div style="font-size: 28px; font-weight: bold; text-align: center; font-family: Tahoma, monospace, arial, system; line-height: 95%;"><span style="color: #963;">J</span>
E
<span style="color: #963;">R</span>
R
<span style="color: #963;">Y</span>
M
<span style="color: #963;">O</span>
Z
<big>BLOG </big></div>
<div style="padding-top: 10px; width: 70%; text-align: center; font-size: 80%; line-height: 120%; margin: 0 auto;">


Este é apenas um exemplo no blog <span style="background: #C90;">Jerrymoz</span> Este pequeno texto esta centrado, o tamanho da letra pode ser alterado. Um texto original, fora do vulgar.
<div style="padding-top: 5px; letter-spacing: -1px; line-height: 100%; font-size: 90%; font-weight: bold;">BY jerrymoz
ESPERO TEREM  GOSTADO</div>
</div>
</div*>

O resultado final é este:



J
E
R
R
Y
M
O
Z
BLOG



Este é apenas um exemplo no blog JERRYMOZ Este pequeno texto esta centrado, o tamanho da letra pode ser alterado. Um texto original, fora do vulgar.
BY jerrymoz
ESPERO TEREM  GOSTADO


segunda-feira, 21 de janeiro de 2013

(Actualizado) Indexar site grátis do WordPress no Google


ESTE TUTORIAL ESTA DESACTUALIZADO E NÃO FUNCIONA!!!



CLIQUE NESTE LINK ACTUALIZO



“Webmaster Tools” – Indexar O WordPress.com no Google





O tutorial é um pedido de uma leitora e foi retirado de um Site Brasileiro, não achei necessário fazer um tutorial porque este esta * estrelas :)



Vou passar um breve e suscito tutorial de como cadastrar um site grátis do wordpress no ferramentas para webmaster do Google  ( o que faz com que seja indexado com 99% de certeza ).



A ferramenta em um cadastro de sites e feeds do site para que a engine do buscador possa ter um mapeamento das páginas do blog/site.



Também possui estatísticas das pesquisas que chegaram até o site desejado, bem como links direcionados ( usado no Pagerank ).



Passo 1 – Acesso



Acesse o link abaixo e entre com sua conta do Google:

http://www.google.com/webmaster/

Passo 2 – Cadastro



Feito o login, deverá aparecer uma tela igual a esta:

Tela Webmaster tools

Clique no botão (marcado em vermelho na imagem) Add Site.

Vai aparecer uma caixinha para que você digite a url do site.

Digite e aperte continue.

Por ex.: http://comidapublica.wordpress.com

Passo 3 – Titularidade



A tela seguinteserá para confirmar a titularidade do site.

Como o WordPress é um domínio grátis, a ferramenta não disponibiliza que se altere o html, nem css, muito menos javascript do site.

Então, validação pelo método de verificação META TAG pode esquecer!

Escolha a segunda opção ‘Arquivo HTML‘:

Titularidade da conta do webmaster

Titularidade da conta do webmaster

Passo 4 – Criação de página no WordPress



O segredo está justamente aí. Para verificar o site, deve-se criar uma nova página no site wordpress com o nome do arquivo solicitado pelo google. Neste caso é: google4a3cbbc5141c5316.html.

Cadastro de página no site wordpress

Cadastro de página no site wordpress

Voltando ao site do Google, clique em Verificar.


Vai dar uma mensagem de sucesso ( é claro.. hehe ).

Passo 5 – Inclusão de sitemap



Agora clique no link abaixo para enviar o mapa do site.

Inclusão de sitemap

Inclusão de sitemap

Vai aparecer uma nova janela

Mas apenas preencha com a palavra feed/, para que o Google ache o caminho correto do mapa ( já gerado automaticamente pelo WP ) e clique em Enviar Sitemap. Seria assim:

http://comidapublica.wordpress.com/feed/

Pronto. Agora é só esperar para ser finalmente incluído.

Observações




  • Não esqueça de, depois do passo 5, apagar a página que foi criada no site. Ela só foi útil uma única vez.


  • Para medir o pagerank de seu site, clique aqui.




Fonte: http://weber.eti.br/

sábado, 21 de julho de 2012

Converter HTML em PDF Online


Convert HTML to PDF  PDFCrowd e htmlpdf são aplicações que permitem converter HTML para PDF. Pode fazer a conversão, basta escrever o endereço de uma página e fazer upload de um arquivo HTML. Depois pode proceder ao download do documento directamente. É também possível determinar a formatação do PDF através de uma ferramenta útil onde pode escolher o tamanho da página e margens. Na prática, além de conversão, PDFCrowd permite criar arquivos PDF a partir do zero e online. PDFCrowd também fornece o código para inserir um link para o nosso blog ou site.


http://pdfcrowd.com/

http://www.htmlpdf.com/

terça-feira, 20 de março de 2012

Aplicações Developers facebook para Sites/Blogs


Muita gente não sabe ou desconhece esta ferramenta muito útil chamada Developers. Entre muitas aplicações que oferece, poderá incluir no seu site. Por exemplo:


(Actividades recentes, Recomendações, etc). disponibiliza o código HTML (JavaScript), para incorporar o seu blog/site.


https://developers.facebook.com/docs/guides/web/

sexta-feira, 17 de fevereiro de 2012

Pesquisar Informações de cores Específicas




terça-feira, 11 de outubro de 2011

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/
Proxima  → Página inicial