PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Publicidade:

Encontre no blog...

21/09/2017

Como criar um link para download usando HTML5

Resultado de imagem para html5

Download usando HTML5

Existem várias formas de criamos links ou sistemas de download. No Visual Dicas postamos uma artigo para você criar um sistema de download, leia Como criar um sistema de download no seu Blogger. Entretanto, todas as formas exigem conhecimento de programação e aplicativos de terceiros, mas que podem ser facilitados pelo HTML5.

O HTML5 trouxe muitas facilidades para os desenvolvedores de sites e blogs. Uma delas é possibilitar a criação de links diretos de download, como mostraremos neste artigo.

HTML5 é a mais recente evolução do padrão que define o HTML. O termo representa dois conceitos diferentes: É uma nova versão da linguagem HTML, com novos elementos, atributos, e comportamentos. e um conjunto maior de tecnologias que permite o desenvolvimento de aplicações e web sites mais diversos e poderosos.

Atributo “download”

O atributo “download” especifica um arquivo será baixado quando o usuário clicar em um link HTML.

Sintaxe

<a href=”endereço do arquivo” download> </a>

Onde:

  • endereço do arquivo: caminho onde o arquivo está hospedado.

Sintaxe com valor opcional

<a href=”endereço do arquivo” download=”nome(opcional)”> </a>

