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

Aprende sobre símbolos especiales con html

&#Numeric character reference; For example, to display the © symbol using the numeric character reference, enter: &#169; Character entity reference (“Code” column in the table) is the standard name of a given character. To use the character entity reference in your HTML code, use the following format instead: &Character entity reference; For example, to display the © symbol using the character entity reference: &copy; – ID Code – Description Á 193 Aacute 1 latin capital letter A with acute á 225 aacute 1 latin small letter a with acute â 226 acirc…

Leer más

Condiciones compuestas LINUX PHP.

En muchas ocasiones es necesario presentar mas de una condicion para su evaluacion al computador. Por ejemplo que el computador muestre la boleta de un alumno, si este estudia la carrera de medicina y su promedio de calificaciones es mayor de 70. Una condicion compuesta se define como dos o mas condiciones simples unidas por los llamados operadores logicos. Los operadores logicos que PHP reconoce son: OPERADOR SIGNIFICADO && tambien and “Y” LOGICO tambien or “O” LOGICO ! “NO” NEGACION xor Cierto solo si uno es cierto pero no ambos Ejemplo: if (…

Leer más

Aprende cómo insertar una imagen con html.

<IMG SRC=url> Este tag se usa para insertar una imagen jpg o gif en un documento o pagina sus principales atributos son: SRC=url ←- direccion donde esta almacenada la imagen, puede ser relativa ”../folder/CONEJO.JPG” o puede ser absoluta “http://programacionfacil.com/conejo.jpg” ALT=“mensaje” ←– Propiedad muy util y siempre debe utilizarse, es decir si algun browser no puede desplegar la imagen, en su lugar el browser desplegara el mensaje contenido en este atributo. ALIGN=[left,right,top,middle,bottom] ←- Acomoda la imagen con respecto al texto que la rodea. HEIGHT=n pixels ←- altura en pixels de la…

Leer más