Artículos
-
CSSCómo crear una galerÃa de imágenes responsive a ancho completo con CSS y Masonry
En este tutorial os voy a mostrar cómo crear una galerÃa de imágenes responsive a ancho completo con CSS y Masonry (es una librerÃa de diseño de grids en JavaScript). En este caso veremos cómo crear una galerÃa de imágenes, pero puedes aplicar lo mismo para mostrar artÃculos, perfiles de...
-
JavascriptCómo funciona la Battery API de Javascript
En este tutorial te vamos a mostrar cómo utilizar la Battery API de JavaScript para mejorar la experiencia de aquellas personas que siempre están necesitadas de un cargador de móvil. Es por eso que desgranaremos cada caracterÃsitica de esta API, asà como algunas técnicas para sacar el máxi...
-
CSSLos 6 mejores generadores de código CSS
Los desarrolladores web siempre estamos buscando atajos para ahorrarnos algo de tiempo en nuestra rutina de trabajo. Muchas herramientas para desarrolladores nos facilitan muchÃsimos procesos, y ahora es cada vez más fácil obtener un producto terminado en un periodo corto de tiempo. Con el aug...
-
CSSCómo personalizar la vista de lectura de Firefox para una mejor legibilidad
La vista de lectura es una caracterÃstica muy popular del navegador Firefox, que cambia la apariencia de una página web, y hace que sea más fácil de leer, eliminando cosas que molesten al leer como pueden ser imágenes, anuncios, encabezados y sidebars. La vista de lectura, sin embargo, no es...
-
JavascriptLibrerÃas de CSS y Javascript para este agosto
Nuestra misión en programacion.net es mantenerte al dÃa con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que consider...
-
CSSEditando imágenes en CSS: Filtros
Imagina que te encuentras en la situación de tener que mostrar imágenes de un sitio web en alto contraste, desenfocadas o con mucho brillo. Antes de los filtros de CSS, tus únicas opciones eran, o bien modificarlas desde algún programa de edición de imagen como Photoshop o Gimp y generar dis...
-
CSSRecreando el menú de Google Nexus con jQuery y CSS3
Hace poco me encontré con un tutorial de Codrops en el que recreaban el menú de navegación de Google Nexus. Esto para mi fue muy inspirador, querÃa diseñar un sistema de navegación tan creativo como el de Google. Por tanto, he decidido crear una versión del menú en jQuery para desafiarme ...
-
CSSIntroducción a ITCSS para desarrolladores web
Hay un montón de métodos distintos para la estructuración del código CSS, y todos ellos funcionan de maneras diferentes. Los más populares son OOCSS y SMACSS, pero también existe un método menos conocido llamado ITCSS (triángulo invertido de CSS) creado por Harry Roberts.
-
JavascriptCreando un script de paginación utilizando PHP PDO con jQuery
Este tutorial cubrirá la tarea de crear un script simple de paginación utilizando PHP MySQL con jQuery. Para ello también utilizaré bootpag, un plugin de jQuery para implementar una paginación dinámica. Este plugin es muy sencillo de usar, asà que no te preocupes si no eres muy ducho en Ja...
-
JavascriptDesarrollando tu primera aplicación con Vue.js
Hoy vamos a ejercer nuestras capacidades con Vue.js desarrollando una aplicación muy sencilla para navegar entre los mensajes de reddit. Vamos a desarrollarlo todo desde cero para demostrar lo fácil que es crear interfaces de usuario con un framework como Vue.