Etiqueta: Integración Web

En este nuevo ejercicio o tutorial vamos a seguir viendo y a seguir practicando el uso de las propiedades de CSS3, la dinámica es ver un poco lo que podemos hacer con el poderosoCSS3. En este ejercicio veremos como mostrar información oculta en un banner animado utilizando CSS3 y algunas de sus propiedades y así simularemos un efecto buen efecto 3D. Esto es lo que vamos a conseguir: Ver Demostración Si vistes el demo te habrás dado cuenta que el efecto es agradable y realista por lo menos en los buenos navegadores…

Leer más

Un elemento que no debe de faltar en el proceso de diseño y desarrollo web es el wireframe, pero ¿Qué es un Wireframe y para que nos sirve?, bueno, hablando en el contexto de diseño y desarrollo de paginas web, un wireframe es esencialmente una guía visual que representa la estructura del sitio, es el esqueleto, el esquema u orden del diseño. Normalmente este se crea antes que el diseño ya que el diseño depende de la estructura que hayamos definido.  Normalmente esta tarea la realiza un arquitecto de información dependiendo de…

Leer más

Las hojas de estilos en cascadas (CSS) son la herramienta  que utilizamos para dar estilos a nuestras estructuras web, sabemos el poder y alcance que tenemos cuando utilizamos esta tecnología, y mas ahora que podemos hacer cosas realmente sorprendentes utilizando css3, pero pasar de lo realmente fácil a lo tedioso y aburridor solo hace falta un paso, no se si has tenido que actualizar estilos a un portal web o a una pagina grande en contenido, cambiar colores, botones, tipografías.. teníamos que buscar los estilos que se estaban aplicando al elemento y…

Leer más

Las hojas de estilos en cascadas (CSS) son la herramienta  que utilizamos para dar estilos a nuestras estructuras web, sabemos el poder y alcance que tenemos cuando utilizamos esta tecnología, y mas ahora que podemos hacer cosas realmente sorprendentes utilizando css3, pero pasar de lo realmente fácil a lo tedioso y aburridor solo hace falta un paso, no se si has tenido que actualizar estilos a un portal web o a una pagina grande en contenido, cambiar colores, botones, tipografías.. teníamos que buscar los estilos que se estaban aplicando al elemento y…

Leer más

Muchas veces queremos mostrar cierta información asociada a algún grafico o imagen, y la mejor opción es utilizar la técnica Caption, esta nos permitirá hacer la descripción, hacer algún tipo de referencia o simplemente agregar algunos títulos. Con CSS Y algunas características de CSS3 podemos hacer esta experiencia un poco mas animada e interactiva, en este tutorial veremos como hacer un efecto caption a nuestras imágenes, que podemos utilizar para mostrar en nuestro portafolio, mostrar productos etc.. Ver Demostración ok, vamos a comenzar. EL HTML 1 2 3 4 5 6 7 8 9…

Leer más

Html5 introdujo varios elementos que podemos utilizar para seccionar nuestros sitios web, para marcar y diferenciar secciones de la misma, cuando utilizamos estos elementos deHTML5 estamos enriqueciendo nuestro proyecto ya que estamos dando un significado semántico de alto valor que los navegadores modernos sabrán interpretar rápidamente el contenido y también sabrá como esta estructurado el sitio web. En esta entrada vamos a ver como y cuando debemos utilizar estos elementos para seccionar nuestra pagina web basada en HTML5. Elemento <Main> Este nuevo elemento de HTML5 define el contenido principal o mas importante en…

Leer más

Hay muchos valores en CSS que se definen por medio de Keywords o palabras clave con características muy diferentes, algunas muy conocidas y otras no tanto. Hay un grupo de ellas de las que podemos heredar valores de propiedades de CSS con solo especificarla, en la versión CSS2.1 contábamos con inherit para realizar este trabajo, ahora en CSS3 contamos con nuevos valores de herencia que muchos diseñadores o desarrolladores de pronto no estén al tanto de ellas. En este post vamos a ver como podemos aplicar valores de herencia en…

Leer más

El diseño de una plantilla web es la primera impresión que se lleva el visitante del sitio, por eso debemos de ser cuidadosos al momento de elegir la piel, template o plantilla de nuestro sitio web. En internet hay miles de ellas, muchas gratuitas o tras muy bien acabadas pero no siempre al alcance del bolsillo para su adquisición, sin embargo ciertos sitios que se dedican a la comercialización de plantillas para sitios web, sacan semanalmente o mensualmente versiones gratuitas de sus productos de muy buen aspecto y buen acabado…

Leer más