Nova Ferramenta Web Designer: Adobe Comet. (Agil/rápido)!

web designer - project comet- adobe

web designer - project comet- adobeCriar layots em tempo recorde é a promessa dessa nova ferramenta de web designer da Adobe. O Project Comet, tem como objetivo dar ao Web Designer um meio mais simples e rápido de criar os seus Layouts. Por exemplo, o profissional pode modificar vários objetos ao mesmo tempo, como cores tamanhos e imagens com uma única ação. Isso é apenas uma pequena amostra do poder deste incrível software de web designer!

Como Funciona o Project Comet da Adobe?

O funcionamento do Coment é bastante simples e intuitivo. Construído a partir do zero, ele oferece ferramentas inovadoras para que com Ações simples e rápidas o usuário possa criar e modificar seus templates de forma profissional com extrema qualidade e rapidez. Nele o designer web pode criar bem-dizer tudo: wireframing, design visual, design de interação, prototipagem, pré-visualização, etc…

Outras grandes vantagens é poder testar e visualizar em tempo real os seus layouts em dispositivos móveis, além da integração com o Photoshop e o Illustrator, onde pode-se levar seus projetos existentes direto ao Comet. Será possível também estender as funcionalidades do aplicativo com plugins para obter ou ativar novos fluxos de trabalhos personalizados.

Neste vídeo de introdução ao Project coment, logo abaixo, você pode conferir um pouco do poder desta nova e incrível ferramenta de web Designer da Adobe.

Previsão de Lançamento

O lançamento do Porject Coment da Adobe está previsto para 2016. A empresa ainda não definiu uma data específica, mas para quem quiser acompanhar o andamento do projeto basta entrar no site oficial e preencher um pequeno formulário.

Como alternar background com jquery

como alternar background com jquery
Neste artigo, um exemplo da utilização desta técnica para mudar o sentido da seta quando clicamos em um elemento e abrimos um bloco de conteúdo. Confira Como alternar background com jquery!

Script: Alternar background com jquery

O que fizemos aqui foi criar uma função para ser chamada quando clicamos em um objeto o qual adicionará uma classe ccs para mostrar a seta para cima ou para baixo. Depois de clicar no objeto, então vai abrir o bloco de conteúdo:

 

Não há transportes HTTP disponíveis para comp.. Resolvido!

erro nao ha transportes http -wordpress

Olá, neste artigo vamos ver como corrigir o erro: “Não há transportes HTTP disponíveis para completar o pedido solicitado. Falha na instalação”, quando tentamos instalar plugins, temas… no wordpress. Esse erro ocorreu comigo depois de eu instalar o wampserver e o wordpress no meu pc para a criação de um tema que estou desenvolvendo. De pois de muita pesquisa verifiquei que bastava ativar uma simples extensão no php-ini para resolver este problema. Veja o tutorial abaixo.

Tutorial: Resolvendo o erro “Não há transportes HTTP disponíveis para completar o pedido solicitado. Falha na instalação”

Este erro, como descobri depois de mutias pesquisas na internet, acontece quando a “extension=php_curl.dll” está desativado no php ini. Então para resolver basta ativá-la, removendo o ponto e vírgula de comentário antes dela. Veja o passo a passo a baixo:

  1. Com o Wampserver rodando, clique no ícone do Wampserver na barra de tarefas > aponte para php > clique em php.ini. O arquivo será aberto no bloco de notas;
    erro nao ha transportes http -passo 1
  2. Com o php.ini aberto no bloco de notas, aperte Ctrl+F para abrir a barra de pesquisa e digite php_curl.dll;
  3. Depois de encontrado a extensão, remova o ponto e vírgula antes do texto “extension=php_curl.dll”. Depois, aperte CTRL + S para salvar as alterações;
    erro nao ha transportes http -passo 2
  4. Por fim, clique novamente no ícone do wampserver na barra de tarefas e depois em Restart All Services para resetar todos os serviços do wampserver e carregar novamente o arquivo php.ini com a nova modificação.
    erro nao ha transportes http -passo 3

