O toggleClass() é um método do jQuery que adiciona ou remove uma classe CSS de um determinado elemento, o seu uso mais comum eu diria que é para renderizar ou não determinado elemento HTML, esse efeito conhecido como hide/show funciona adicionando e removendo uma classe com um display: none, mas o toggleClass() é útil para qualquer efeito de mudanças de CSS.
Continue lendo “Deixando o JQuery: toggleClass em puro JavaScript”Autor: Danillo L.
jQuery não faz sentido para todo projeto
O jQuery teve um papel muito importante em meados de 2007, nessa época as inconsistências entre os padrões adotados por navegadores para se fazer animações, manipular o DOM e fazer requisições assíncronas(“Ajax”) era bem maior que as existentes entre os navegadores atuais.
Metas para 2019
Aqui vai a algumas metas para o meu 2019 acadêmico/profissional e um pouco pessoal.
- Me sentir confortável com algum framework moderno JavaScript: O desafio disso é escolher, afinal: é melhor aprender algo que está mais consolidado na indústria como React ou Angular ou tentar aprender algo novo mas promisso como o Vue?, Na real, vale a pena “aprender” frameworks? isso me incomoda um pouco.
- Para esse blog: Criar um tema esqueleto [x], personalizar esse tema esqueleto[em progresso], não utilizar biblioteca pesadas como jQuery ou Bootstrap no frontend[x], utilizar lazy-loading nas imagens, comprimir as imagens, fixar uma rotina de postagens(1-5 posts por semana).
- Concluir a faculdade(Atualmente faltam 7 Matérias, TCC1 e 2, Estágio e atividades complementares), essa vai ser difícil concluir nesse ano.
- Ler mais, principalmente pela experiência, ultimamente só tenho lido para me informar/aprender algo ou porque sou obrigado, e eu já não era um grande leitor. ?
- Usar algum método para acompanhar essas metas.
Aparentemente estou fazendo isso de metas atrasado
(já é 12/02?) mas a ideia é ir verificando o progresso e adicionando/retirando coisas conforme o ano se passa.
Cadê o shift + enter do novo editor de texto do WordPress?
Uma das minhas metas nesse ano é passar a escrever mais nesse blog, eu utilizo o WordPress para isso por dois motivos: comodidade e por que ele me da um sistema de discussão(que dependeria de terceiros se eu utilizasse algum tipo de sistema de gerador de páginas estáticas, por exemplo).
Então, desde 2017 o time de desenvolvimento core do WordPress está focado em desenvolver um editor de texto(chamado de Gutenberg) que viria para facilitar a escrita. Na prática parece que ele piorou a experiência de escrita para muita gente, abaixo da pra ver que boa parte da comunidade odiou o editor:
Instalando imagick no Debian como extensão PHP
O ImageMagick® é um software que permite editar, criar, converter e trabalhar com imagens bitmap em mais de 200 diferentes formatos (PNG, JPEG, TIFF, GIF, etc), ele tem uma licença de distribuição Apache 2.0 que permite a distribuição dele como binário ou em softwares com código aberto ou proprietário.
Como extensão PHP, o ImageMagick ou imagick provê as classes: Imagick, ImagickDraw, ImagickPixel, ImagickPixelIterator e ImagickKernel. Particularmente nunca trabalhei puramente com as classes dessas extensão, mas segundo o WordPress no sistema deles a extensão melhora a qualidade das imagens adicionadas na biblioteca, adiciona um redimensionamento inteligente de imagens pequenas e o suporte as miniaturas de PDF.
Instalar a extensão no Debian e derivados é bem fácil, só exige o restart do Servidor/FastCGI Process Manager do PHP, no meu ambiente com Debian e PHP 7.3 é como no exemplo:
sudo apt-get update sudo apt-get install php-imagick sudo nginx -s reload sudo /etc/init.d/php7.3-fpm restart
Para verificar a instalação do imagick basta criar um arquivo PHP com a função phpinfo();.
Opinião: Sobre o notebook Lenovo 330
Depois de bastante pesquisa resolvi comprar um Lenovo 330, meus principais critérios foram o preço e as características de hardware descritas logo abaixo:
- Modelo: Lenovo Ideapad 330
- Processador: Intel Core i5-8250u
- Memória primária: 8GB
- Placa gráfica dedicada: Geforce MX150 com 2GB
- Placa gráfica integrada: Intel 620
- Armazenamento: 1TB
- Monitor: Tela HD 15,6″
- Sistema Operacional: Windows 10
Imagem de divulgação da Lenovo.
Ferramentas e métodos de análise de Cross Browser Issue(XBI)
Com a popularidade das aplicações web e a possibilidade de execução nos mais diferentes tipos de dispositivos e browsers, é comum encontrar diferenças entre a renderização de uma mesma aplicação em diferentes ambientes, essas diferenças são conhecidas como Cross Browser Issue(XBI).
Essas diferenças podem ser classificadas em problemas visuais(e.g. diferentes: margens, tamanhos, cores e visibilidade de um elemento) ou funcionais(e.g. um menu drop down que deixa de funcionar, uma caixa de diálogo que não abre).
A maioria das ferramentas existentes hoje são criadas pelos próprios autores de artigo sobre o tema ou por empresas.
[ Atenção: Essa postagem é um rascunho, as informações podem estar incompletas ou incorretas. Deixe um feedback. ]
Continue lendo “Ferramentas e métodos de análise de Cross Browser Issue(XBI)”Pegando uma linha especifica de um arquivo com PHP
Essa foi a solução mais simples que encontrei para pegar uma linha específica de um arquivo com PHP, sem loop, fseek(), etc, utilizando a classe SplFileObject que suporta a busca por linhas.
Continue lendo “Pegando uma linha especifica de um arquivo com PHP”Recomendação: NameSilo para comprar domínios
Pesquisando por vendas de domínios recentemente eu acabei me esbarrando com o NameSilo, no site deles e na internet vi que eles ofertam os TLDs(Top-Level Domain)¹ mais baratos do mercado², e com um preço de venda geralmente igual ao da renovação, para quem não sabe geralmente as empresas que vendem domínios tem um preço promocional no primeiro ano, exemplo disso é a GoDaddy que vende o TLD .com por R$ 8.99 no primeiro ano, mas a partir do segundo ano você paga R$ 49.99. Continue lendo “Recomendação: NameSilo para comprar domínios”
Recortando e fazendo upload de imagens com preview usando o Croppie.js + PHP
Sobre o Croppie: É uma biblioteca que se propõe a ser leve, rápida e simples nas funções de recortar e fazer pequenas alterações nas imagens no client-side.
Com base nos exemplos da documentação do Croppie, eu fiz um exemplo mostrando como usar um pouco do croppie.js para fazer upload de imagens recortadas para o server-side, usando PHP, e por meio do método .ajax() do jQuery para fazer requisições assíncronas.
Continue lendo “Recortando e fazendo upload de imagens com preview usando o Croppie.js + PHP”