Desplazamiento animado en anclas de enlaces con jQuery
Escrito el 26 mayo, 2010 por Verónica Milán
Estaba buscando para un proyecto en el que estoy trabajando la manera de hacer desplazamientos dentro de la página de una forma menos brusca a la que brinda el html.
Como sabréis, se pueden crear enlaces que apunten a zonas concretas dentro de la misma página con el elemento href=#. Esto es útil por ejemplo, cuando la página tiene mucho contenido y por tanto mucho scroll vertical, para poner ayudas al usuario y llevarle a zonas importanes de la página con los típicos enlaces de “saltar a contenido”. Leer más…
Publicado en jQuery | 6 Comentarios
El porcentaje que se queda Google de tus ganancias en Adsense al descubierto
Escrito el 24 mayo, 2010 por Verónica Milán
Via @cvander me acabo de enterar de la reciente nota publicada en el blog de Adsense, donde nos cuentan el porcentaje de ingresos de publicidad que se quedan de nuestras ganancias de Adsense.
Después de tantos meses donde muchos bloggers y webmasters han estado especulando acerca del porcentaje de ingresos que se queda Google, y sobre todo por rumores donde se pensaba que cada vez ese porcentaje era mayor debido a la reducción de ganancias que muchos editores han notado últimamente, parece que Google ha decidido dar un poco de transparencia a sus finanzas con Adsense y tranquilizar a los editores. Leer más…
Publicado en Adsense | 2 Comentarios
Obtener la API WordPress para Akismet
Escrito el 7 mayo, 2010 por Verónica Milán
Actualmente estoy gestionando WordPress para configurar la página de un cliente, y a la hora de configurar Akismet para filtrar el spam que llega a los comentarios en WordPress me encontré con el dichoso tema de la API de WordPress para activar akismet.
El modo tradicional de conseguir la API que he venido usando hasta hace un mes, era registrar al cliente en wordpress.com y así obtener la API WordPress, de la siguiente manera:
- Te registras en wordpress.com.
- Una vez registrado accedes a tu panel de control, pinchas en “my account” y en el menú desplegable que se abre pinchas en “global dashboard”.
- Una vez en tu dashboard, accedes a “profile”, “my profile”.
- En “my profile”, arriba, aparece un mensaje parecido a este: Were you looking for your API Key and other Personal Settings?. Pinchas en el enlace y en la siguiente pantalla ya te muestra la API, con el siguiente texto: Your WordPress.com API key is: xxxxxxxxxxxx.
Bueno, otra forma nueva de conseguir tu API para WordPress es mediante esta página de Akismet: Get Akismet. Esta página te facilita el proceso, porque sólo tienes que introducir el email de tu cliente y un nombre de usuario y la aplicación te envía al correo un mensaje de activación, a continuación tienes tu API WordPress lista para usar en Akismet y prevenir el spam en tu web / blog.
URL: Get Akismet
Actualizo (08/2010): configurando akisment para otro cliente he entrado para obtener la API de WordPress para Akisment y ahora es una suscripción mensual de pago, por lo que recomiendo hacerlo manualmente como explicaba en el artículo.
Publicado en Mantenimiento,WordPress | Comenta
Speed CSS – Maquetación de una web a cámara rápida
Escrito el 5 mayo, 2010 por Verónica Milán
Acabo de ver un video curioso en el que se muestra todo el proceso de maquetación de una página web, partiendo de un diseño hecho en Photoshop.
Es un video de 10 minutos a cámara rápida en donde básicamente se ve como pasar de psd a html, a modo resumido.
Como digo, es a cámara rápida, por lo que no sirve para aprender a maquetar webs. Pero sí para que la gente ajena a este campo se haga una pequeña idea del trabajo que lleva maquetar páginas web.
Si quieres aprender paso a paso a maquetar, te recomiendo que sigas los videotutoriales para pasar de psd a html, ya comentados en este blog.
Aquí el video de Speed CSS:
httpv://www.youtube.com/watch?v=byvkWmF64Nc
La Web del Autor: koronas.es
Publicado en CSS,Diseño web | 6 Comentarios
Comprimir el CSS y el JavaScript de tu página web para hacerla más rápida
Escrito el 4 mayo, 2010 por Verónica Milán
Una técnica muy útil cuando diseñamos páginas web que requieren el uso de JavaScript, o que por motivos de diseño necesitan más de una Hoja de Estilos, es minificar el código, en ingles minify.
¿Mini- qué?
Simple, se trata de comprimir el código CSS y/o JavaScript para que la página cargue más rápido. O lo que es lo mismo, Minificación es la práctica de la eliminación de caracteres innecesarios del código para reducir su tamaño, mejorando así los tiempos de carga.
Cuando hacemos esto, generalmente eliminamos todos los comentarios, los espacios en blanco, los saltos de línea y las tabulaciones. Como resultado queda un código dificilmente comprensible de entender, pero que cumple bien su función de reducir el tamaño de los archivos y así reducir el tiempo de carga (y II).
Lo normal cuando se usan estas técnica es tener dos versiones de tus JS y tus CSS, una versión minificada y otra para desarrollo, con los comentarios, espacios, tabulaciones y demás intactos. Cuando haces cambios en algún archivo hay que volver a comprimir los archivos y guardarlos, pero no olvidar nunca tener una copia legible del código para poder editarlo con facilidad.
Dos herramientas bastante populares para reducir el código son JSMin y YUI Compressor.Pero también tienes: minify JavaScript y minify CSS.
Publicado en Mantenimiento,Optimización | 4 Comentarios
« Página anterior | Página siguiente »
RSS