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

Aprende sobre los operadores aritméticos con Java

Un operador es un símbolo especial que indica al compilador que debe efectuar una operación matemática o lógica. Java jSP reconoce los siguientes operadores aritméticos: Operador Operación + Suma – Resta * Multiplicacion / Division % Residuo o Modulo Como notas importantes a recordar siempre; En problemas de division entre enteros, java trunca la parte residual, ej; Desplegar—> 13/5 —> el resultado es 2 Mas adelante se dira como resolver este problema. Para resolver los problemas de potencias y raíces, se usan ciertas instrucciones especiales que proporciona el lenguaje, llamadas…

Leer más

Efecto de nieve en Flash, ¡Descubre cómo!

Debemos abrir un nuevo documento de Flash y cambiar el color blanco del fondo del escenario por uno oscuro que permita distinguir el efecto de nieve que se pretende realizar. Crear un MovieClip, seleccionando en el menú: Insertar > Nuevo símbolo y nombrarlo SnowFlake Dentro de dicho MovieClip dibujar un círculo blanco sin bordes, con la herramienta Óvalo, de apróximadamente 4 x 4 píxeles. Seleccionar en la biblioteca el MovieClip creado(SnowFlake) con el botón derecho del mouse. En el menú hacer click a la opción Linkage y seleccionar la opciónExportar para ActionScript . Este MovieClip será el copo…

Leer más