El archivo robots.txt y las instrucciones que contiene son la implementación del conocido como Protocolo de Exclusión de Robots (Robots Exclusion Protocol). Durante mucho tiempo he visto como se ha utilizado el archivo robots.txt con fines SEO bajo...

Cuándo tenemos una tarea de mantenimiento que hacer en una web, y su realización va a suponer un corte del servicio temporal, nada mejor que entrar en el conocido como «modo mantenimiento», que básicamente consiste en mostrar al usuario un mensaje...

Muchas veces querremos cargar Google Analytics en nuestra página web pero nos gustaría evitar el coste en performance que tiene. Te voy a explicar la mejor estrategia para cargar esta librería afectando lo mínimo posible la performance. Cargar...

En este Tutoriales En Linea les hablaremos de esta metaetiqueta interesante a la hora de que nuestra web cargue más rápido de lo habitual. Es una forma de acelerar las páginas web mediante la resolución previa de DNS. El uso de rel="preconnect"...

La regla CSS @font-facepermite definir una tipografía e importarla para su uso en una página web. Antes de su existencia se podía definir una lista de familias en orden decreciente de prioridad con la regla font-family y se utilizaría la primera que...

Los elementos <div> son elementos tipo block, y como cualquier otro elemento tipo block se puede centrar horizontalmente si se conoce su anchura con tan sólo aplicar un margen «auto» a izquierda y derecha. Por ejemplo: En el ejemplo anterior...

La regla @import permite cargar uno o varios archivos CSS dentro de otro. Puede ser muy útil en determinados casos. Por ejemplo, cuándo trabajas en una web grande y compleja, el archivo CSS se vuelve descomunal e intratable y para hacernos la vida...

Por defecto, el contenido de los elmentos <pre> (tipo block) y <code> (tipo inline) no pasa a una nueva línea cuándo su longitud supera a la anchura del elemento contenedor. El contenedor no «envuelve» (wrap) al contenido. Esto se debe a...

En este tutoriales en linea he recopilado los snippets CSS para crear formas básicas como cuadrados, círculos y triángulos. Derivadas de estas se pueden construir fácilmente otras formas tales como rombos, trapecios y otros paralelogramos. Espero...

Fabuloso CSS3. Las animaciones, antes reservadas a jаvascript y otras tecnologías, ahora son posibles con CSS. Existe la propiedad animation, más específica para animaciones, pero en este post voy a hablar de transition. No es que sea la panacea...

Si tenemos una palabra muy larga puede pasar que ocupe más ancho que su contenedor y que no se pueda leer o, en el mejor de los casos, rompa el layout de nuestra web. Este problema puede provocar más de un calentamiento de cabeza, especialmente en...

En el diseño responsive las imágenes tienen algunos inconvenientes: carga de archivos innecesariamente pesados para pantallas pequeñas y necesidad de redimensionar las imágenes con la posible distorsión y pérdida de calidad. Hay múltiples soluciones...