Diseño Web Responsivo III El codigo
Por fin la parte que mas me gusta de esta serie de 3 artículos sobre diseño web responsivo: El Código puro y duro, pero antes algunas consideraciones
Mas Info >>
Audiovisuales Bravo
Tecnologias usadas
- CMS
- Html
- css
- java
- php
- Ajax
Puedes visitar el proyecto en Audiovisuales Bravo – Portafolio
Nivo Slider en Sidebar WordPress
La mayoria de los que hacemos Diseño Web y desarrollamos sobre la plataforma de wordpress utilizamos Nivo slider, pero a veces no sabemos implementar Nivo Slider en Sidebar, en este post trataremos de explicar en forma facil y directa como hacerlo.
Bueno primero hay que cerciorarnos de que el nivo slider este cargado para eso vamos al escritorio de wordpres y le damos en apariencia / editor , y al lado derecho buscamos el archivo «header.php» le damos click para editarlo y revisamos que este cargando el siguiente codigo:
Mas Info >>
jQuery dentro de entradas de WordPress
En Diseño Web Roger Soto, nos caracterizamos por desarrollar paginas web interactivas y para ello usamos en formas exhaustiva, y algunas veces abusiva la fabuloso jquery, y a pesar que que su implementación en wordpress es sencilla, a veces nos suele dar algunos dolores de cabeza. Por ello hemos realizado este simple tutorial, para guiarlos paso a paso como insertar jQuery dentro de entradas de WordPress
Como actualizar paginas web ( Borrar caché )
¿Cómo borrar caché de mi navegador?
Cuando Actualizamos las paginas web de nuestros clientes aveces no pueden observar los cambios en tiempo real, esto se debe a que los navegadores guardan una copia de la pagina web en el computador del usuario, y cuando el usuario requiere la pagina web, el navegador muestra la que tienen almacenada, estos datos que los navegadores guardan en el computador se les conoce como memoria chache, y para que pueden mostrar los datos mas actuales usualmente hay que borrar esta memoria cache, la forma de borrar estos datos varia en segun el navegador que uses, aqui te explicamos como borrar la memoria cahe de los principales navegadores.
Abrir una ventana al cargar el blog
Al parecer a muchos les a gustado ver como se abre una ventana al cargar el blog de Diseño Web Roger Soto, que estoy usando para el saludo navideño, pero que muchos usan para mostrar publicidad, mostrar un video, o una animacion flash.
Bueno para Abrir una ventana al cargar el blog, solo sigan los siguientes pasos que no es muy dificil. Primero el pseudo codigo:
Mas Info >>
get_thumbnail wordpress o imagen destacada wordpress
Seguramente que muchos cuando estan desarrollando un theme para wordpress se han encontrado con esta funcion, que usan algunos themas de pago, para hacer la presentacion de las imagenes destacadas en alguna parte de la entrada o de una pagina, bueno el problema pasa que al ser una funcion de los desarrolladores de los themas, no tiene documentacion, y tampoco esta sujeta a versiones ni compatibilidades. En Resumen Mas Info >>
Huevos de Pascua o Eastern Eggs Programas ocultos en tu pc
Los Huevos de Pascua o Eastern Eggs son basicamente pequeños trozos de codigo que los programadores ponen en los programas que desarrollan para que los usuarios mas adeptos lo encuentren y capten la broma.
Existen muchos memorables huevos de pascua como el Juego estilo Doom para Excel 95 y el clasico protector de pantalla 3D Text que viene con Windows 98 si le ponias la palabra volcano, te mostraba los nombres de los volcanes de USA.
Aca les dejo una lista de los Huevos de Pascua que conosco y que funcionan actualmente
Mas Info >>
fancybox galeria de imagenes con una Imagen
La Mayoria de diseñadores o desarrolladores alguna vez hemos utilizado el fabulozo fancybox Su página oficial es:FancyBox
No voy a explicar su uso ya que eso esta muy bien explicado por toda la red, pero lo que si voy a explicar es como usar una sola imagen para mostrar varias imagenes con fancybox osea fancybox galeria de imagenes con una Imagen, ya que eso no es muy claro.
Primero el HTMl asi ke en la cabecera (
) ponemos los codigos necesarios para cargar el Fancy box asi :<link type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script> <script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script> <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>