Menú de navegaciónMenú
Categorías

La mejor forma de Aprender Programación online y en español www.campusmvp.es

1036 artículos publicados

Cómo hacer un sencillo slider con HTML y CSS (y sin tocar JavaScript)

Imagina que puedes crear una pequeña galería de imágenes sin escibir una línea de JavaScript. ¿No te lo crees? Pues en este post veremos cómo hacerlo de una forma muy sencilla. Una pista, tiene relación con que, cuando al href de un enlace consiste en una almohadilla (#) seguida de una palabra, el navegador te llevará hasta el elemento cuyo ID coincida con dicha palabra. Y hasta aquí puedo leer... [Más]

Los mejores editores gratuitos de HTML, CSS y JavaScript (2019)

Este post es una actualización de uno que escribí hace 5 años con una lista bastante larga de opciones para crear y editar páginas web, muy orientada especialmente a editores visuales. En la actualidad usar editores visuales no tiene mucho sentido y además el panorama ha cambiado sustancialmente. Tras años de peticiones para que actualizase aquel post, por fin me he decidido a hacerlo (¡siento haber tardado tanto!). Aquí os dejo los motivos del cambio de enfoque y una lista de mis editores favoritos con 3 enfoques/categorías diferentes. ¡Allá vamos! [Más]

Si position: sticky; no te funciona, quizá sea por esto...

La propiedad de CSS position, como su propio nombre indica, sirve para posicionar elementos HTML. Anteriormente ya echamos un vistazo general a sus propiedades con especial atención a position:absolute;, que es uno de sus valores más útiles. En este post veremos otro interesante valor de esta propiedad: position:sticky; que a veces se pone rebelde y no quiere funcionar, aparentemente sin razón. Si position:sticky; no te funciona, sigue leyendo, porque quizá estás pasando por alto alguno de los detalles que hay que tener en cuenta para usarlo. Y si no, también, porque te puede ahorrar tiempo en el futuro. [Más]

Cómo "dockerizar" un entorno de Github Pages

En la serie de artículos de David Charte sobre cómo escribir un blog y generar webs estáticas con Jekyll para GitHub Pages, aprendimos los conceptos y detalles para conseguir un entorno local de desarrollo con Ruby y Jekyll. Profundizando un paso más, vamos a explicar como haciendo uso de Docker podemos olvidarnos de cualquier proceso de instalación y conseguir un entorno fácil, sencillo y listo para compartir entre diferentes equipos sin importar el SO (MacOS/Windows/Linux) y sin "ensuciar" el sistema con instalaciones. En este artículo aprenderemos a crear nuestra imagen base de Docker para finalmente ejecutar nuestro entorno local con un simple docker-compose up. [Más]

Cómo adaptarse a la RGPD con ASP.NET Core

Con la llegada de la RGPD (o GDPR, General Data Protection Regulation) y sus efectos sobre todas las empresas respecto a la privacidad, nos vimos obligados a introducir modificaciones en nuestras aplicaciones web con objeto de soportar los nuevos requisitos de seguridad y privacidad impuestos por las autoridades europeas.
La entrada en vigor, el 25 de mayo de 2018, prácticamente coincidió con el lanzamiento de ASP.NET Core 2.1, que se subió al hype y aprovechó para introducir algunas novedades que, de alguna forma, nos ayudaban a implementar algunos de los requisitos exigidos por esta nueva normativa.
Algunas de estas funcionalidades, que exploraremos en mayor detalle a lo largo de este artículo, se implementan en forma de componentes incluidos en el framework ASP.NET Core, mientras que otras son simples adiciones a la plantilla de proyectos MVC y Razor Pages. [Más]

Un vistazo a las columnas responsive en HTML5 y CSS3

Aprende a dividir el contenido de tus páginas en columnas responsive usando solo unas pocas reglas de CSS.

Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas. Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos quedasen demasiado grandes (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript. [Más]

Visual Studio Code + Angular: cómo montar un entorno de desarrollo productivo para este framework

Un motivo por el que se selecciona un framework frente a hacerlo todo a mano desde cero es el tiempo que te ahorras. El tiempo de un desarrollador es tremendamente importante (y caro) por eso existen herramientas como Angular, que proporcionan técnicas para optimizar el tiempo de desarrollo. Aparte de escoger correctamente el framework, es muy importante aprender a trabajar de manera productiva con él, y esto implica aprender a configurar nuestro entorno de trabajo para facilitar el día a día. En este artículo te mostramos una configuración productiva para trabajar con Angular, aunque la mayoría de puntos son aplicables a cualquier otro framework JavaScript. [Más]

Crea tu propia página o blog gratis con Jekyll y Github: Parte 5 - Vídeo práctico

En las anteriores partes de esta serie hemos trabajado con Jekyll y hemos visto todo el proceso de publicar gratuitamente páginas y blogs basados en este generador de sitios estáticos aprovechando Github. También vimos cómo extenderlo mediante plugins, cómo compilar todo en local para poder comprobarlo antes de subirlo a Internet, y cómo realizar el proceso de publicación automáticamente. Ahora vamos a ver cómo hacerlo en la práctica, para lo cual te dejamos este vídeo de David Charte en el que resume todo el proceso. [Más]