Neste artigo você viu como remover o erro “Não há transportes HTTP disponíveis para completar o pedido solicitado. Falha na instalação” no WordPress. Qualquer dúvida, sugestão ou algo mais deixe nos comentários abaixo. Se gostou clique em curtir e compartilhe!

Analise seu site em todos navegadores

fala Galera estava um pouco sumido daqui do blog mas hoje estou de volta e hoje quero falar com voces sobre um assunto importante não só para nos desenvolvedores e sim para o cliente ou mesmo o usuário que acesse seu site de navegadores poucos comuns digamos assim 🙁 mas vamos lá então chega de papo.

a maioria de nós desenvolvedores web , sempre temos que ter essa preocupação durante a produção do site , sempre verficar o seu comportamento em todos os navegadores nao necessariamente todos mais os mais usados como o chrome,firefox,safari e o novo microsoft edge do windows 10 novidade imposta pela microsoft.

Essa questão sempre trás divergencias de opinioes em foruns e grupos , nem todos os navegadores citados acima tem tantos recursos e funcionalidades como o firefox e chrome por exemplo , existem sim usuarios que optam pelo diferente no caso safari , por isso é importante no seu ambiente de desenvolvimento ter instalado no minimo os 3 principais navegadores que são mais usados e verificar se existe algum erro seja de imagem,banner do site ou no seu comportamento ao enviar um formulário por exemplo , existem ferramentas na internet que fazem uma varredura nessas plataformas no entanto aconselho a voce a fazer isso manualmente baixe os navegadores e façam o teste! e boa sorte.também.

Análise Empresas De Hospedagens 2015

Hoje em dia ter uma boa hospedagem de sites/blogs é algo fundamental para o sucesso do seu projeto na web, pois sem uma boa empresa de hosting por trás para poder dar total suporte e estrutura ao seu projeto, ele nunca vai se tornar algo de qualidadeBom Galera vamos lá hoje o Assunto é Sobre Hospedagens De Sites e com isso vou Avaliar Algumas empresas aqui para voces com base na minha experiencia como webDesigner, Programador e também claro com que escuto de outros Desenvolvedores dizem sobre este aspecto.

 

Hostinger : no Começo Como desenvolvedor Vi varios anuncios da hostinger pela internet em sí e me interessei no começo pelo plano no qual era php/mysql com hospedagem Gratuita no mais só pagar o dominio então resolvi Experimentar e ai tive meu primeiro contato com o famoso Cpanel e o da hostinger até hoje , é bem gráfico e Amigável realmente bem facil de configurar todas as configurações necessárias do seu site e ai tive duvidas com alguns aspectos e resolvi falar com o suporte , solicitei o ticket e rapidamente dentro de 1 ou 2:00 horas ja me responderam e fiquei pensando… Ufa enfim um suporte Dedicado, mais isso é igual a namoro tudo no começo é bom ..

Com o passar do tempo as dúvidas foram aumentando e o suporte demorando mais a atender os clientes , ai resolvi pagar o dominio para ver meu site online pela primeira vez e novamente ocorreu tudo bem , depois de alguns meses tive erros de links, pagina 404 etc. atualmente o suporte se salva , mas ainda tem de melhorar os serviços básicos do site e nos seus servidores e datacenters. daria nota : 7

HostGator : Tive Pouco Contato em relação aos seus Serviços de sites  , apenas comprei alguns Certificados SSL e outro Pacote lá que me oferecia ajustes interessantes e tudo Mais. o suporte é bom , falta melhorar a interface que é bem simples chega a ser simples demais rss 🙁 falta aquele toque de mágica tipo da propria Hostinger. daria nota : 8

KingHost : Bom , nada a dizer não sei muita coisa sobre a kinghost , mas muitos desenvolvedores e até amigos meus dizem que tem uma excelente Infraestrutura de Datacenters localizados em sua sede em Porto Alegre e em Curitiba e São Paulo , projetos de sites/blogs bem interessantes e o suporte eficiente e resolve rapidamente possiveis problemas ou bugs em seus Servidores.Além disso tudo, a KingHost ainda da algumas vantagens para os seus usuários que nenhuma outra hospedagem que eu conheço oferece! Como no caso de você pagar sempre em dia as suas faturas, a vantagem que você ganha da KingHost é de mais 25 MB/semana em espaço web; 256 MB/semana de transferência mensal e 25 MB/semana em espaço de e-mail. E tudo isso graças ao programa de bonificação chamado KingBonus!

