Forem: Osama

🌈 VS-Code / Active Bracket pair colorization easily 🌈

Osama — Sat, 09 Oct 2021 20:29:32 +0000

This is an easy tutorial to show how to active the new feature in vscode.

0 - Open VS Code (it was necessary to indicate)

1 - Open Editor Settings (use the shortcut or do this 👇)

Then this tab will open

2 - Search "Bracket Pair"

3 - Select both of the options

Code view with colored bracket(HackTheBox Theme)

When and where I use px, rem, vw and vh

Osama — Sun, 12 Sep 2021 17:59:05 +0000

Hi everyone.

I have decided to create a post to share my point of view about units of measure in CSS.

All that I am going to put next are things that I have learned in open source and personal projects, that is, by practicing a lot.

I'm just going to talk about the units of measurement that I usually use. And it should be noted that the use cases that I am going to present are to make a responsive design

px (pixel) : px I only use it in very isolated and small cases, for example. When I want to give a fixed font size or even for fixed margins and paddings.

rem (root em) : I use rem for the same elements in px, but with the difference that it is something variable or responsive, for example text fonts and responsive spacing.

vh (view height) - vw (view width): These two measurements, being a reference to the size of the screen, are used to measure the layouts.

Thanks so much for reading.
If you have any suggestion, let me know it in the comments.

Spotify Front

Osama — Mon, 23 Aug 2021 21:35:59 +0000

Buenas !

Llevo un par de semanas pensando en hacerme mi propio portafolio con ideas personales sin seguir ningún tutorial, y así fue cómo nació el primer proyecto que voy a agregar a mi portafolio.

Spotify Front es un intento de replicar una vista aleatoria de la aplicación de spotify en el navegador.

La vista a replicar es la siguiente:

El resultado:

El proyecto estaba enfocado en poner a prueba mis habilidades en maquetación sin usar ningún tipo de librería ni framework. También se dejó de lado el tema de las animaciones y los hovers, ya que el propósito de este proyecto era aprender/mejorar el manejo de distintas propiedades en CSS y realizar un buen nombramiento de clases para que se entienda mas o menos la estructura del proyecto.

Les dejo el enlace por aquí por si quieren visitar el repositorio en donde lo tengo todo guardado y commiteado por si me quieren dar cualquier tipo de feedback: https://github.com/blueC4P/spotify-front

Saludos ! ✌

Hola mundo

Osama — Mon, 23 Aug 2021 00:55:33 +0000

Buenas !

Soy Osama (aka blueC4P) y soy desarrollador web junior y un curioso de la seguridad informática.

Las publicaciones que iré subiendo serán a modo de portafolio/tutorial de lo que vaya aprendiendo por mi cuenta o en cursos.

Saludos a todos :D !