Word-wrap en CSS 3. ¡Descubre cómo!

Una propiedad de CSS 3 que sirve para romper las palabras que son demasiado largas y no caben enteras por la anchura de una caja. Estamos dando un repaso a las novedades que traerá la especificación CSS 3 y en este caso vamos a ver una propiedad interesante que servirá para que ciertas palabras que son demasiado largas y no caben en la anchura de una caja. Como debemos saber, en el modelo de caja de los navegadores, las palabras se van colocando en líneas para ocupar toda la anchura disponible en…

Leer más

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

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

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

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