Um guia definitivo de flexbox (CSS3)

O que é flexbox

Flexbox ou flex-box: “O layout de caixa flexível CSS, comumente conhecido como Flexbox, é um modelo de layout da Web CSS3. Está no estágio de recomendação do W3C. O layout flexível permite que elementos responsivos dentro de um contêiner sejam organizados automaticamente, dependendo do tamanho da tela”. Wikipedia (inglês)

Portanto, o conceito de CSS Flexible Box Layout Model , ou simplesmente flexbox, faz parte da especificação do CSS3 para estruturar e organizar os elementos em uma página web, possibilitando que o layout seja visualizado em diversos aparelhos com diversos tamanhos de tela (layout responsivo).

Usando Flexbox

Se você está aprendendo CSS com certeza irá se deparar com o sistema de containers flexbox. Para isto, vamos apresentar neste artigo um guia completo para você aprender e/ou utilizar este guia como referência para os seus projetos com CSS.

Veja abaixo alguns exemplos de utilização com flexbox:

• Como alinhar listas HTML utilizando flexbox
• Como centralizar um texto horizontalmente e verticalmente usando o Flexbox
• Criar uma lista HTML horizontal com Flexbox

Guia definitivo de flexbox da Origamid

Acesse o link: https://origamid.com/projetos/flexbox-guia-completo/

Para visualizar os comandos que você deseja aprender basta utilizar o menu lateral.

Para testar e alterar os códigos HTML e CSS, clique em [Edit on CodePen].

Testes os códigos usando as especificações do CSS 3 para você treinar.

Se você criou algum layout usando o flexbox, deixe um comentário aqui com o link dos seus trabalhos.

byALF

Continue lendo

Pretensão salarial, o que responder?

Pretensão salarial: o que responder se a empresa pedir?

Para responder a essa questão tão temida, o blog Adzuna preparou 10 dicas valiosas. Confira!

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

Umas das questões mais temidas por quem está procurando emprego é: “qual é a sua pretensão salarial?”. Não por menos, já que falar sobre salário, para muitas pessoas, ainda é considerado um tabu.

No entanto, muitas empresas usam como critério de seleção a pretensão salarial indicada pelos candidatos. Assim, eles encontram os perfis mais adequados ao que elas estão dispostas a pagar.

Para responder a essa questão tão temida, o blog Adzuna preparou 10 dicas valiosas. Veja abaixo e prepara-se para a sua entrevista de emprego:

Pretensão salarial: é preciso pesquisar valores e benefícios antes de definir

1- Pesquise a média salarial para a sua profissão

Não há como definir um valor sem saber quanto o mercado está pagando na sua área, portanto, esse deve ser o primeiro passo.

Clicando aqui, você descobre qual é a remuneração média para a sua profissão. Basta escrever no campo de busca o nome do cargo que deseja ocupar.

2- Entenda a empresa para qual se aplicou

A empresa para qual se candidatou é pequena, média ou grande? Qual é o segmento de atuação dela?

Essas são perguntas importantes que você deve responder antes de definir sua pretensão salarial. Tais particularidades fazem com que as empresas tenham variação de salário entre si.

3- Considere o seu perfil e valor no mercado

Especialistas indicam que candidatos que estão trabalhando devem pedir de 10% a 20% a mais do que o salário atual, para compensar a mudança de emprego.

Se o profissional está desempregado, o ideal é que o valor proposto se aproxime da média do mercado.

4- Sua experiência também faz diferença

Tempo de experiência, trajetória profissional, resultados obtidos, cursos e especializações são fatores que devem ser levados em conta na hora de decidir um valor.

Afinal, podem ser diferenciais que tornam o seu perfil mais atraente aos olhos do recrutador e, portanto, podem aumentar sua pretensão salarial.

5- Veja os benefícios oferecidos

Os benefícios oferecidos pelo empregador também influenciam no valor. Horário de trabalho flexível, participação nos lucros, plano de saúde, além das perspectivas de crescimento na empresa e proximidade da sua casa devem ser “ajustados” em seu cálculo.

6- Custo de vida

A mesma vaga pode oferecer salários diferentes em estados distintos, por exemplo. Isso porque gastos como moradia, alimentação e transporte não são os mesmos em todos os lugares.

É preciso pedir uma remuneração que esteja de acordo com o padrão de cada local.

