Rutas de Aprendizaje Libros Cursos Categorías Anuncios

The object-fit property in CSS to fit images with CSS without distorting them

14-12-2025 - Andrés Cruz

The object-fit property in CSS to fit images with CSS without distorting them

CSS The CSS property object-fit specifies how the content of an element (such as an image) should be displayed and adjusted when the width and height of this element vary with respect to its container; it is generally applied to i


The clip-path property in CSS for selecting regions to display in elements

16-12-2025 - Andrés Cruz

The clip-path property in CSS for selecting regions to display in elements

CSS The CSS clip-path property allows you to specify regions of any of the existing HTML elements through geometric shapes.


CSS background property

16-12-2025 - Andrés Cruz

CSS background property

CSS This property is the shorthand way to set other related properties, including those related to the color and background images of an element; that is, those whose prefix is ​​background-.


Image rendering: How to display pixelated images (Pixel art) with CSS3?

19-12-2025 - Andrés Cruz

Image rendering: How to display pixelated images (Pixel art) with CSS3?

CSS In this entry we will see how to display pixelated images using the image-rendering property in conjunction with its pixelated value; we will also discuss possible use cases for this property and other values ​​of it.


The invert filter in CSS and some of its possible uses

20-12-2025 - Andrés Cruz

The invert filter in CSS and some of its possible uses

CSS It explains how to use the CSS invert filter on images, we do several examples with the CSS3 invert filter along with hover, transitions, and a complete example, the invert filter inverts the colors of the images.


Creating reflections in our images with webkit-box-reflect

20-12-2025 - Andrés Cruz

Creating reflections in our images with webkit-box-reflect

CSS It explains how to create a reflection of an image using the webkit-box-reflect property, as well as its basic syntax that allows changing the position, displacement, and even the possibility of applying masks to create reflections.


Getting started with CSS transitions, using steps, and examples on images

21-12-2025 - Andrés Cruz

Getting started with CSS transitions, using steps, and examples on images

CSS Transitions are progressive, smooth, and visually appealing state changes; with CSS we can alter the size, spacing, color, borders, opacity, and in short, any property with its assigned value that applies a shape or style to an element. We can also use steps() to control the movement of animations by indicating the number of "frames" or jumps that we want an animation or transition to consist of.


What is Canvas? Basic use of the Canvas API in HTML and tutorials

23-12-2025 - Andrés Cruz

What is Canvas? Basic use of the Canvas API in HTML and tutorials

JavaScript The canvas element allows us to specify an area of ​​the page where we can draw and create all kinds of simple or complex graphics from basic primitives such as circles, ovals, rectangles, lines, polygons, text, etc. We will see examples of how to crop images, loops to draw lines, keyboard events, and how to obtain the RGB channel.


PhotoView or photo viewer in Flutter

09-01-2026 - Andrés Cruz

PhotoView or photo viewer in Flutter

Flutter We're going to use a plugin to configure the PhotoView in a Flutter application; with this plugin we can create a gallery with zoom and rotation effects.