microTECHing
16Dic/140

Herramientas para medir y mejorar la velocidad de carga de tu web

"Analysis, optimization and monitoring tools including Grunt, Gulp and Brocoli plugins."

Con este set de herramientas que nos muestra perf rocks el WPO nos será mucho más fácil.

Optimizar un site es una tarea importante que siempre debemos tener en cuenta.

Así que ahí va: http://www.perf.rocks/tools/

19Ene/130

Vídeo tutoriales sobre desarrollo web

En este canal de youtube, podéis encontrar un montón de vídeos con tips sobre diferentes temas dentro del mundo del desarrollo web.

No tiene desperdicio.. darle un vistazo y a ver que os parece.

Link: Canal de Treehouse.

24Ene/120

Listas flexibles, buscables, filtrables, ordenables, con listjs

Pues eso... que con este pequeño javascript de 7Kb podremos hacer que nuestras listas sean fácilmente buscables, filtrables, ordenables, y un montón más de -ables.

18Ene/122

Efecto de navegación circular con CSS3

Os dejamos con un bonito efecto circular para usar en vuestras navegaciones de 'anterior' y 'siguiente' de los slides, o allá donde lo creáis oportuno:

Etiquetado con: , 2 Comentarios
8Dic/110

Lytebox va muy lento en IE

Si utilizas el lightbox 'lytebox' pero las transiciones te funcionan muy lentamente, tal vez lo mejor sea deshabilitarlas aunque sea solo para IE.

Para ello, abrimos el archivo "lytebox.js" y en línea 37 tenemos que poner:

this.doAnimations = (document.all && !window.opera) ? !checkVersion() : true;

y unas líneas más arriba entre "String.prototype..." y "function LyteBox() {", añadimos esta función:

function checkVersion() {
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
        var ieversion = new Number(RegExp.$1)
        if (ieversion > 8 )
            return false;
        else if (ieversion <= 8 )
            return true;
    }
    return false;
}
8Dic/113

Problema del flash, el lightbox, y el z-index

Ahora vamos a hablar del clásico problema de cuando tenemos un lightbox y los vídeos de youtube salen por encima, o en general de cuando al abrir/expander/mostrar cualquier capa de nuestro html por javascript mediante un lightbox jQuery, o un drop down menu de mootools, o lo que sea, se nos queda cualquier SWF de flash que tengamos por encima.

Y ya le podemos poner z-index ya, que para el flash como si nada.

Esto como ya se ha dicho muchas veces es cuestión del wmode="transparent".

El problema bien cuando el que luego se va a encargar de meter los vídeos de youtube en la pagina que estamos haciendo es el cliente mediante el Tiny Editor o cualquiera de estos, o incluso poniéndolo a pelo en un textarea.

Si no nos curramos nada para que automáticamente se detecte el caso y añada el parámetro el sistema, al menos, si nos podemos currar una aviso muy sencillo para ponerlo encima del editor, y así cuando vaya a incluir el vídeo, podrá ver como hacerlo.

Aquí os dejo una imagen de como queda integrado en Joomla...

y el código:

<div>
Nota: <a href="#" onclick="jQuery('#yt_explain').toggle(); return false;">cómo debemos insertar vídeos de youtube</a> <br/>
<p id="yt_explain" style="display:none;">
    Para incluir videos de youtube <strong>utilizar el código antiguo</strong> (no el iframe).<br/>
    Además de tener en cuenta el tamaño del ancho (360px máximo) para obetner el codigo, una vez lo tengamos lo tendriamos que modificar ligeramente.<br/>
    Para que al mostrar la ventana de la/s imagen/es el video no se quede por encima, hay que añadir un parametro.<br/>
    Veremos que el código es de la forma:<br/>
    &lt;object&gt;&lt;param name=&quot;XXX&quot; value=&quot;YYY&quot;/&gt;<br/>
    Pues bien. Al final de todos los que aparecen, debes añadir uno m&aacute;s: <span style="color:red;">&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot;/&gt;</span><br/>
    Ademas, veremos que tambien hay una cadena <span style="color:red;">&lt;embed</span> con xxxx=&quot;yyyy&quot;.<br/>
    Pues al final, antes del &gt; tambien añadiremos: <span style="color:red;">wmode=&quot;transparent&quot;</span>
</p>
</div>

Seguro que nos ahorra un montón de llamadas por teléfono o mails.

xD