Bom galera então é isso Analisei as 3 Empresas na qual tenho Conhecimento , no caso da kingHost tive Contato com quem usou e me disse detalhadamente Como realmente Funciona e pretendo em breve instalar alguns sites nela para obter tanto experiencia e também Satisfação com seus Serviços , Por Hoje é isso..!

Até o proximo Post.

 

 

Como alinhar conteúdo, coluna esquerda e direita com css

alinhar conteudo-coluna esquerda e direita-passo2-concluidoNeste artigo vou mostrar um truque que aprendi para alinhar conteúdo, coluna esquerda e direita da página. No script o conteúdo vem em primeiro, depois a coluna esquerda e depois a direita. Fiz isso para facilitar o compartilhamento do conteúdo nas redes sociais e o trabalho com alguns programas afiliados como o Google Adsense, por exemplo. No qual interpretam a página assim como aparecem no script e não como na posição visual dos elementos.

Por que no script coloquei o conteúdo em primeiro?

Bem, quando compartilhamos uma página no Facebook ou noutra rede social, o sistema da rede interpreta a página compartilhada assim como ela vem no script. Por isso, prefiro deixar no script o conteúdo da página em primeiro lugar e depois as respectivas colunas, com isso o conteúdo das colunas não vão interferir no conteúdo compartilhado. O mesmo acontece com programas afiliados como o Google Adsense, por exemplo. Mas como fazer para deixar o conteúdo da página centralizada e as colunas na esquerda e na direita? Veja o truque que aprendi no tutorial abaixo:

Tutorial: Como alinhar conteúdo, coluna esquerda e direita com css

Vamos então criar os nossos conteúdos para depois alinharmos com o css.

Na ordem do script os elementos estão assim:

alinhar conteudo-coluna esquerda e direita-passo1

Agora vamos partir para o csss. Fiz o css na própria página, mas o ideal é fazer em um arquivo separado e linka-lo na pagina (exe: <link rel="stylesheet" type="text/css" href="estilo.css">

).

Resultado depois de aplicado o css:

alinhar conteudo-coluna esquerda e direita-passo2-concluido

Entendendo o código

Bem, o que fiz foi bem simples:

  1. Primeiro criei os elementos (conteúdo e as colunas).
  2. Depois, no css, fiz com que o conteúdo flutuasse à esquerda. As colunas vão então tentar ficar à direita do conteúdo;
  3. Depois, fiz a coluna direita flutuar à direita, o que vai determinar a sua posição;
  4. Agora o segredo está na coluna esquerda. Para fazer ela ir para a sua posição correta, utilizei o “position:absolute”. Isso faz com que ela fique na sua posição absoluta, ou seja, no início do elemento onde ela está contida, ignorando a posição dos outros elementos.
  5. Daí agora é só afastar o conteúdo à esquerda para que ele não fique atrás da coluna esquerda. Para isso é só utilizar “margin-left: xxx”, onde o xxx e a largura em pixels da coluna esquerda + uns 10px de espaçamento.
  6. Pronto, feito isso tudo ficou em seus devidos lugares!

Se você ficou alguma dúvida ou você tem algumas outras soluções para esse tipo de trabalho deixe seu comentário abaixo.

Se gostou, clique em curtir e compartilhe!

Como vincular um arquivo css na página html [Iniciantes]

Trabalhar com css, o ideal é criar um arquivo separado (exemplo: estilo.css) e depois vinculá-lo na página html. Isso é feito porque os navegadores criarão um cache deste arquivo e ele não será carregado toda hora em que o usuário visitar a página, fazendo com que o carregamento fique bem mais rápido.

Para vincular o arquivo css na pagina basta inserir a tag <link> na página html entre <head> e </head> assim:

<head>

    <link rel=”stylesheet” type=”text/css” href=”estilo.css”>

</head>

Onde href=”” é o lugar onde você vai colocar o endereço onde está o seu arquivo csss.

Qual quer dúvida ou sugestão deixe nos comentários logo abaixo..