Othon Ciparoni

@ciparoni

Othon Ciparoni (Portuguese)

Descubra o fascinante mundo da culinária venezuelana com Othon Ciparoni! Este canal no Telegram foi criado para todos os amantes da boa comida que desejam explorar os sabores únicos da Venezuela. Othon Ciparoni, renomado chef venezuelano, compartilha receitas tradicionais, dicas de culinária e curiosidades gastronômicas com sua comunidade. Se você é apaixonado por gastronomia ou simplesmente quer experimentar pratos exóticos, este é o lugar perfeito para você! Junte-se a nós para descobrir os segredos da cozinha venezuelana e surpreenda-se com novos sabores e aromas. De pratos principais a sobremesas, Othon Ciparoni irá guiá-lo em uma jornada deliciosa pelo mundo da culinária da Venezuela. Não perca a oportunidade de se deliciar com verdadeiras iguarias venezuelanas e aprender a prepará-las na sua própria cozinha. Inscreva-se agora no canal Othon Ciparoni e traga um pouco do sabor da Venezuela para a sua vida!

Othon Ciparoni

09 Jan, 23:06

Opa, tudo bem?

No vídeo de hoje, vou te mostrar como criar um carrossel com desfoque no Elementor, que pode ser facilmente adicionado a qualquer widget de carrossel, com apenas algumas linhas de CSS.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=Pkow_cezdKc

Abraço!
Othon Ciparoni

6,365

Othon Ciparoni

06 Jan, 22:32

Apesar do Elementor possuir integração com o Active, algumas vezes há a necessidade de incorporarmos o formulário usando HTML.

O que costuma ser um problema, já que a aparência do formulário deles não costuma agradar muito. Quer dizer, costumava ser um problema.

Neste vídeo, vou te ensinar a personalizar o formulário do ActiveCampaign com CSS para deixá-lo bonitinho, do jeito que quiser.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=eYcWWSf-EaY

5,351

Othon Ciparoni

04 Jan, 21:59

Entrando ao vivo para o nosso encontro semanal, em que vamos fazer um overview da ferramenta Photopea (que é praticamente um clone gratuito do Photoshop), e criar uma imagem de fundo para landing pages com ela.

Criaremos um BG do zero e faremos todas as etapas de manipulação, como ajustes de cores, iluminação, composição e ambientação.

Tudo isso nessa ferramenta online e gratuita. Bora?

CLIQUE AQUI PARA ASSISTIR À AULA: https://www.youtube.com/watch?v=dC9i0ggxgU8

Abraço!

3,929

Othon Ciparoni

03 Jan, 00:34

No vídeo de hoje, vou te mostrar como adicionar uma opção de "dark mode" ao seu site, usando o Elementor e algumas linhas de código CSS e JavaScript.

O dark mode é uma opção cada vez mais popular em aplicativos e sites, pois permite que os usuários alternem a aparência do layout para uma paleta de cores mais escura, que facilita a leitura em ambientes com pouca luz, e também pode ajudar a economizar bateria em dispositivos móveis.

Nesta aula, vamos criar um interruptor de dark mode e usar CSS e JavaScript para alterar as cores e imagens da página, para que fiquem de acordo com a preferência do usuário.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=Xx5NUGm_4eU

3,435

Othon Ciparoni

30 Dec, 22:29

Opa, tudo certo?

No último vídeo do ano, veremos como aplicar efeitos em outros elementos quando o usuário passa o mouse (hover) sobre um determinado elemento.

Faremos efeitos de desfoque (blur), zoom, mudança de cor do elemento e muito mais.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=hdI8CNeLwYU

Abraço!

3,101

Othon Ciparoni

28 Dec, 22:11

Entrando ao vivo para o nosso encontro semanal!

Para esta última live de 2022, abri uma caixinha no Instagram para que os seguidores me enviassem o link de alguma página feita por eles, para que eu analisasse ao vivo.

Vamos fazer diversas análises, pontuando os erros e acertos de cada uma, e como poderiam elevar a qualidade dessas páginas.

CLIQUE AQUI PARA ASSISTIR À AULA: https://youtu.be/NYPHMqzgrQQ

Abraço!

2,933

Othon Ciparoni

27 Dec, 12:02

No vídeo de hoje, você aprenderá, passo a passo, como instalar o WordPress na DigitalOcean, de maneira fácil e rápida.

Vou te mostrar todas as etapas necessárias para que você possa colocar um site WordPress no ar em poucos minutos.

CLIQUE AQUI PARA ASSISTI-LO: https://youtu.be/u1MI7LhwBAI

Abraço!

2,923

Othon Ciparoni

16 Dec, 22:10

A ambientação de imagens depende de alguns fatores, como o recorte e a iluminação.

Um desses fatores, e talvez o que mais impacte no resultado, é a cor. Mais especificamente, o ajuste da temperatura das imagens.

No vídeo de hoje, vou te mostrar como fazer esse ajuste de temperatura no Camera Raw e ambientar as suas imagens em menos de 5 minutos.

CLIQUE AQUI PARA ASSISTIR: https://www.youtube.com/watch?v=dHkN8GzO8x0

Abraço!

3,269

Othon Ciparoni

21 Nov, 22:12

No vídeo vídeo, vou te mostrar como criar um botão fixo e animado de WhatsApp, com uma mensagem aparecendo para o visitante, chamando atenção para o botão.

Esse botão flutuante ajuda muito na conversão, seja para captar dados dos leads, ou então para que possam tirar dúvidas sobre o produto/serviço.

CLIQUE AQUI PARA ASSISTIR: https://www.youtube.com/watch?v=mwQKrBjrDL0

