DEV Community: Andres Parra

Configuración inicial para Neovim

Andres Parra — Sun, 27 Jul 2025 16:01:19 +0000

Neovim es una versión moderna y renovada del editor de texto Vim. Aunque Neovim viene con una configuración básica que funciona bien para la mayoría de los usuarios, personalizarlo puede llevar tu experiencia al siguiente nivel. En este artículo, exploraremos una configuración mínima que puedes implementar para mejorar tu flujo de trabajo en Neovim.

Configuración básica

Comencemos con algunos ajustes básicos que afectarán la codificación de archivos y la sintaxis.

vim.scriptencoding = "utf-8"
vim.opt.encoding = "utf-8"
vim.opt.fileencoding = "utf-8"
vim.opt.syntax = "enable"

Lee completo el articulo en mi blog: https://byandrev.dev/es/blog/initial-setup-for-neovim

Entiende el Aspect Ratio en CSS

Andres Parra — Thu, 24 Jul 2025 15:50:25 +0000

Puedes leer todo el articulo en mi sitio web byandrev.dev.

Uno de los elementos fundamentales en el diseño de interfaces web es el aspect ratio o relación de aspecto. En pocas palabras, el aspect ratio se refiere a la proporción entre la altura y el ancho de un elemento, este elemento pueden ser imágenes o videos.

Algunos de los aspect ratio más conocidos son los siguientes:

En CSS

Para definir el aspect ratio de un elemento debes hacer lo siguiente:

selector {
    aspect-ratio: ancho / alto;
}

Mantener el aspect ratio en una imagen

.image {
    width: 100%;
    aspect-ratio: 16 / 9;
}

Accesibilidad

Con el aspect ratio evitamos el layout shift, este es algo muy incómodo que suele suceder en los sitios webs. El layout shift hace referencia al movimiento inesperado del contenido de la web cuando los elementos están cargando.

Aquí tienes un ejemplo sin el uso del aspect ratio y otro con esta propiedad, cuando no se usa el botón se traslada cuando carga la imagen, a esto se le conoce como layout shift.

Comenzando en la Programación Competitiva

Andres Parra — Fri, 16 Jun 2023 19:23:20 +0000

También puedes leer este artículo en mi blog: https://www.byandrev.dev/es/blog/start-your-competitive-programming-journey

La programación competitiva es un emocionante y desafiante mundo en el que los programadores ponen a prueba sus habilidades de resolución de problemas y su capacidad para escribir código eficiente en un entorno de competencia.

Me gusta decir que la programación competitiva es como un deporte. Te mostrare los pasos que debes seguir para empezar en esto.

Aprender los fundamentos de algun lenguaje de programación
Antes de sumergirte en la programación competitiva, es crucial tener un sólido dominio de los fundamentos de la programación. Familiarízate con un lenguaje de programación como Python, C++ o Java, y comprende los conceptos básicos, como variables, estructuras de control, funciones y estructuras de datos. Aprende Python: https://aprendepython.es/
Estudia las estructuras de datos básicas
La programación competitiva implica resolver problemas en el menor tiempo posible, por lo que es esencial estar familiarizado con las estructuras de datos y algoritmos comunes. Te recomiendo practicar los: arreglos, maps (diccionario en python), matrices, colas, pilas y etc.
Práctica y práctica
Existen numerosas plataformas en línea diseñadas específicamente para la programación competitiva, Codeforces , HackerRank , y el TrainingCenterUFPS . Regístrate en una o varias de ellas y participa en los desafíos y competiciones que ofrecen.

La programación competitiva es un emocionante desafío que te permitirá mejorar tus habilidades de programación, desarrollar tu pensamiento analítico.

Para programar debes tener un buen ambiente de trabajo, por eso te recomiendo el editor online RPCIDE desarrollado por mí que está enfocado en la programación competitiva.