Lo acepto, soy un programador empedernido, no tengo cura, y es que incluso me relajo programando. Pero hay algo que sigue frustrándome en cuanto a este mundillo, y es la gran falta de interés que existe en muchas empresas por el seguimiento de estándares y calidad en el estilo del código. Os juro que es dolorosamente desmoralizador el entrar en un nuevo proyecto y encontrarme con un montón de código que es lo más parecido a un plato de espaguetis despedazados y amasacrados. Queriendo poner mi granito de arena en este común problema os dejo al pie del post con un excelente Manual de Estilo de Programación revisado por Alexander Hristov.
Descargar: Manual de Estilo de Programación (pdf)
Con htmlPlayground podrás aprender del modo más sencillo y visual tanto HTML como CSS a cualquier nivel. Esta interesante página es definitivamente un buen punto de referencia para desarrolladores de webs o curiosos por igual. Su funcionamiento es bien sencillo, selecciona una tag HTML, lee su descripción si quieres, haz clic sobre cualquier tag en el código de ejemplo y modifica los atributos para ver el resultado en tiempo real.
Enlace: htmlPlayground
Lo bueno y gratis dos veces bueno. Gracias a El Imperio Cordobés descubro una colección de libros gratuitos en línea ofrecidos por LibrosWeb.es y que después de echarles un buen vistazo he de clasificar como muy buenos. En estos momentos se ofrecen sólo unos cuantos libros de introducción a Javascript, AJAX, CSS, XHTML y una guía completa de la framework para PHP Simfony. También se incluye la opción de descargarlos en formato pdf, y que más se puede pedir..., ¿he mencionado que son gratuitos?
Enlace: LibrosWeb.es | Vía: El Imperio Cordobés
Este truco recargará correctamente tu página web o Blog si se detecta que se está mostrando desde dentro de un Frame. Antes de usar esta técnica debes tener en cuenta sus efectos, cuando los usuarios que vean tu página en un Frame de otra web deseen navegar hacia atrás, estos deberán apretar el botón de retroceso de su navegador dos veces rápidamente, si el usuario no lo hace suficientemente rápido esto dará falsos hits en tus estadísticas dependiendo de cómo tu software lo maneje. Por otro lado tu página se recargará bajo cualquier Frame, incluyendo bajo Google Imágenes.
Para su uso inserta el siguiente código entre las Tags <head></head> de tu página.
<script language="javascript" type="text/javascript">
if (top.location != self.location) top.location = self.location;
</script>
Versión para Wordpress:
En caso de que tu Blog esté en Wordpress es mejor que uses el siguiente código para evitar posibles problemas con el editor de posts. Edita el fichero head.php de tu plantilla e inserta el código en cualquier parte de entre las Tags <head></head>.
<?php if (!is_preview()) : ?>
<script language="javascript" type="text/javascript">
if (top.location != self.location) top.location = self.location;
</script>
<?php endif; ?>
Hace algún tiempo que uso mi propio algoritmo para la optimización SEO de Perraco, lo escribí pensando sólo en lo que me hacia falta así que si hay alguna carencia o nueva idea soy todo oídos. El concepto era crear algo eficiente y que pudiera integrarse directamente a cualquier plantilla haciendo que formara parte de esta. Existen varios plugins que hacen lo mismo o parecido así que si esta técnica te parece algo complicada es mejor que optes por otra alternativa. Al ser un algoritmo tendrás que ensuciarte un poco las manos con PHP, aunque más que ensuciar diría disfrutar, pero es todo más sencillo de lo que parece. Las optimizaciones que ofrece el algoritmo son las siguientes:
(...seguir leyendo el resto del artículo » )
Con este sencillo truco podrás analizar los márgenes de todas las capas definidas en tu CSS mostrando un borde coloreado en cada una de estas, esta técnica puede ser de gran ayuda para encontrar esos problemas que nos vuelven locos causados por márgenes mal definidos. Para usarlo copia el código tal y como está en cualquier parte del fichero CSS.
* {outline: 2px dotted red}
* * {outline: 2px dotted green}
* * * {outline: 2px dotted orange}
* * * * {outline: 2px dotted blue}
* * * * * {outline: 1px solid red}
* * * * * * {outline: 1px solid green}
* * * * * * * {outline: 1px solid orange}
* * * * * * * * {outline: 1px solid blue}
Hace poco os mostré como rotar imágenes aleatorias en la cabecera de Wordpress a través de PHP. En este tutorial os mostraré otra técnica en la que con una pequeño y rápido cargador en PHP podréis mostrar cualquier imagen al azar directamente desde CSS. Para empezar deberás agrupar y nombrar las imágenes que deseas rotar con el mismo nombre y seguidas de un número secuencial. Por ejemplo:
logo_1.png, logo_2.png, logo_3.png, ...
borde_1.png, borde_2.png, borde_3.png, ...
foto_1.png, foto_2.png, foto_3.png, ...
......
(...seguir leyendo el resto del artículo » )
Con este sencillo algoritmo en PHP podrás obtener cuantos días han pasado desde cierta fecha pudiéndolo usar por ejemplo para poner en tu página cuantos días han pasado desde su creación. Cambia los parámetros resaltados y pégalo en el lugar de tu plantilla donde quieras que aparezca.
<?php
$dia = 10;
$mes = 7;
$año = 2007;
$diferencia = time() - mktime(0, 0, 0, $mes, $dia - 1, $año, 0);
echo "Han pasado " . floor($diferencia/60/60/24) . " días.";
?>
Ya os he hablado de cómo protegerse contra el Hotlinking. En esta ocasión os mostraré como bloquear por completo a Bots maliciosos y ciertos Referers. Para ello de nuevo tomamos ventaja de las facilidades del servidor apache y su maravilloso .htaccess.
(...seguir leyendo el resto del artículo » )
Publicar en Wordpress artículos que incluyan ejemplos de código fuente y algorítmos de programación es siempre un problema, ya que Wordpress suele siempre estropearlo todo al tener la manía de formatear y cambiar algunos de los caracteres tales como guiones y comillas para hacerlos más bonitos. La siguiente técnica os solucionará el problema de una vez por todas.
(...seguir leyendo el resto del artículo » )
vía Feed RSS
por Email
"
"
Top Comentadores de la Semana