Abraço!
Othon Ciparoni

3,413

Othon Ciparoni

18 Nov, 22:18

Bora fechar a semana com vídeo novo?

Hoje eu vou te ensinar a inserir ícones nos campos de formulário do Elementor.

CLIQUE AQUI PARA ASSISTIR: https://www.youtube.com/watch?v=R845RlQoaRo

Abraço!
Othon Ciparoni

3,266

Othon Ciparoni

16 Nov, 22:01

Entrando ao vivo para o nosso encontro semanal, com o tema: Extensões do Chrome para Web Designers.

Mostrarei todas as extensões que eu utilizo no meu dia a dia, o que cada uma faz e como elas podem te ajudar nos seus trabalhos como web designer.

CLIQUE AQUI PARA ASSISTIR À AULA: https://www.youtube.com/watch?v=ArY7ciYqHVo

3,069

Othon Ciparoni

11 Nov, 22:08

Sexta-feira é dia de vídeo novo, e hoje eu vou te mostrar como organizar o seu layout quando alguns elementos possuem mais texto do que os demais, usando um pouco de CSS para criar uma barra de rolagem vertical em qualquer elemento da sua página.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=qSlo3-f4BAs

3,268

Othon Ciparoni

09 Nov, 22:02

Entrando ao vivo para o nosso encontro semanal, em que falaremos sobre uma parte importantíssima do processo criativo: a busca por referências.

Onde encontrá-las, o que observar, como encontrar referências de cores, fontes, animações e layouts, o que observar nesses layouts, como montar um moodboard e muito mais.

CLIQUE AQUI PARA ASSISTIR À AULA: https://youtu.be/44DMDubMZHo

3,080

Othon Ciparoni

07 Nov, 22:11

A Adobe ouviu as nossas preces e adicionou a opção de salvar as imagens como WebP direto pelo Photoshop.

Neste vídeo, vou te mostrar como você deve exportar as suas imagens, além de fazer um comparativo com as diferentes configurações de exportação que a ferramenta oferece.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=eGKyhe4GUaw

Abraço!

3,250

Othon Ciparoni

24 Oct, 22:00

Uma das maiores dores de quem começa a desenvolver páginas com Elementor, é a performance.

A maioria dos desenvolvedores não sabe como extrair o melhor dessa ferramenta, e um dos maiores vilões, quando falamos de otimização, são as más práticas de desenvolvimento de layout.

Neste vídeo, vou te mostrar como criar mais com menos, economizando widgets e diminuindo o tamanho do DOM das suas páginas.

Não sabe o que é DOM e como isso pode impactar na velocidade de carregamento das suas páginas? Então esse vídeo é pra você.

Clique aqui para assisti-lo: https://www.youtube.com/watch?v=OWToOIC1bkc

3,790

Othon Ciparoni

14 Oct, 22:00

Fala, meu povo!

No vídeo de hoje, vou te ensinar a criar um efeito de ruído animado nas suas páginas.

CLIQUE AQUI PARA ASSISTI-LO: https://youtu.be/qkEn7KTf8kA

Link para o arquivo GIF: https://drive.google.com/file/d/1CIJxQQTBsDnz048kYhguJvSvf5gYgO5V/view?usp=sharing

Códigos utilizados no vídeo:

HTML:
<div class="noise"></div>

CSS:
.noise {
display: block;
width: 100vw;
height: 100vh;
opacity: 1;
background-image: url('URL-DO-GIF-AQUI.gif');
overflow: hidden;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
z-index: 1;
}

Esse código foi postado originalmente no Discord dos Alunos do LPL, pelo aluno Willian Dutras (valeu demais, Willian!).

4,419

Othon Ciparoni

07 Oct, 22:36

Bora encerrar a semana com vídeo novo?

Uma das coisas que mais me perguntam é: "Othon, como você fez esse efeito?", "Othon, como você criou essa animação?".

No vídeo de hoje, vou te mostrar como roubar estilos, animações e outros códigos CSS de qualquer página, usando o DevTools.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=rjfmJBBG25o

Abraço!
Othon Ciparoni

3,404

Othon Ciparoni

03 Oct, 22:04

Segunda à noite é dia de quê?

Se você respondeu vídeo novo no canal do Cipa, merece um "certa resposta!" com a voz do Silvio Santos.

No vídeo de hoje, vou te mostrar 3 dicas que eu utilizo, principalmente nas imagens de fundo das minhas landing pages, para ter um resultado mais bonito e mais real ao criar profundidade de campo nas minhas composições.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=9QZ4pGv5E_s

Abraço!
Othon Ciparoni

3,102

Othon Ciparoni

30 Sep, 22:02

Bora de vídeo novo?

Hoje vou te mostrar como aplicar diversos efeitos em um menu fixo, de forma que aconteçam somente após o scroll do usuário, como mudar a cor do menu, mudar a cor do logo, fazer o menu aparecer somente após o scroll e mais alguns macetes.

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=wdRS3r7a8UQ

Se ainda não estiver inscrito no canal, já chegue se inscrevendo e dando aquele like maroto.

2,972

Othon Ciparoni

26 Sep, 21:58

Saiu vídeo novo no canal! Hoje eu vou te mostrar como criar um botão no Figma, exportá-lo para o Elementor e torná-lo interativo com CSS.

Usar botões em SVG nos dá uma infinidade de possibilidades quando o assunto é design, podendo personálizá-los da forma que quisermos para criarmos layouts únicos.

Bora aprender como fazer?

CLIQUE AQUI PARA ASSISTI-LO: https://www.youtube.com/watch?v=2F4vpEkMuJA

Abraço!
Othon Ciparoni

2,981