Hace 4 años

Alto y ancho de la pantalla o ventana del navegador

Una de las maneras para adaptar un diseño a la resolución de la pantalla o de la ventana del navegador es usando la función de JavaScript. En PHP no es posible aberiguarlo porque se ejecuta en el lado del servidor. Pero lo que si podemos es pasar los valores de JavaScript a PHP al contrario que javaScript que lo hace en el cliente. Como muestra podéis ver vuestros valores, salvo que tengáis desactivado java.

Sigue leyendo …

942
Hace 4 años

Figuras geometricas con CSS3

Del diseño y los estilos de una página web se encarga la hoja de estilos CSS (Cascading Style Sheets). En un intento de reducir el uso de javaSript y de estandarizar el código, crearon CSS3 que además permite crear mejoras visuales como esquinas redondeadas, sombras, gradientes, transformaciones, transiciones, formas y movimientos.

En este articulo comparto una serie de figuras geométricas creadas solo con CSS. También hago uso de una propiedad llamada style contenteditable con la que el código usado para crear la figura, también es editable. De este modo podeis experimentar cambiando las variables o el mismo código.
Sigue leyendo …

8967
Hace 5 años

Preparar nuestras imágenes para la web

El robot de Google cuando visita nuestra web nos la califica según lo rápida que sea al cargar y si el valor conseguido es bajo nos la penaliza. Una de las causas son las imágenes que usamos para documentar un articulo o incluso para crear nuestro tema web. Por lo tanto el objetivo es reducir el tamaño de las imágenes lo más posible sin perder calidad y reducir el número de imágenes de nuestro tema usando Sprites CSS.
Sigue leyendo …

780
Hace 5 años

PHP

PHP – Hipertext Preprocesor, es un lenguaje diseñado para crear páginas web dinámicas, que está incrustado dentro del código HTML. Mi página mismo tiene código PHP de WordPress. Después de una introducción al lenguaje, dejo unas direcciones a documentación que iré actualizando y una chuleta sobre el código.

Actualizado el 15-10-2012

Sigue leyendo …

779
Hace 5 años

Como usar nuestras fuentes tipográficas en nuestra web

En esta web he usado cuatro fuentes tipográficas diferentes: Cookie, Hooteroll, McGannahan y Verdana. Para que el navegador de internet pueda visualizar estas tipografías, es necesario que estén instaladas en el sistema operativo, o que las añada en el tema de esta página web. El mismo logo es un texto con la fuente Cookie, y para que se vea tal y como lo he diseñado, he usado la etiqueta CSS3, @font-face.

Sigue leyendo …

855
Hace 5 años

Galería de imágenes con jQuery

   Con jQuery podemos tener una galería de imágenes muy vistosas, pero lo mejor es que podemos añadirlo a nuestra web de forma fácil. Mírate las demos, elige el que más te guste, descargas los archivos y sigue los pasos del tutorial para ponerlo en tu tema. La lista cada día es más larga, a si que poco a poco iré añadiendo los que me parezcan interesantes.

Sigue leyendo …

1266
Hace 5 años

Tabla de colores HTML

   Aquí os dejo la tabla de colores HTML. Si le dais a la imagen la podéis descargar para imprimir con más calidad. Creo que puede ser practica para poder escribir directamente el nombre del color, o incluso el valor en hexadecimal o decimal. De todas formas incluyo la tabla de colores en Hexadecimal y en RGB. En CSS3 tenemos una nueva opción para visualizar un color, con rgba(0/255 0/255 0/255 0/1). Se diferencia con rgb(), en que incluye el canal alfa con valores entre 0 y 1 para la transparencia.

Sigue leyendo …

2681