7- Cuidado com salários abaixo da média

Alguns acreditam que pedir um salário abaixo da média é uma boa estratégia para conseguir a vaga. No entanto, a prática não garante o resultado esperado.

Ainda que você seja chamado para ocupar a vaga, pode acabar bastante frustrado com o emprego, trabalhando muito por pouco. E o pior: será tarde demais para renegociar o valor.

8- Mas também fique alerta ao pedir salários muito altos

Outro erro comum é pedir um salário muito acima do mercado, ou superior ao que a empresa está oferecendo. É preciso, primeiramente, que as suas qualificações justifiquem o valor elevado.

Durante o processo seletivo, o recrutador pode ter a impressão de que você não se sentirá satisfeito com um salário menor, e, portanto, nem chega a negociá-lo com você, fazendo com que perca a vaga.

9- Saiba negociar

Mostrar-se flexível e aberto a negociações é essencial nesta etapa. Para chegar a um bom acordo, evite utilizar valores exatos, optando por faixas salariais, o que dará uma margem de negociação maior tanto para o candidato como para a empresa.

Na hora de justificar sua pretensão salarial, demonstre firmeza e clareza. A linguagem corporal conta nessa situação: não demonstre estar desconfortável – mas também não seja prepotente. Neste link, você aprende negociar o salário que merece.

10- Só mencione o assunto se for perguntado

Você só deve falar sobre o assunto caso seja perguntado durante a entrevista de emprego, ou, ainda, caso tenha sido solicitado ao enviar o seu currículo.

Estamos torcendo para que você encontre a vaga desejada!  Acesse: Empregos.com.br

Continue lendo

Melhores aplicativos para edição e conversão de arquivos em PDF

Para os amantes de PDF

No blog Visual Dicas escrevemos sobre os melhores aplicativos para PDF disponíveis na internet. Veja quem são eles e o que eles podem fazer:

. Converta arquivos PDF para Excel, Word, Power Point, Autocad…. tudo online e grátis!

. Como converter arquivos PDF para o Word, sem precisar instalar nada

. Converta quase tudo para PDF e vice-versa

. Como juntar ou dividir páginas PDF gratuitamente

. Como converter arquivos xps em pdf

. Como traduzir textos em PDF

. OCR Online - serviços gratuitos para reconhecer textos de imagens ...

. Como gerar arquivos PDF de páginas da Internet ~ Visual Dicas

Para completar a nossa lista, vamos apresentar o que eu considero ser o melhor aplicativo para documentos em PDF, o site iLovePDF.

Porque usar o site iLovePDF

O iLovePDF  além de possuir a maioria das ferramentas dos aplicativos apresentados acima, com certeza é o mais fácil de se utilizar.

O site fala o seu idioma. O iLovePDF está disponível em 25 idiomas que você poderá escolher, inclusive o português.

Outra vantagem do iLovePDF é a segurança. Apenas você terá acesso aos seus documentos processados que ficarão disponíveis no servidor apenas por 2 horas.

O iLovePDF preza pela qualidade de seus documentos em todos os seus processos, principalmente quando se trata de compressão, onde o aplicativo irá buscar o menor tamanho de arquivo sem afetar a qualidade do documento.

Você pode editar seus arquivos em lote, em vez de ter que lidar um de cada vez. Seus arquivos são processados a alta velocidade de forma online via internet.

Com a ferramenta Organizar PDF, você poderá organizar seus arquivos por ordem alfabética ou por ordem alfabética inversa. Esqueceu um? Você pode adicionar mais, remover alguns deles ou girá-los após o carregamento. Tudo isso de forma intuitiva e bem fácil.

Apesar do plano gratuito possuir algumas limitações de tamanho de arquivo ou na quantidade de arquivos a serem processado, acredito ser suficiente para pequenos e médios trabalhos com PDF. Conheça os planos: https://www.ilovepdf.com/pt/preco.

Conhecendo o iLovePDF

Acesse o site: https://www.ilovepdf.com/pt

Veja todas as ferramentas disponíveis:

O que ainda falta no aplicativo iLovePDF: Converter HTML para PDF, converter Autocad para PDF, converter arquivos xps para PDF, PDF OCR e PDF com assinatura. Estas ferramentas você irá encontrar na lista de aplicativos que apresentamos no início da postagem.

