< Marcio Sena >

Definir paleta de cores para seu projeto faz muita diferença no resultado final do mesmo. As cores tem um papel fundamental em tudo o que visualisamos. Por isso achei interessante postar estes endereços e espero que os mesmos ajudem futuramente em seus projetos, para os que ainda não conhecem. Eu utilizo smepre nos meus e tenho até mais opções, mas preferi colocar aqui os que mais acesso e utilizo atualmente.  1- COLOR ADOBE Color Adobe : A Adobe, como sempre, quebrando tudo. O site deles é super profissional, e já aproveito pelo fato de já poder inseriri a cir criada direto no illustrator, photoshop ou qualquer aplicativo da adobe direto no seu trabalho, você tem acesso aos dados das cores em vários formatos, pode criar livremente a sua paleta ou com base em alguma imagem. 2- COLOURCO Colourco : Você vai gostar de escolher as cores no Colourco! É um dos meus preferidos para meus projetos. Conforme você desliza o mouse, as cores vão mudando. Ao clicar, ele sa...

De volta a publicar minhas dicas, trabalhos e ferramentas utilizadas por mim no dia a dia. Bem na volta deste carnaval, e recentemente procurando uma fonte para um projeto, acabei enocntrando uma ferramenta que busca por cores, o Picular, uma ferramenta de busca para cores. É tão simples quanto pesquisar no Google: basta digitar o termo que você está procurando e a ferramenta irá listar algumas cores de referência. Ela utiliza o próprio motor de busca do Google Imagens para listar os principais resultados do termo, extraindo a cor principal de cada imagem. É possível copiar o código hexadecimal de cada cor e também visualizar a imagem de referência. Mais uma boa ferramentar para designers utilizarem em seu dia-a-dia. Link da Ferramenta: https://picular.co/

Illustrator CC para criar de tudo, desde ícones para a Web e embalagens de produtos até ilustrações de livros e outdoors. Veja algumas novidades na nova versão. Degradês livres Os novos recursos de mesclagem de cores permitem criar degradês fotorrealistas avançados com aparência mais natural. Edição global Poupe tempo modificando texto ou objetos semelhantes em várias pranchetas de uma só vez. Navegação em fontes visuais Facilitamos a navegação entre diferentes classes de fontes para encontrar a fonte ideal com mais rapidez. E agora você também pode escolher diferentes opções de amostras de texto. Barra de ferramentas personalizável Adicione, remova ou agrupe ferramentas na sua barra de ferramentas da maneira mais fácil para você. Adobe Fonts mais acessível Veja e ative milhares de fontes diretamente no aplicativo. Visualize a fonte selecionada em seu projeto, mesmo que ela não esteja ativada. Modo de apresentação Cada prancheta se torna um slide que você pode ...

PESSOAL JÁ ESTA SAINDO O BOOTSTRAP 4 São grandes as mudanças e é impossível detalhar todas em detalhe aqui, então aqui estão alguns dos nossos destaques: Sass . Bootstrap agora compila mais rápido do que nunca, graças a Libsass, e nós juntar-se uma crescente comunidade de desenvolvedores Sass. Sistema de rede melhorada. Foi adicionado uma nova camada de grade para melhoria em dispositivos móveis alvo e completamente remodelado nos mixins semânticas. Opt-in flexbox . O futuro é agora mudar uma variável boolean e recompilar seu CSS para tirar proveito de um sistema de rede baseado em flexbox e componentes. Miniaturas e painéis para cartões . Os cartões são um novo componente marca para o arranque, mas eles vão se sentir super familiar como eles fazem quase tudo miniaturas e painéis fez, só que melhor. Consolidou todos os redefine HTML em um novo módulo. Reinicie etapas em Normalize.css onde pára, dando-lhe resets mais opinativo como a caixa-dimensionamento: Beira-caix...

Hoje a coisa mais fácil é vermos as pessoas e seus smartphone ou tablet, seja na rua, restaurantes, bares, festas, etc. Segundo algumas pesquisas e estudos o celular é o principal meio de acesso à internet no Brasil e uma parcela dos brasileiros teve seu primeiro acesso através de um smartphone ou outro dispositivo móvel. E a expectativa é que este número continue crescendo.  Seguindo esta tendência, o número de empresas lançando aplicativos móveis só tende a crescer cada vez mais pela necessidade de está dentro desta rede atual dos usuários cada vez maior. Alguns pontos que precisam ser analisados abaixo. Sua empresa precisa saber qual objetivo alcançar com o aplicativo móvel? O objetivo do aplicativo deve está bem definido. Lançar um aplicativo somente por lançar, pode não trazer os resultados esperados, com baixo número de downloads e pouco engajamento dos clientes. Se a empresa busca divulgar a marca é importante que o aplicativo possua um propósito definido e que a ut...