Onde:

  • endereço do arquivo: caminho onde o arquivo está hospedado.
  • nome (opcional): novo nome dado ao arquivo que será baixado (não funciona na maioria dos navegadores).

    Notas:

    • O atributo “download” só poderá ser utilizado se o atributo “href” estiver definido.
    • O valor do atributo será o nome do arquivo baixado.
    • Se o valor for omitido, o nome do arquivo original será usado.
    • Não há restrições sobre os valores permitidos, entretanto este recurso não funciona em todos navegadores.
    • O navegador detectará automaticamente a extensão correta do arquivo (.img, .pdf, .txt, .doc, etc.).
    • O atributo “download” não é suportado na versão Edge 12, Opera 12 (e versões anteriores) e todas versões do IE e Safari.

    Exemplos

    Nos exemplos a seguir poderemos baixar arquivos que estão hospedados no Google Sites. (No Visual Dicas mostramos como hospedar arquivos gratuitamente - Usando o Google Sites como servidor de arquivos para blogs e sites):

    Exemplo arquivo Word
    < a href="https://sites.google.com/site/servidorvisualdicas/arquivos-word/Online OCR - PDF.docx" download>Baixar arquivo Word</a>

    Exemplo arquivo Excel
    < a href="https://sites.google.com/site/servidorvisualdicas/arquivos-excel/Data_validade.xlsx" download>Baixar arquivo Excel</a>

    Exemplo arquivo MP3
    < a href="https://sites.google.com/site/servidorvisualdicas/arquivos-musicas/SinfoniaNo9Beethoven.mp3" download>Baixar arquivo MP3</a>

    Exemplo arquivo PDF
    < a href="https://sites.google.com/site/servidorvisualdicas/arquivos-pdf/Texto PDF.pdf" download>Baixar arquivo PDF</a>

    Teste os códigos:

    Exemplo arquivo Word

    Baixar arquivo Word

    Exemplo arquivo Excel

    Baixar arquivo Excel

    Exemplo arquivo MP3

    Baixar arquivo MP3

    Exemplo arquivo PDF

    Baixar arquivo PDF clique aqui

    Neste outro exemplo vamos utilizar uma imagem com link:

    Exemplo imagem como link
    < a href="http://www.visualdicas.com.br/musicas/sinfoniaNo5Beethoven.mp3" download><img src="http://lh5.ggpht.com/-3VX5YKge5pE/Tv8Ph6BaaVI/AAAAAAAAfc4/U2V5gwQGFNM/Visualdicas_logo3%25255B3%25255D.png?imgmax=800"</a>

    Teste o código abaixo:

    Clique na imagem abaixo

    Para simular nossos código, abra o Squids Editor: Tente você mesmo »

    Obs.: Você também poderá colocar botões nos seus links para download. Leia Crie botões personalizados para o seu Blogger.

    byALF

    17/09/2017

    Série Arduino Básico #25 - Criando cores com LED RGB usando 1 potenciômetro

    Série Arduino Básico

    Continuando nossa Série Arduino básico, hoje mostraremos um projeto bem legal para você criar cores em um LED RGB através de um potenciômetro e botões (push buttons) seletores. Neste projeto temos um botão para selecionar as cores em um Led RGB (ou 3 leds comuns), vermelho, verde ou azul,  que terão os seus brilhos ajustados por um potenciômetro. Outro botão seletor acionará o segundo Led RGB que exibirá a cor definida pelos valores ajustados anteriormente pelo potenciômetro.

    Obs.: Fazendo o controle do brilho de cada um dos leds encapsulado em um Led RGB podemos misturar estes brilhos e produzir diversas cores diferentes. Combinando os valores de cada cor podemos criar até 16,7 milhões de cores diferentes (256 X 256 X 256).

    Objetivo: Para fins didáticos, estudo do PWM (Pulse Width Modulation), valores RGB (Red, Green and Blue) e aplicações com LEDs.

    Tudo para o seu Arduino!

    No Squids Arduino você vai poder construir este projeto e aprender como ele funciona. Muito legal!!!

    Obs.: Todos projetos foram testados pelo site www.squids.com.br/arduino que traz um tutorial completo para cada montagem com a lista de componentes, código do programa (sketch), simulação online, montagem do circuito e explicação detalhada do projeto.

    Para ver todos projetos básicos publicados no Squids, acesse: projetos básicos

    Led RGB controlado por botões e 1 potenciômetro

    Acesse o link: Projeto 25 - Criando cores com um led RGB

    Ao clicar o botão seletor (botão mais à esquerda), alternamos as cores para verde, azul e vermelho,  sucessivamente.

    Um potenciômetro aumenta (sentido horário) ou diminui (sentido anti-horário) o brilho do LED RGB independentemente da cor que ele está configurado no momento. Isto acontece em função do  PWM (Pulse Width Modulation, em português, modulação por largura de pulso) que varia de apagado (valor 0) até o brilho máximo (255).

    Ao clicar o segundo botão (mais à direita) visualizaremos a cor resultante.

    image

    Veja abaixo o vídeo do projeto em ação:

    Veja o tutorial completo em: Projeto 25 - Criando cores com um led RGB

    byALF

    16/09/2017

    Quando usar “too” ou “either” em inglês

    image

    Too or Either

    Neste artigo vamos entender melhor quando devemos utilizar as palavras em inglês: too ou either. As duas palavras significam “também”, porém deverão ser utilizadas de maneira diferente.

    TOO

    A palavra “too” é usada sempre no final de uma frase positiva. Veja os exemplos:

    Resultado de imagem para too or either

    I’m happy! = Eu estou feliz!
    I’m happy  too! = Eu também estou feliz!

    I really liked the movie. = Eu gostei muito do filme!
    I really liked it too! = Eu também gostei muito do filme!

    I want to go my home. = Eu quero ir para minha casa.
    Me too. = Eu também.

    I work here. = Eu trabalho aqui.
    I work here too. = Eu também trabalho aqui.

    EITHER

    A palavra “either” é utilizada no final das frases e deve ser usada em frases negativas. Veja alguns exemplos abaixo:

    Resultado de imagem para too or either

    I’m not happy today. = Eu não estou feliz.
    I’m not happy either. = Eu também não estou feliz.

    I can’t cook. = Eu não sei cozinhar.
    I can’t cook either. = Eu também não (sei cozinhar).

    I don’t like italian food. = Eu não gosto de comida italiana.
    I don’t like it either. = Eu também não gosto (de comida italiana).

    I don’t want to go home. = Eu não quero ir para casa.
    I don’t want it either. = Eu também não quero (ir para casa).

    I can’t do it. = Eu não posso fazer isso.
    I can’t either. = Eu também não posso.
         byALF

    10/09/2017

    O que grandes líderes perguntam em entrevistas de emprego

    O que grandes líderes e executivos perguntam em entrevistas de emprego

    O que grandes líderes e executivos perguntam em entrevistas de emprego

    Elas podem ser as mais intrigantes possíveis ou, também, podem repetir os conhecidos clichês, como “Me conte mais sobre você” ou “Qual seu maior defeito? ”

    por Empregos.com.br
    http://www.empregos.com.br

    Empresas de sucesso com grandes líderes preferem fugir das perguntas comuns.

    Google, Facebook e Apple são algumas das companhias conhecidas pelas questões intrigantes feitas e que fazem com que o candidato realmente pense muito para responder.

    Ficou curioso? O Fórum Econômico Mundial selecionou algumas das perguntas que são feitas por grandes executivos em entrevistas de emprego.

    Confira:

    O que você não teve a chance de incluir no currículo? – Richard Brenson, fundador do Virgin Group

    O bilionário escreveu que um currículo é importante, mas “se fosse para contatar alguém com base no que ele diz sobre si mesmo no papel, você não precisaria perder tempo em uma entrevista”.

    Em uma escala de 1 a 10, quão estranho você é? – Tony Hsieh, CEO da Zappos

    Um dos principais valores dessa empresa é “criar diversão e um pouco de esquisitice”. Para ter certeza de que o candidato contratado é o certo, o CEO normalmente faz essa pergunta e diz que o número não é importante e sim a maneira como a pessoa responde.

    Me dê um exemplo de uma época em que você analiticamente resolveu um problema difícil – Laszlo Block, diretor de RH do Google

    Ele também afirmou que a companhia começou com suas famosas perguntas de quebra cabeças nos últimos anos para questões comportamentais. “O interessante sobre a entrevista é que os candidatos sempre contam sua própria experiência e dentro disso, você consegue dois tipos de informação. Uma é ver como eles reagem a uma situação real e a informação valiosa é um senso do que eles consideram difícil”, disse em entrevista ao New York Times.

    Quantos anos você tinha quando conseguiu seu primeiro emprego remunerado? – Hannah Paramore, presidente da agência de Publicidade Paramore

    Ela explicou que faz questão de buscar saber o quanto os candidatos colocam de ética em seu trabalho, contrapondo com seus direitos. E que pessoas que trabalham por meio período no colégio ou faculdade por necessidade, principalmente em empregos difíceis, mostram um alto nível de responsabilidade.

    Richard Onde você estava? – Elon Musk, CEO da Tesla

    Segundo a nova biografia de Musk, ele sempre começa a pergunta contando: “Você está na superfície da Terra. Você anda um quilômetro sul, um quilômetro oeste e um quilômetro norte. Você termina exatamente onde começou. Onde você estava?”. A resposta é: ou no Polo Norte ou próximo do Polo Sul. Ele fez a mesma pergunta a quase todos os mil primeiros contratados da SpaceX, empresa de exploração espacial.

    Qual seu superpoder… ou espírito animal? – Ryan Holmes, CEO da HootSuite

    Durante a sua entrevista, eu perguntei à minha atual assistente executiva qual era seu animal favorito. Ela me disse que era um pato, porque patos são calmos na superfície e apressados para fazer tudo ficar pronto por dentro, ele disse. “Eu achei uma resposta maravilhosa e a descrição perfeita para o papel de uma assistente executiva”.

    Qual sua prática espiritual? – Oprah Winfrey

    Quando estava buscando o presidente de seu canal de televisão, Oprah reduziu os candidatos com essa pergunta que deixou muitos desconfortáveis. Posteriormente, a apresentadora explicou que não estava perguntando sobre religião, mas sim sobre as relações que possuíam consigo mesmos. A intenção era descobrir o que eles faziam por si mesmos.

    O que você faria em um apocalipse zumbi? –  Ashley Morrys, CEO da Capriotti’s Sandwich Shop

    Segundo a CEO, essa é a melhor maneira de saber como os candidatos reagem sob pressão. “Não existe uma resposta certa, então é interessante descobrir a opinião de alguém e como eles pensam sobre seus pés”, explicou.

    Um martelo e um prego custam US$ 1,10 e o martelo custa um dólar a mais do que o prego. Quanto o prego custa? – Jeff Zwelling, CEO e cofundador da Convertro

    A pergunta é feita, segundo o CEO, para ter um melhor senso de quem é o candidato. “Alguns candidatos vão instantaneamente dizer 10 cents, mas isso está errado. Eles não tentam ter uma resposta exata, o que é cinco centavos, mas quero que eles ao menos tenham um pensamento sobre isso”.

    Se você trabalhasse em um restaurante, qual emprego ia querer ter? – Ajeet Singh, CEO e fundador da ThoughtSpot

    É uma pergunta que dá muita informação sobre os candidatos e extremamente útil. “A pergunta chega na essência do que guia uma pessoa e o que eles gostam de fazer, o que os inspira, o que os motiva”, ele disse. “Eu quero ver se consigo percepções não convencionais do que as pessoas são”.

    Me diga algo que é verdade, que quase ninguém concorda com você – Peter Thiel, cofundador do PayPal.

    Ele gosta de contratar pessoas que não têm medo de dizer o que pensam, “Ela testa a originalidade do pensamento, e para alguma extensão, testa a coragem de ter voz própria em um contexto difícil”, explicou.

    Fonte: InfoMoney

    empregos.com

    Créditos: empregos.com.br

    03/09/2017

    Conheça o programa gratuito que substitui o Photoshop

    Resultado de imagem para gimp logo

    GIMP - Software Livre (gratuito) para edição e criação de imagens

    Se você procura um software profissional para edição e criação de imagens completo, potente e totalmente gratuito, conheça o GIMP. Ele é uma excelente alternativa gratuita ao Photoshop e conta com uma série de ferramentas e recursos, como pincéis e efeitos para fotografias.

    GIMP (GNU Image Manipulation Program) é um programa de código aberto voltado principalmente para criação e edição de imagens para Windows, Mac e Linux.

    Conheça seguir um pouquinho do GIMP - áreas de gerenciamento:

    Área da imagem

    Área onde você vai criar ou editar a sua imagem.

    image

    Área de ferramentas

    A área de ferramentas fica no canto superior direito da tela do GIMP.  Nesta área temos as principais ferramentas para manipulação das imagens

    image

    Área de propriedade das ferramentas (Opções de ferramentas)

    A área propriedade das ferramentas é muito importante pois, você pode mudar algumas características da ferramenta selecionada através dessa área.

    image

    Área de gerenciamento de camadas, pinceis, vetores e filtros.

    Essa área, localizada à direita, é responsável para gerenciar as camadas, pincéis, vetores, filtros entre muitos outros recursos do GIMP.

    image

    imagePara aprender utilizar o GIMP, uma dica é o curso gratuito http://www.cursou.com.br/design/gimp/

    Instalando o GIMP no Windows

    Acesse o site: GIMP (gimp.org)

    Clique no botão [Download 2.8.xx].

    image

    Clique no botão [Download GIMP 2.8.XX directly].

    image

    Salve o arquivo.

    image

    Abra o arquivo executável que foi baixado…

    image

    Selecione Português (Brasil).

    image

    Clique no botão [Instalar].

    image

    Aguarde a instalação…

    image

    Clique em [Concluir].

    image

    Agora é só abrir o aplicativo clicando no ícone da área de trabalho ou no menu iniciar do Windows.

    image

    Pronto, está instalado o seu GIM…

    image

    Se desejar você também poderá colocar um tema parecido com o Photoshop. Leia Como deixar o Gimp com a cara do Photoshop.

    image

    Bom trabalho…

    byALF

    Gostou do Post? Então espalhe!

    Quem está curtindo...

    Encontre no blog...

    Gostou? Então espalhe!

    Twitter Delicious Facebook Digg Stumbleupon Favorites More