Programação e Design

Basta você colar antes da tag <“/head”> do seu site o código javascript abaixo:
<script src="https://sites.google.com/site/novoefeitoneve/home/novoefeitoneve/snowstorm.js"></script>
 
Se você utiliza WordPress, então cole este código no arquivo header.php do seu tema antes da tag body.
 
O arquivo header.php fica localizado dentro do seu tema atual WordPress.
Ex: “/wp-content/themes/nomedotema/”
 

O que é SSL?
SSL é o acrônimo para Secure Socket Layers. Como é evidente a partir do nome, um certificado SSL em sua conta de hospedagem vai fornecer a segurança necessária para o seu site. Quando seu site estiver seguro, você verá um ícone de cadeado verde em sua barra de endereço e, em vez de começar com HTTP; seu endereço da web agora será iniciado com HTTPS. Aqui, o S representa a segurança.
 

HTTPS/HTTP
Se o seu site começar com HTTP em vez de HTTPS ’; o navegador Google Chrome irá sinalizá-lo automaticamente como site não seguro. Aqui, mesmo que você não esteja aceitando pagamentos por meio de seu site, ver o ícone não seguro não proporcionará uma ótima experiência ao usuário.

 
Você já sabe como é difícil atrair a atenção das pessoas. E ter algo negativo definitivamente vai adicionar um impacto negativo a essa atenção. Mas como exatamente alguém configura seu SSL?
Bem, com Siteground isso é super fácil de fazer.
Passo-a-Passo 
1º Crie uma conta  e faça o login
2º Logo depois "My Accounts"

 
Na sua próxima tela, clique na opção chamada Go to cPanel. Neste ponto, você receberá uma mensagem pop-up na qual terá que clicar em continuar
 

Na tela seguinte, role para baixo até encontrar a opção chamada Instalar o certificado criptografado. Clique nisso.


 
Escolha o seu nome de domínio no domínio do domínio. Da mesma forma, adicione seu endereço de e-mail na barra pedindo para você fazer isso.
 

 
Finalmente, clique em instalar. A instalação dificilmente levará um minuto e em breve permitirá que você acesse seu certificado SSL.
   

Para configurar o Adobe ilustrator para o envio de arquivos em PDF/X1-a, siga as instruções abaixo:
Vá até o menu File e selecione Save As

 
Em “Tipo” da nova janela, selecione Adobe PDF e clique em Salvar.

 
Na próxima janela que se abrir, configure o campo: Adobe PDF Preset para PDF/X-1a:2001.

 
Na aba Compression, configure conforme a imagem abaixo:

 
Na aba MarksandBleeds, deixe conforme a imagem abaixo:

 
Em Output, na parte Color e PDF/X selecione em Destination a opção: Coated FOGRA39 (ISSO 12647-2:2004)
 
 
Para salvar essa configuração clique no ícone destacado na imagem abaixo:
 
Dê um nome para essa configuração e clique em Ok.

 
Pronto, seu Adobe Illustrator está configurado para publicar arquivo em PDF/x-1ª. Para salvar o arquivo clique em Save PDF.

Atribuição por Desestruturação é uma adição do ES6 que permite extrair dados a partir de arrays ou objetos e atribuir a variáveis. Essa técnica é bastante usada ao se trabalhar com props no React.js, também podemos ver a sintaxe de desestruturação implementada em outras linguagens, inclusive o C# a partir da versão 7 possui a sua implementação, chamada de Desconstrutor como pode ser conferido aqui.
O conceito do destructuring é basicamente a divisão de uma estrutura complexa em partes mais simples. Em JavaScript pode ser utilizado em Arrays e Objetos.
Desestruturando Arrays
Ante do ES6 para fazer a atribuição de diversos valores de um array em variáveis distintas era preciso fazer diversas declarações:
var skills = ['CSS','HTML','Node']; var css = skills[0]; var html = skills[1]; var node = skills[2]; Precisávamos de uma declaração para cada atribuição. Com a sintaxe de desestruturação podemos fazer o mesmo de uma forma mais sucinta:
const skills = ['CSS','HTML','Node']; let [css, html, node] = skills; Também é possível fazer a desestruturação atribuindo vários elementos do array para um outro array. Vamos acrescentar mais alguns itens ao nosso array skills:
const skills = ['CSS','HTML','Node', 'C#']; Agora a ideia é atribuir os valores ‘Node’ e ‘C#’ para um novo array chamado backend:
let [css, html, ...backend] = skills; Ao executar o exempo podemos ver que as variáveis css e html permaneceram com seus respectivos valores, já a variável backend recebeu os valores consecutivos. Isso foi possível ao se utilizar o operador spread(os três pontos antes da variável):

 
Desestruturando o retorno de uma função
É possível desestruturar um array retornado por uma função. Vamos criar uma função que irá retornar alguns horários de um suposto agendamento:
function horariosAgendamento(){ return ['08:00', '09:00', '10:00']; } E para fazer a desestruturação basta declarar as variáveis recebendo o retorno da função:
let [primeiraHora, segundaHora, terceiraHora] = horariosAgendamento(); Objetos
O mesmo pode ser feito com objetos, ao desestruturar um objeto pegamos suas propriedades e atribuimos a variáveis. Vamos criar um objeto pessoa:
let pessoa = { 'nome' : 'Thiago', 'sobrenome' : 'Reis', 'skills' : [ 'css', 'javascript', 'html', 'react', '.net', ] }; O objeto criado é composto por três atributos, nome, sobrenome e skills. Em seguida vamos atribuir o valor de cada atributo do objeto a uma variável específica:
let { nome, sobrenome, skills } = pessoa; Diferente da desestruturação de arrays, em objetos utilizamos chaves em vez de colchetes. Vale lembrar que o nome das variáveis deve ser o mesmo nome do atributo no objeto, caso contrário o valor das variáveis será undefined.
Post originalmente postado no meu site pessoal:  thiagoreis.dev
 