Bom amigos, desculpem a demora para escrever no blog, mas está meio corrido estes meses, mas sempre que puder irei deixar uma dica bacana. Bom ja algum tempo estou desenvolvendo codigos de meus projetos com o Sublime Text, agora utilizando a sua versão 3.0. Nele podemos instalar extensões poderosas para nos ajudar a ganhar tempo em nossas codificações, seja .css, php...e por ae vai. Vai aqui uma extensão que uma verdadeira mão na roda, o Emmet, Ele permite que você crie, com mais velocidade, seus elementos através de expressões específicas. Confira abaixo: Emmet O Emmet (anteriormente conhecido como Zen Coding) é simplesmente um conjunto de ferramentas de desenvolvimento web que ajudam a codificação de HTML e CSS. Ele permite que você crie, com mais velocidade, seus elementos através de expressões específicas, seguidas da tecla TAB. Saiba mais em http://emmet.io/ Escrita da expressão: ul # nav> li.item $ * 4> a {item $} + TAB Resultado: <Ul id = "nav...

Infográfico: Mobile Marketing » Clique Aqui para baixar uma versão em Alta Resolução desse infográfico « fonte: viverdeblog

O Facebook oficializou que desistiu da ideia e anunciou um novo visual para a ferramenta, com mudanças bem menos drásticas, já que os grupos de teste detestaram a ideia original. O novo feed de notícias foi revelado nesta quinta-feira, aproveitando as lições do teste fracassado, aplicando o que foi aprovado em um design mais familiar ao usuário, mas um pouco mais limpo que o tradicional. Veja a diferença abaixo: Visual atual: Visual novo:            fotos: divulgação O novo feed será distribuído globalmente nas próximas semanas, então fique atento para mudanças no seu Facebook em breve.

Passado a folia do carnaval, agora chegou a hora de colocar os projetos em dia, então vou deixar aqui uma dica que me pediram por email para postar aqui alguns endereços que sempre estamos precisando para nossos projetos diários, imagens, ícones, fontes e melhor ainda, gratuitos. Há uma variedade enorme de bancos de imagens gratuitos na Internet, de fontes, de ícones, entre outros. Quem trabalha com conteúdo, criação e afins, precisa se preocupar com a questão dos direitos autoriais certamente já conhece alguns deles, separei aqui alguns bons endereços da web que facilita nossa vida. Confira! BANCO DE IMAGENS MorgueFile Com um visual limpo, o MorgueFile é um excelente banco de imagens gratuito que permite realizar download sem necessidade de cadastro. Você pode navegar livremente pelas fotos ou buscá-las especificamente através do campo de busca, lembrando-se sempre que o site é em inglês. Há também uma seção interessante chamada “Classroom”, onde são apresentadas al...

Apps ótimos para designers na tecnologia atual web. Apps que utilizo diariamente nos meus trabalhos. Aqui vai uma dica para quem não conhece ainda e vale a pena baixar os mesmos. Color Reference - Uma ferramenta para designers e desenvolvedores web, semelhante ao kuler. Eu tenho este app no meu smartphones para pesquisar cores e referências no ato do desenvolvimento de meus projetos web.  Obter inspiração para seus projetos e descobrir novos esquemas de cores. Criar suas próprias cores para seus layouts ou mesmo encontrar o código de alguma cor. - Procurar RGB lista de cores com nomes de cores - Crie e salve novas cores RGB - Verifique cores harmônicas e complementares - Procurar paletas de cores.  Crie o sua própria paleta de até 5 cores Ajuda nos seus projetos de CSS com o HTML e códigos RGB. òtima opção e recomendo a todos. Baixe o  Color Reference aqui Adobe Kuler - para iPhone, iPad, and iPod touch, temos o  Kuler, ele é um ótimo ap...

No Illustrator CC você pode gerar código CSS para texto, objetos, até mesmo layouts inteiros. Veja neste vídeo da Adobe. fonte:Askbrianwood

