Consigue degradados para tus web con CSS3

Presentación de las características de los degradados con CSS3, que permiten hacer todo tipo de gradientes sin necesidad de usar imágenes. Los degradados son uno de los recursos que utilizan los diseñadores para decorar las webs y la verdad es que dan mucho juego para mejorar el aspecto de la página. No obstante, hasta la llegada de CSS 3, también tenían una desventaja importante, ya que para implementarlos necesitábamos usar imágenes como fondo de los elementos. Ello tiene algunas desventajas, como una mayor carga de peso en la página y…

Leer más

Crea un dibujo animado con CSS3.

Práctica general sobre diferentes técnicas de animación CSS, en el que realizamos un dibujo animado por varios elementos que tienen diferentes particualidades. En el presente ejercicio vamos a ver cómo podemos animar un dibujo con CSS 3 en varios puntos, que nos darán una idea global de las posibilidades de las animaciones CSS y nos ofrecerán una práctica completa de las técnicas que que hemos visto hasta el momento. En lo relacionado a las animaciones de objetos con CSS ya hemos visto algunos ejemplos interesantes con técnicas que vamos a utilizar en…

Leer más

Producir JSON desde PHP

Mostramos el modo de producir una cadena con notación JSON a partir de variables y objetos de PHP con la función json_encode(). En este artículo vamos a mostrar cómo crear un JSON desde PHP con las funciones nativas del lenguaje de programación del lado del servidor. Además veremos varias particularidades de la creación de cadenas de texto con notación JSON desde PHP, que son importantes de conocer para no caer en problemas comunes de este tipo de operaciones. Como ya comentamos en el artículo anterior, en el que presentamos las librerías…

Leer más

Textos multi-columna con CSS3

CSS3 incorpora nuevos atributos para que el navegador se encargue de producir texto multicolumna, es decir, que maquete directamente el texto en varias columnas sin tener que hacer nosotros nada. En este artículo vamos a tratar sobre las nuevas características de CSS para maquetación automática de textos en columnas, que se encontrarán disponibles cuando CSS 3 se implemente finalmente en los navegadores. Aunque todo esto no pase de un estado experimental, lo cierto es que ya podemos empezar a probarlo y utilizar en navegadores modernos, como muchas de las nuevas posibilidades…

Leer más

Callback de funciones jQuery

Con callback de jQuery podemos hacer una secuencia de llamadas a funciones o una pila de funciones que se ejecutarán una detrás de otra. A menudo cuando hacemos aplicaciones enriquecidas del lado del cliente con jQuery nos vemos en la necesidad de encadenar varias llamadas a funciones, para que una se ejecute detrás de otra, creando un efecto más elaborado. En este artículo veremos lo sencillo que es realizar lo que en inglés se llama «callback», es decir una función que se ejecuta después de otra. Apilar funciones, para que…

Leer más

Cómo crear un fondo nevando con CSS 3

Taller de animación CSS 3, en el que creamos un fondo donde simulamos que están cayendo copos de nieve, utilizando tan sólo con CSS 3. Las características de las Hojas de Estilo en Cascada en su tercera especificación, incluyen diversas utilidades para crear animaciones sin necesidad de programar, solamente definiendo estilos CSS. Es algo que ya empezamos a explicar en el artículo de introducción a las animaciones CSS. En estos momentos estamos ofreciendo varios ejemplos prácticos sobre cómo crear distintos tipos de animaciones CSS. En el presente artículo veremos un ejemplo…

Leer más

Bordes redondeados en CSS3

CSS 3 incorpora nuevas propiedades para el control de bordes de los elementos. Ahora se permiten bordes con las esquinas redondeadas, bordes con imágenes (incluso varias imágenes se pueden utilizar para definir el aspecto del borde), sombras, etc.  En este artículo vamos a explicar cómo realizar bordes redondeados con CSS3.  Tenemos la propiedad border-radius, que permite definir bordes redondeados en las esquinas, especificando las medidas del radio que deben darse a la curva de las esquinas. Su uso sería aproximado al que vemos a continuación:  border-radius: 5px; Definiría un radio de 5…

Leer más

Aprende cómo dibujar rectángulos en un Canvas

Canvas es uno de los nuevos elementos disponibles en HTML 5, que sirve para dibujar cosas en un lienzo de la página. Ya explicamos este nuevo componente en anteriores artículos de DesarrolloWeb.com, entre los que destacamos la Introducción a Canvas del HTML 5. Como ya se explicó anteriormente, canvas es un elemento sobre el que dibujamos por medio de sentencias en el lenguaje de programación Javascript. Sin embargo, por el momento todos los navegadores no son compatibles con este nuevo componente, por lo que tendremos que hacer comprobaciones para no ejecutar…

Leer más

Aprendeacerca de listas y tablas con html

Es importante entender que la buena organizacion del material contenido en una pagina web es un elemento muy importante para la “usabilidad: del propio sitio. Por ejemplo escribir una sola idea en un solo parrafo es muy importante para la claridad y comprension del usuario. Listas y tablas son maneras de organizar el conocimiento de manera facil y organizada pata su facil entendimiento por parte del usuario del sitio. <UL>…</UL> Lista no ordenada, cada uno de sus elementos deben ir dentro de un tag LI, sus atributos son TYPE=[disc, square…

Leer más

Conoce con nosotros acerca del componente checkbox en php

El componente CheckBox permite seleccionar una opcion al usuario del programa o tomar una decision directamente en pantalla. Ejemplos de uso: Observar que dos o mas checkboxs pueden estar seleccionados a la vez. Codigo prog5.php <HTML> <FORM ACTION=prog5.php METHOD=post> <b>sexo:</b><br> <input type=checkbox name=mas >masculino<br> <input type=checkbox name=fem >femenino<br> <input type=checkbox name=neutro >neutro<br> <INPUT TYPE=submit NAME=OK VALUE=»evento1″><BR> </FORM></HTML> <?php if ($OK == «evento1») { if ( $fem == «on» ){ echo «<B>femenino checado</B> «; }; if ( $mas == «on» ){ echo «<B>masculino checado</B> «; }; if ( $neutro == «on»…

Leer más