byALF

Continue lendo

Série Arduino Básico #53 - Usando alarmes com RTC DS3231 (pino SQW) - Arduino

Série Arduino Básico

Neste projeto mostraremos como utilizar o pino SQW do módulo RTC DS3231 para gerar até dois alarmes. Também vamos criar um relógio digital com data e monitoramento da temperatura ambiente. O relógio exibe no display a hora, minutos e segundos e a cada 3 segundos exibe a data e a temperatura sucessivamente. Ao setarmos a data, hora, minutos e/ou segundos do disparo dos alarmes, o relógio irá atuar como um temporizador de disparos para acionarmos 2 componentes eletrônicos que no nosso projeto utilizamos 2 leds.

Observações:

1) Utilizamos o módulo RTC DS3231 para funcionar como relógio, alarme e controle de temperatura ambiente.

2) Este projeto foi desenvolvido para um display LCD com controlador HD44780 em conjunto com o módulo serial I2C (opcional), que poderá ser separado ou soldado diretamente no display.

3) Se você não possui um módulo I2C para display LCD, poderá adequar o projeto para o display LCD sem o adaptador. Veja como montar o display no projeto Projeto 38 - Controlando um display LCD (instalação e comandos básicos).

4) Este projeto utilizará uma biblioteca específica para o módulo RTC DS3231 e portanto não funcionará com outros módulos RTC. A biblioteca utilizada possui comandos para alarme através do pino SQW.

Módulo RTC DS3231 de alta precisão: O Real Time Clock (RTC) DS3231 é um relógio de tempo real de alta precisão e baixo consumo de energia. Em sua placa vem embutido um sensor de temperatura, um gravador de dados EPROM e um cristal oscilador para melhorar sua exatidão.

Observações sobre o módulo RTC DS3231:

1) Utiliza o protocolo de comunicação I2C. O I2C é um protocolo de baixa velocidade de comunicação criado pela Philips para comunicação entre placa mãe e dispositivos, Sistemas Embarcados e circuitos de celulares.

2) É capaz de fornecer informações como segundo, minutos, dia, data, mês e ano (de 2000 a 2099). Correções como meses com menos de 31 dias e anos bissextos são corrigidos automaticamente e pode operar tanto no formato 12 horas como 24 horas.

3) Em caso de falha de energia o DS3231 automaticamente aciona a bateria para evitar perda de dados.

4) Possui um sensor de temperatura com precisão de 3ºC.

Aplicação: Para fins didáticos e projetos para controle de tempo e temperatura com exibição em display de cristal líquido.

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

Como o projeto deve funcionar

Acesse o link: Projeto 53 - Usando alarmes com RTC DS3231 (pino SQW)

1. Se você vai utilizar o módulo RTC pela primeira vez, altere os sketch do projeto para configurar a hora e data atual: Retire as barras duplas de comentário da linha 44 executar a função que vai ajustar a data e hora do seu módulo.

1.1. Após ajustar o programa, você não precisará mais realizar esta operação. Somente altere os dados novamente no caso de precisar substituir a bateria do módulo, que deve durar aproximadamente 5 anos.

2. Ao iniciar o programa, você irá visualizar na primeira linha do display a hora, minutos e segundos e na segunda linha a data e a temperatura a cada 3 segundos.

2. Se você realizou o ajuste para configurar a hora e data atuais, desligue o Arduino da fonte e altere novamente o sktech, inserindo as duas barras na linha 44.

3. Pronto, agora rode o programa para visualizar a hora, data e temperatura ambiente. Se acabar a energia elétrica ou se você desligar o Arduino, a hora e data estarão sempre atualizadas graças a bateria que vem acoplada ao módulo RTC.

4. Para setar os alarme, abra o editor IDE do Arduino e defina apenas um "alarm1" e/ou um "alarm2", retirando as barras duplas que antecedem as linhas de comando.

4.1. Altere os valores de Date, Hour, Minute e Second de acordo com o período que se deseja disparar o alarme.

4.1.1. Veja o exemplo abaixo onde setamos o alarme 1 para disparar a cada 20 segundos e o alarme 2 para disparar todos os dias às 16h:52min.

5. Quando o alarme 1 for disparado o led vermelho se acenderá e quando o alarme 2 for disparado o led azul se acenderá.

