Categoría: Programación web

Mod_deflate para optimizar velocidad web

Programación web, SEO

mod_deflate es un módulo para Apache que permite comprimir los datos antes de enviarlos al navegador. Esto hace que la web esté mas optimizada a lo que velocidad se refiere. Yo me voy a centrar en un servidor CentOs para poner cómo habilitarlo y configurarlo, pero en debian, ubuntu server… es lo mismo. Últimamente Google te lo exige para darle buena nota a tu web… no digo mas. 1. Fichero httpd.conf Debemos editar el fichero httpd.conf para habilitar y configurar […]

» Leer más
Deja un comentario ,

Google PageSpeed

Programación web, Servidores

Si no conoces esta herramienta, tienes todos los números que tu web no esté bien posicionada en Google. Esta herramienta online, te permite saber que velocidad tiene tu web según Google. Y actualmente, lo que dice Google es lo que manda. Bien, Google Speed calcula la velocidad de tu web, te muestra las cosas que haces mal, regular y bien, y lo que es mas importante, te da la solución. Y cuando digo esto último, lo digo 100% convencido. Al […]

» Leer más
Deja un comentario ,

Web Sniffer

Programación web

Para quien no la conozca, os hago llegar una interesante herramienta online encargada de leer los entresijos de una petición web. Cuando en nuestro navegador insertamos una dirección web, entre servidor y navegador se comunican sin que nos demos cuenta. Uno de esos datos que se pasan entre ellos es el header donde especifican muchas variables que hacen mostrar la información de una manera u otra en el navegador. Por ejemplo, cuando activamos en nuestro servidor la compresión de datos […]

» Leer más
Deja un comentario

Ejemplo first-child – asignar un estilo a la primera columna de una tabla

Programación web

Supongamos que tenemos la siguiente tabla: 1 2 3 4 5 6 <table id="milistado"> <tr><th>1 cabecera</th><th>2a cabecera</th></tr> <tr><td>1/1 cotendio</td><td>1/2 cotendio</td></tr> <tr><td>2/1 cotendio</td><td>2/2 cotendio</td></tr> <tr><td>3/1 cotendio</td><td>3/2 cotendio</td></tr> </table><table id="milistado"> <tr><th>1 cabecera</th><th>2a cabecera</th></tr> <tr><td>1/1 cotendio</td><td>1/2 cotendio</td></tr> <tr><td>2/1 cotendio</td><td>2/2 cotendio</td></tr> <tr><td>3/1 cotendio</td><td>3/2 cotendio</td></tr> </table> Y queremos asignar un estilo a la primera columna (1/1 contenido). Y solo a la primera columna. El estilo que utilizaríamos es *: 1 2 #milistado tr td:first-child { background: #F80; } #milistado tr td:last-child { background: #F50; }#milistado […]

» Leer más
Deja un comentario

Mantener capa fija en la parte inferior del navegador

Programación web

En casos como el mensaje de aviso de cookies, nos puede interesar mostrar una capa <div> que esté siempre fija en la parte inferior de la pantalla. En los navegadores nuevos es fácil de asignar el esilo a dicha capa: 1 2 3 4 // Ponemos en nuestra página la capa que contiene el mensaje <div class="container-cookie">Texto de la cookie</div> // Ahora en nuestra oja de estilos definimos la posición indicando que se quede fijo en la parte inferior del […]

» Leer más
Deja un comentario

CSS – Evitar salto de linea después de etiquetas h1, h2, h3…

Programación web

Veamos con un ejemplo cómo con unos estilos CSS podemos hacer que al final de las etiquetas h1, h2, h3… no se fuerce al salto de linea: 1 2 3 <div id="header"> <h1>Mi titulo</h1> El resto del titulo en la misma linea </div><div id="header"> <h1>Mi titulo</h1> El resto del titulo en la misma linea </div> Para que todo se muestre el la misma linea, deberemos utilizar los siguientes estilos: 1 #header h1 { display:inline; }#header h1 { display:inline; } Es […]

» Leer más
Un comentario

Optimización página web – Paso 2 – Accesibilidad

Programación php, Programación web

Como mas accesible sea la web, el Sr. Google mas nos valora. Para seguir las normas de accesibilidad, hay que cumplir algunas normas que en el siguiente enlace se enumeran: http://www.w3.org/TR/WAI-WEBCONTENT/ En el documento se puede ver que hay tres prioridades. Nivel A, AA y AAA. Según las prioridades que se cumplan, se está en un nivel u otro. Para ver si vuestra web es accesible o no, podéis utilizar los siguientes validadores accesibilidad online: Validador TAW (WCAG2) http://www.tawdis.net/ WAVE […]

» Leer más
Deja un comentario ,

Optimización página web – Paso 1 – Validación

Programación web

Mientras creamos nuestra web, deberíamos seguir el formato HTML correcto a la hora de maquetarla. Seguir el formato estándar. Pero muchas veces nos olvidamos o no estamos puestos al día de las novedades del lenguaje. La validación de la web, que consiste en que esté desarrollada al 100% cumpliendo el estándar, es esencial para que los buscadores nos tengan en cuenta y nos puntúen bien para posicionarnos. Para ver si nuestra web cumple los estándares de HTML5 por ejemplo, W3C […]

» Leer más
Deja un comentario , ,

Mysql – Insert cogiendo datos con una sentencia select

Programación web

Veamos cómo insertar registros en una tabla cogiendo los datos de otra. 1 2 INSERT INTO eliminatorias(id,eliminatoria,fecha,) SELECT null, ‘TEXTO ESTATICO’, fecha FROM fecha_historico WHERE fecha < "2015-05-12"INSERT INTO eliminatorias(id,eliminatoria,fecha,) SELECT null, ‘TEXTO ESTATICO’, fecha FROM fecha_historico WHERE fecha < "2015-05-12" De este modo, primero se hace el select, y el resultado se va insertando en la tabla eliminatorias. Es importante que los campos consultados en el select, coincidan con los el Insert. En caso contrario no funcionaria.

» Leer más
Deja un comentario

Mysql – Eliminar registros de una tabla que no existen en otra

Programación web

Muchas veces, sobretodo en importaciones de bases de datos, nos puede interesar crear una nueva tabla a partir de dos tablas existentes, o eliminar datos que no nos interesan. Pongamos un ejemplo: TablaUsuarios id (identificador) nombre (nombre de los datos) TablaNewsletter id (identificador usuarios) email Pues ahora resulta, que se nos jira la cabeza, y nos enfadamos con todos los clientes que no se han apuntado a la newsletter. Los eliminamos. 1 DELETE FROM TablaUsuarios WHERE id NOT IN (SELECT […]

» Leer más
Deja un comentario

Frameworks HTML5 Open Source para crear app/webs móviles

Programación, Programación JavaScript, Programación web

Listado de algunos Frameworks HTML5 Open Source por si os planteáis crear aplicaciones para móvil: Bootstrap Kendeo UI TopCoat Intel’s App Framework The M-Project (Bckbone.js) Lungo Fries Junior Enyo JS Moobile JS Wink (Dojo fundation) Foundation Groundwork CSS Cada uno de ellos con sus pros y contras. Investigad y buscar el que mas se adapta a vuestras necesidades. Yo empiezo un nuevo proyecto con Fundation… iré informando.

» Leer más
Deja un comentario , ,
1 2 3 4 5 … 8