Introducción a los Preprocesadores CSS

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

Introducción a los Preprocesadores CSS

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

Inscripciones Abiertas el lunes 13 de Julio

El lunes 13 de Julio: Inscripciones abiertas, Diplomado de Programación,  Diseño Digital, Integración Web y Mercadeo  Inscripciones abiertas.  CLASES PRESENCIALES: Mañana  9am a 12m Lunes a Viernes de 9am a 12m: PostgreSQL Lunes a Viernes de 9am a 12m:  3D Blender Lunes a Viernes de 9am a 12m:  Diplomado de Diseño Digital Lunes a Viernes de 9am a 12m:  Android nivel 3 Tarde 2pm a 5pm Lunes a Viernes de 2pm a 5pm:  Diplomado de Diseño Digital Lunes a Viernes de 2pm a 5pm:  Photoshop Lunes a Viernes de 9am a 12m:   JQuery Lunes a Viernes de 9am…

Leer más

Efecto caption a Imágenes con CSS3

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

Conoce algunos elementos HTML5 básicos para seccionar documentos web

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

Valores de herencia en CSS3 con: inherit | initial | unset

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

Aprovecha algunas Plantillas HTML5 Responsive Gratis

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

Nube de etiquetas con enlaces

Esta vez vamos a terminar de mejorar la nube creando enlaces en los nombres de las etiquetas.  Para ello vamos a necesitar las mismas tablas que utilizamos en elartículo anterior y fijándonos en que utilizaremos el nombre lógico para crear la url del enlace.  Aquí vamos a tener que crear otro array asociativo con los datos que necesitamos para crear el enlace, es decir, el nombre de la etiqueta y el nombre lógico. Para ello tendremos que hacer otra nueva consulta a la base de datos con los datos de cada…

Leer más

Código PHP de la nube de etiquetas

En este script he simplificado bastante la creación de la nube de etiquetas, para centrarnos en lo que realmente nos interesa en un principio, que cada etiqueta aparezca en la nube con un tamaño de texto relativo al número de apariciones que tiene.  Array de etiquetas  Las etiquetas de la nube las vamos a extraer de un array que tenemos que generar previamente. Utilizaremos un array asociativo, donde el índice de cada elemento tendrá el nombre de cada etiqueta. Como valor del array tendremos el número de apariciones de esa…

Leer más