tag:blogger.com,1999:blog-52482476562243700682024-03-14T05:46:32.570-07:00Hacker of the WebAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.comBlogger14125tag:blogger.com,1999:blog-5248247656224370068.post-420783019905582732014-07-13T19:11:00.002-06:002014-07-13T20:40:00.376-06:00CSS3: Media Queries, tu sitio web dinamicoDespués de mucho tiempo lejos de mi estimado blog, estoy de regreso con algunas propuestas nuevas, poco a poco estaré haciendo algunos cambios. Claro que después de haberlas probado extensamente en mi blog de pruebas. Pero por ahora aquí les dejo algunas opciones que se pueden utilizar en cuanto a la maquetación en nuestro sitio web, en esta ocasión hablaremos de la regla @media, que podemos Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com5tag:blogger.com,1999:blog-5248247656224370068.post-89675607839394596732011-07-04T20:23:00.002-06:002015-02-07T16:42:57.706-07:00CSS3: Propiedad Transition, crea animaciones solo con CSSPara nosotros los creadores de la magia en internet, los que hacemos posible que los internautas pasen un buen (o mal) rato navegando por internet, para nosotros que siempre estamos tratando de llevar lo mejor a nuestros amigos lectores, hay una buena noticia. Gracias a los ultimos desarrollos del lenguaje CSS podremos ofrecer una mejor experiencia en nuestros sitios con el menor esfuerzo.
EstaAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com18tag:blogger.com,1999:blog-5248247656224370068.post-19901264763517747212011-07-01T09:01:00.004-06:002011-07-04T21:01:14.881-06:00CSS3: Cambiar color de fondo dinámicamenteAhora seguimos creando estas animaciones con CSS3 puro. En la categoría de CSS3 puedes ver todas las nuevas propiedades que tiene la tercera versión del CSS. Esta vez veremos como cambiar el color de fondo de cualquier elemento de nuestra página web. Aqui el ejemplo:
Texto de ejemplo
Muy pocos sitios web utilizaban este tipo de efectos con Javascript, debido a la dificultad del Javascript para Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com6tag:blogger.com,1999:blog-5248247656224370068.post-49149491032863687232011-06-27T16:41:00.001-06:002011-07-04T21:01:14.882-06:00CSS3: Agrandar imágenes ó texto al pasar el mouseEn esta ocasión explicaré como crear un elegante efecto con CSS3 para las imágenes, texto o cualquier parte de tu sitio web o blog. Se trata de hacer que cuando el mouse de nuestras visitas pasen por encima de alguna imagen o texto, se agrande animadamente, un ejemplo lo explica mejor:
Este mismo efecto es el que puedes ver en la cabecera de Santyweb y se ve bastante bien, tanto que, podría Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com13tag:blogger.com,1999:blog-5248247656224370068.post-37396551521008625082011-06-17T18:21:00.002-06:002011-07-04T21:01:14.883-06:00CSS3: Anima todos los enlaces en tu BlogLos enlaces en una página web no siempre son bonitos, claro que se puede cambiar esto con un que otro efecto con pesados algoritmos Javsacript. Pero sin duda CSS3 es la manera mas rápida y facil de lograr crear un efecto con los enlaces en nuestro blog, mira un ejemplo:
Un enlace
Se ve bastante bien, solo necesitamos de CSS3 y lo mejor de todo es que Firefox, Chrome y Opera soportan esta Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-89656454368896497542011-06-12T13:45:00.003-06:002011-06-12T13:48:28.925-06:00CSS3: Reflejos en imágenes, elementos y objetosSeguimos hablando de las nuevas propiedades que tendrá el CSS3 y ahora toca el turno a una propiedad que nos permite crear un efecto de reflejo a cualquier elemento de nuestro blog o sitio web. Solo con una linea de código tendremos un espectacular efecto reflejo.
Los navegadores que soportan este efecto son Chrome y Safari. Así que extremen sus precauciones al utilizar este efecto, usenlo Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com0tag:blogger.com,1999:blog-5248247656224370068.post-68483724917815046542011-06-03T05:58:00.004-06:002011-07-04T21:01:14.884-06:00CSS3: Rotar/Girar elementos al pasar mouse o ratonAlguna vez en toda tu vida de webmaster o diseñador web, ¿te imaginaste que algún día podrías utilizar CSS para crear una animación?. Yo tampoco(si la respuesta fue no xD) pero ahora es posible, gracias a CSS3 y a sus nuevas características podemos fácilmente prescindir de flash u otras tecnologías.
El CSS desde la llegada de su tercera versión, ha dejado de ser unas simples reglas para Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com12tag:blogger.com,1999:blog-5248247656224370068.post-77472037719911658552011-05-31T20:36:00.001-06:002011-06-01T14:50:18.051-06:00CSS3: Efecto 3D en TextoUna de los puntos fuertes de este mejorado CSS3, es sin duda y entre otras cosas el aspecto del texto. Ya que mediante esta herramienta, podemos fácilmente manipular el aspecto del texto sin necesidad de utilizar imágenes. Por ejemplo, aplicar un efecto 3D en algún texto:
Esto se logra gracias a la nueva propiedad 'text-shadow' que ya es soportada oficialmente en CSS3, es decir, que es Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com7tag:blogger.com,1999:blog-5248247656224370068.post-73138435539919551022011-05-25T03:23:00.003-06:002011-05-25T10:12:09.147-06:00Generadores de CSSCuando empezamos por primera vez a sambutirnos en este lenguaje tan abstracto. Al final del día termina por abrumarnos tantas propiedades que podemos modificar a cada elemento de una página web.
Es por eso que surgen este tipo de generadores, que nos permiten ovlidarnos de los códigos para manipular algunas propiedades CSS mediante interfaces visuales.
De entre los generadores mas populares Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-11186347443896292552011-01-23T06:30:00.003-07:002011-07-08T15:01:38.724-06:00CSS3: Interesantes gradientesEl CSS es una herramienta que todos o al menos la mayoría de los Bloggers debemos o deberíamos de conocer o almenos los fundamentos. Ya que nos permite darle a nuestro web/blog el estilo que prefiramos de un manera sencilla.
En esta entrada explicaremos como podemos utilizar en nuestros blog los gradientes que se han agregado en CSS3. Si no eres muy experimentado con el CSS no temas, que aquí Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com2tag:blogger.com,1999:blog-5248247656224370068.post-65938535742150364772010-01-23T09:33:00.005-07:002011-05-14T22:13:45.855-06:00DHTML: Ventanas emergentes sencillasHace poco DiGiTaL me preguntaba que si sabia como crear ventanas emergentes en el blog. Despues de esa pregunta me dispuse a desarrollar un sistema mediante por el cual poder crear ventanas emergentes en unos cuantos pasos, aqui explicaré el resultado. Primero que nada, ¿Qué es DHTML? Dynamic-HTML, o HTML dinámico en español, es un conjunto de técnicas que permiten crear sitios web en los que elAnonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com6tag:blogger.com,1999:blog-5248247656224370068.post-18581855784941133872010-01-22T09:33:00.005-07:002011-05-14T22:13:26.722-06:00CSS3: Sorprendentes botones para formularios Si bien los formularios son de gran utilidad para que los visitantes de un determinado sitio web, puedan interactuar con el administrador o con la misma página. Pero siendo honestos la mayoría de estos formularios tienen aspecto horrible, aunque no deje de funcionar como se espera.Es ahí donde interviene la creatividad, una herramientas y una taza de café(esta ultima es opcional :P). Las Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4tag:blogger.com,1999:blog-5248247656224370068.post-82040898078138828532010-01-19T09:33:00.004-07:002011-05-14T22:13:26.723-06:00CSS3: Box Shadow (Sombras)Otra propiedad sobresaliente y novedosa en la nueva version de CSS, la numero 3, es: Box-ShadowLa sintaxis de esta propiedad es la misma que en Text-ShadowPero a diferencia de Text-Shadow, Box Shadow no es muy generica y por el momento es necesario colocar un "-moz","-khtml","-webkit" para que funcione perfectamente en todos los navegadores excepto IE: -khtml-box-shadow: 0 0 3px #333;Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com1tag:blogger.com,1999:blog-5248247656224370068.post-75254685354465454382010-01-16T21:21:00.017-07:002011-05-14T22:13:26.724-06:00CSS3: Varias imagenes de fondo(BackGround)CSS es una herramienta muy potente, que ha ido evolucionando siendo CSS3 la ultima versión, en la cual se agregaron y se eliminaron características. Tambien se modificaron, como es el caso de la propiedad Background la cual admite mas de una imagen, sin tener que agregar capas flotantes, el resultado es el siguiente:Este es el efecto!!Si no lo observas es el siguiente:Código HTML:<div>Este Anonymoushttp://www.blogger.com/profile/00151232359275154806noreply@blogger.com4