Ferramentas básicas
A: Seleção de pontos; B: Pincel; I: Conta gotas; L: Elipse; M: Retângulo; S: Escalonagem; V: Seleção de objeto; Shift + O : Transformação de ponto. Ferramentas transformadoras
E: Transformação livre; O: Refletir/espelhar; P: Pen tool; R: Rotação; Shift + W: Espessura; Shift + M: Construtor de formas. Opções de Texto
T: Opções de texto; Ctrl/Cmd + T: Estilos de fonte; Ctrl/Cmd + Alt/Option + T: Estilos de parágrafo; Ctrl/Cmd + Shift + O: Transforma o texto em curvas. Tamanho de fonte
Ctrl/Cmd + Shift + >: Aumenta o tamanho da fonte; Ctrl/Cmd + Shift + <: Diminui o tamanho da fonte. Alinhamento de texto
Ctrl/Cmd + Shift + L: Alinha o texto à esquerda; Ctrl/Cmd + Shift + R: Alinha o texto à direita; Ctrl/Cmd + Shift + O : Alinha o texto ao centro; Ctrl/Cmd + Shift + J: Deixa o texto justificado. Espaço entre linhas e letras
Alt/Option + seta para baixo: aumenta a entrelinha; Alt/Option + seta para cima: diminui a entrelinha; Alt/Option+ seta para direta: aumenta a entreletra; Alt/Option + seta para esquerda: diminui a entreletra. Movimentação e edição
Segurar a barra de espaço + clicar e arrastar: Move a tela; Ctrl/Cmd + 2: Bloqueia um objeto; Ctrl/Cmd + Alt/Option + 2: Desbloqueia objetos; Ctrl/Cmd + 3: Oculta um objeto; Ctrl/Cmd + Alt/Option + 3: Exibe novamente objetos ocultados; Ctrl/Cmd + X: Recorta um elemento; Ctrl/Cmd + F: Cola um elemento na frente de outro que tenha sido previamente selecionado; Ctrl/Cmd + B: Cola um elemento atrás de outro que tenha sido previamente selecionado; Ctrl/Cmd + V: Cola um elemento exatamente no centro da tela; Ctrl/Cmd + Alt/Option + Shift + F: Cola o elemento na mesma posição em todos os artboars; Dois cliques com o botão esquerdo: O elemento entre em modo de isolamento e pode ser editado separadamente; Ctrl/Cmd + Alt/Option + B: Quando usado em duas linhas selecionadas, cria o efeito de blend/mistura; Shift + O: Cria um novo artboard. Seleção de objetos
Ctrl/Cmd + A: Seleciona todos os objetos visíveis na tela; Ctrl/Cmd + Alt/Option + A: Seleciona os objetos que estão dentro da área de trabalho; Ctrl/Cmd + Shift + A: Cancela todas as seleções. Agora que você conferiu esses atalhos do Illustrator, basta treiná-los e logo você estará utilizando-os sem ao menos precisar consultar.

No tutorial mostrarei como utilizar a ferramenta geradora de texturas do Adobe Illustrator, como exemplo utilizarei um chã de aço para a criação, abaixo a imagem que usei no tutorial caso queira utilizar, porém não será necessário o uso, pois utilizarei somente as cores.
Utilizei esta textura como referência A textura ficará totalmente dinâmica e você poderá utilizar em qualquer projeto, espero que goste, acompanhe o tutorial no vídeo abaixo.

1. Escreva o texto desejado.
2. Una a fonte, o suficiente para ficar uma encima da outra.
3. Transforme em PATCH.
4. Selecione a primeira e a segunda fonte, e use a seguinte opção do SHAPE MODES.

5. Após criar todos os blocos, aplique a efeito desejado degrade.
Atenção : O backup é importante, pois a cada 'união' some a fonte, aí tem que copiar novamente. Veja no vídeo que explico melhor.
Resultado.

Então vamos direto ao tutorial? Boa aula!

Imagine a situação, você tem um objeto com umas 500 camadas e precisa mudar de cor. Isso acontece MUITO!
Trocar item a item é um pesadelo! Porém existe uma ferramenta que faz isso similar ao 'HUE' do PHOTOSHOP ou FIREWORKS.
1. Selecione todos os Objetos desejados.
2. Vá em Edit > Edit Colors > Recolor Artwork.
3. Agora faça o seguinte; Selecione a opção EDIT e em seguida na opção LINK HARMONY COLORS.

4. É só começar a mover que ele trocará a cor dos objetos.
Eu sempre quis saber como fazer isso, descobri nesse site. Fotos e textos foi eu quem fiz!