Archive for category: Recursos

27Oct 2011 2 Comments */?>

5 Shortcodes útiles y faciles de implementar para WordPress

Categories: Recursos, Tips de wordpress, Wordpress - Tags: ,

Hoy les traigo 5 shortocodes de WordPress poco comunes y super útiles que van a dejarlos con la boca abierta!!
Más adelante les voy a explicar como englobar todas estas funciones o shortcodes dentro de un plugin para no llenar nuestro functions.php de shortcodes.

Los shortcodes que vamos a ver son : Mostrar un snapshot de una página web , Añadir un botón de donaciones de Paypal, Ofuscar direcciones de email, Generar contenido privado y Mostrar solo en los feeds de RSS.

Read more

19Oct 2011 0 Comments */?>

Dropdowns que no funcionan en iPhone o iPad

Categories: Recursos - Tags:

Hoy en día el diseño para telefonos de última generación como el iPhone o teléfonos Android es algo que no podemos obviar. El otro día me encontre que los dropdowns de un sitio en el que estaba trabajando por algún extraño motivo no funcionaban en iPhone ni en el iPad.
Si son menus normales suelo usar superfish que si es compatible con los dispositivos móviles pero por un motivo que aun desconocía esta vez no funcionaba.
Read more

18Oct 2011 1 Comment */?>

@Font-face y los problemas en Firefox

Categories: Recursos, Tutoriales - Tags:

Si alguno de ustedes anduvo jugando con @font-face pueden que se hayan encontrado con que Firefox no hace el render correctamente de las fuentes a diferencia de otros Navegadores.
Hoy les traemos un pequeño truco que soluciona el problema.
Read more

15Oct 2011 1 Comment */?>

Optimizador online de CSS

Categories: Recursos - Tags:

Hoy encontre una herramienta muy útil y creo que merece la pena compartirla. Es un optimizador de CSS online que ademas de ordenar y comprimir optimiza nuestro CSS.
Por ejemplo si tenemos las siguientes reglas:

1
2
3
4
5
6
7
8
9
p {
    background:#000000;
    margin: 10px;
}
a { color:black;}
p {
   padding-left:10px;
   color:#444444;
}

Lo convierte en :

1
2
3
4
5
6
7
8
9
10
p {
background:#000;
padding-left:10px;
color:#444;
margin:10px
}
 
a {
color:#000
}

Interesante no? Pueden acceder al optimizador de CSS en http://floele.flyspray.org/csstidy//css_optimiser.php?lang=en

Saludos

27Sep 2011 2 Comments */?>

Como Deshabilitar la barra de admin de WordPress

Categories: Recursos, Tutoriales, Wordpress - Tags: ,

La nueva barra introducida por WordPress 3.1 es tan útil como molesta. Aunque nos sirve para movernos mejor por el backend de WordPress, hay veces que molesta o simplemente no queda bien con nuestros diseños.
Hoy les voy a explicar como quitarla manualmente o automáticamente en todos los usuarios.
Read more

27Sep 2011 1 Comment */?>

Como obtener las imagenes de los video de Youtube sin la API

Categories: Recursos, Tutoriales - Tags:

La forma más rapida y sencilla para obtener las imagenes o thumbnails de los videos de Youtube es tan sencilla como ir a la siguiente url:

1
http://img.youtube.com/vi/ID_DEL_VIDEO/#.jpg

Donde sustituimos ID_DEL_VIDEO con el id real de youtube http://www.youtube.com/watch?v=7c_tSWTJ_nE y # por el número de la imagen.
A continuación les muestro los siguientes ejemplos.
Read more

13May 2011 11 Comments */?>

Problema con Youtube z-index

Categories: Recursos, Tutoriales - Tags: ,

Cuando insertamos código de Youtube tanto en iframe como en un object vamos a tener un pequeño problema de superposición con otros elementos de nuestra web. El problema viene dado que el z-index de Youtube siempre sera mayor al resto de elementos y si tenemos menus desplegables o cualquier otro elemento con lightbox estos se verán tapados por los videos de Youtube.

Para solucionar esto debemos hacer lo siguiente :
Read more