6. Abrindo o monitor serial, você poderá acompanhar todos os disparos dos alarmas em tempo real, segundo a segundo.

Veja abaixo a montagem do circuito:

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

Veja o tutorial completo em: Projeto 53 - Usando alarmes com RTC DS3231 (pino SQW)

Continue lendo

Conheça o editor de vídeo online mais fácil de usar

Editor de vídeo

Se você precisa criar ou editar vídeos e não domina editores complexos, como o Filmora ou o Adobe Premier, ou não quer gastar nada com isso, vamos apresentar aqui uma plataforma web de edição de vídeo totalmente gratuita e online.

Trata-se do aplicativo FlexClip, uma ferramenta que permite criar vídeos de forma prática e fácil, com funcionalidades como: juntar vários vídeos, cortar partes do vídeo, adicionar textos, adicionar música e efeitos especiais.

Leia também: Como baixar e instalar o Movie Maker no Windows 10 de forma segura e gratuita

Como o FlexClip é totalmente online, você não precisará mais baixar softwares grandes, pesados e caros também.  O FlexClip é um poderoso editor de vídeos que ajuda você a criar vídeos de qualidade e exportá-los em alta resolução.

• Veja as principais características do FlexClip;
• Totalmente gratuito;
• Interface clean e simples, que possibilita incluir textos, fotos, músicas, vídeos, etc…
• Suporte a vários formatos de fotos e vídeos;
• Funcionalidades flexíveis, como; recortar, dividir, agregar animações, músicas, marca d’água, etc.;
• Exportar vídeos em várias resoluções.

Obs.: Os vídeos criados na plataforma não podem ser muito longos, como documentários por exemplo. Entretanto, o aplicativo é perfeito para vídeos rápidos como tutoriais e vídeos para o  YouTube.

Acessando o FlexClip

 Acesse o site: www.flexclip.com/

Atenção: O FlexClip só funciona no navegador Chrome.

Para começar clique no botão [Get Started – Free].

Crie sua conta através do Facebook, Google ou pelo seu e-mail.

Depois, confirme a conta acessando o seu e-mail e clique no botão [Confirm my account].

Utilizando o FlexClip

Acesse o FlexClip  e faça o login. Para criar um novo projeto clique em [Create New].

Pronto, agora é só usar as funcionalidades do editor.

Para inserir um vídeo que você quer editar, passe o cursor do mouse sobre storyboard, localizado no canto esquerdo da tela, e selecione [Add Video].

Obs.: Você poderá adicionar também uma foto ou um background para servir de abertura ou fechamento do seu vídeo. Poderá também adicionar vários vídeos que vão se juntar para fazer parte de um único vídeo.

Selecione um vídeo disponível ou clique no botão [Browse My File].

Selecione o vídeo desejado e clique no botão [Abrir].  Observe que o FlexClip suporta vários formatos de vídeos. No nosso exemplo vamos utilizar um vídeo mp4.

Agora você precisa aparar e definir o tamanho do seu vídeo. Através dos cursores em amarelo, arraste-os para a esquerda ou direita, aumentando ou diminuindo a duração do vídeo. Terminado, clique no botão [Trim Vídeo].

No editor, selecione o vídeo, foto ou fundo (background) que você quer modificar. Clique na seta para visualisá-los.

Teste as funcionalidades disponíveis do FlexClip. Os comandos do aplicativo são bastante práticos, simples e auto explicativos. Em pouco tempo você já estará dominando todo o aplicativo. Os comandos são ótimos para você criar textos para aberturas, inserir música e captions para o vídeo.

Obs.: Os fundos com até 3.0s (background) servem para você colocar o texto de abertura e fechamento do vídeo. Você poderá juntar vários vídeos, fundos e fotos também…

Para excluir fundos, fotos ou vídeo, basta passar o mouse sobre eles e clicar no botão com [X] que aparece no canto superior direito.

Depois ter concluído a edição, clique no botão [Preview] para visualizar o seu vídeo.

Clique em [Export Video] para salvar exportar seu vídeo para o seu computador.

Defina a resolução desejada e clique no botão [Export Video].

Aguarde algum tempo para que o aplicativo codifique seu vídeo.

Pronto, agora no navegador Chrome é só abrir e salvar o seu vídeo em uma pasta / endereço definido do seu computador.

byALF

Continue lendo