Obter um olhar em profundidade as novas ferramentas CSS Designer poderosos no Dreamweaver CC. Ferramentas intuitivas de edição visual ajudar a gerar código limpo, web-padrão e aplicar rapidamente as propriedades CSS como gradientes e sombras de caixa. Você pode ver os efeitos em seus projetos imediatamente, eliminando ajustes tedioso e a necessidade de ir e voltar para a visualização Código. fonte: http://tv.adobe.com/

Terry White mostra-lhe como criar apps iPad sem escrever código com Adobe InDesign CC e Digital Publishing Suite, edição única.

Você conhece Modern.IE? Uma ferramenta da Microsoft que analisa vários elementos de uma página da internet em busca de erros e problemas de compatibilidade com o Internet Explorer. Uma de nossas dores de cabeça na hora de desenvolver websites para vários tipos de navegadores e aparelhos. Uma mão na roda, acesse e verifique, é gratuito. Acesse: http://www.modern.ie/pt-br

Veja como você pode criar sites mais rápido, deixando Illustrator CC código CSS gerar para você - para texto, objetos, até mesmo layouts inteiros. fonte: http://tv.adobe.com

Vídeo mostra como posicionar elementos ao configurar um novo site com o Dreamweaver. Para execução de seu projeto web com Paulo Trani, nos mostra como otimizar seu fluxo de trabalho usando o Dreamweaver. fonte: lynda.com

Algumas novidades no CS6  melhoram o fluxos de trabalho simplificados Padrões A criação de padrões e as tarefas de edição foram simplificadas, permitindo que você economize horas de trabalho repetitivo e entendiante. Para criar um padrão usando uma arte existente ou do zero, escolha  Objeto  >  Padrão  >  Fazer . O novo padrão foi adicionado ao painel  Amostras . Para editar um padrão, clique duas vezes no painel Amostras ou selecione o objeto que contém o padrão, e escolha  Objeto  >  Padrão  >  Editar padrão . Ao criar ou editar um padrão, você acessa um modo de edição de padrão, semelhante ao modo de edição de símbolos. É possível usar o painel  Opções padrão  para modificar as configurações do padrão e exibir as modificações que estão acontecendo em tempo real. Criação de padrão Gradiente em um traçado O gradiente em um recurso de traçado fornece a você três tipos ...

Funções, classes, atributos, opções, tags e tudo o mais que existem no desenvolvimento web, por isso que existem as cheat sheets ou “folhas de cola”. Resumos na maioria das vezes em uma ou duas páginas. Não trazem todas as informações sobre o tema, mas somente as características mais esquecidas ou importantes. O ideal é ter a cheat sheet na mão e não no computador com mais uma janela aberta e consumindo memória. Talvez criar uma pasta com divisão de plásticos para melhor organizar. “Nossos” Cheat Sheets Relacionei alguns aqui para você baixar e servir de material de pesquisa rápida para seus projetos. WordPress Help Sheet. Folha de Ajuda para WordPress. Advanced WordPress Help Sheet . WP Help Sheet Wp_theme_tags Cheat-sheet-seo-for-wordpress Php-cheat-sheet-v2 html5-cheat-sheet Wordpress-Cheat-Sheet WordPress-Visual-Cheat-Sheet download the CSS 2.1 Sheet (PDF) download the CSS 3 Sheet (PDF) Referência rápida de CSS Fonte: bdibbs

Já está disponível no site da Adobe a nova edição de seu pacote de ferramentas multimídia para Windows e Mac. O Adobe Creative Suite 6 traz, além de outros programas. Quatro pacotes disponibilizados para compra e download de testes: CS6 Design & Web Premium, CS6 Design Standard, CS6 Production Premium e CS5 Master Collection; cada um feito para determinados tipos de usuários – que vão desde o planejamento até a prós-produção e reprodução de artes. Antes a Adobe já havia disponibilizado uma versão beta do que seria o Photoshop CS6. Com ajustes na ferramenta Content Aware e novos recursos para edição de vídeos, o programa promete ser um dos mais cobiçados pelo pacote CS6. É só acessar e baixar o seu preferido. http://www.adobe.com/downloads/ fonte: Adobe

O meu mais novo projeto já está na rede, é novo layout do site da marca Vizzual. Desenvolvido em HTML5 e JQuery. O  endereço é vizzual.com.br .