Archive for category: Recursos

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

@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

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

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

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

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

Fecha en español en WordPress 3.0.1

Categories: Recursos, Tutoriales, Wordpress - Tags: ,

Para los que sean cerrados como yo y usen WordPress 3.0.1 en ingles para un blog en español les traigo el archivo locale.php traducido para mostrar las fechas en español. Con este en vez de mostrar:

Thursday, 11 November 2010

Se vera correctamente

Jueves, 11 Noviembre 2010
Read more