Herramienta online para crear tus estilos CSS

Si estás aprendiendo CSS (hojas de estilo), o te suena muiy complicado con esta tool gratuita te va a ayudar en el aprendizaje. Y si ya conoces el tema te puede servir para acelerar el proceso de creación.

La herramienta CSSGizmo es muy completa:

• Tiene todos los valores permitidos para cada propiedad.
• Tiene un selector gráfico de color.
• Genera el código de salida, conforme se van seleccionado los valores.

Sin duda le encontrarán alguna utilidad, sobretodo cuando no estén en su propia PC y no tengan un editor de escritorio a la mano.

Enlace/web:  CSSGizmo
Fuente: WeblogStuff  y  Marlex Systems

Como alojar JavaScript en Blogger

Desde "Vida Blogger 2.0-Ayuda para blogs" nos enseñan como poder alojar ficheros de javascript que de otra manera no podemos poner en nuestro blogger.

Aqui tenéis la descripción que hacen de la solución:

Una de las grandes deficiencias que tiene Blogger es la incapacidad que tenemos los usuarios de alojar archivos JavaScript (.js) y es por ello que debemos buscarlo en servicios de alojamiento externo. Antiguamente teníamos la posibilidad de alojar archivos JavaScript en Google Pages, pero como ustedes saben desde hace un buen tiempo no permiten nuevos registros de usuarios.

Por suerte para todos nosotros me enteré a través de Templates Novo Blogger que a partir de ahora podemos alojar archivos JavaScript en Google Site, y aquí les mostraré como hacerlo.

Pero si realmente lo necesitáis o lo queréis hacer os recomiendo que vayais a su web, ya que nos muestra el proceso a seguir paso a apso y con su pantalla capturada correspondiente.

Fuente: Vida Blogger-Ayuda para blogs

Tutorial básico sobre CSS Sprite

Tal como explicamos en la entrada anterior el CSS Sprite es simplemente técnica que al comienzo fue utilizada por los desarrolladores de videojuegos, y que principalmente consiste en utilizar una sola imagen compuesta por varias y que haciendo uso de las propiedades background-position de CSS se visualice cada imagen de forma individual.

EN Kabytes tenemos código,ejemplos de como lo utiliza Google, por ejemplo.

Fuente: Kabytes

CSS-sprit.es: Un generador de CSS sprites

Desde "Chica Blogger" nos enseñan de entrada

¿Que es un CSS Sprite?

Los CSS sprites son una técnica para reducir el número de peticiones HTTP y disminuir el tiempo de carga de nuestro sitio, que consiste en “agrupar varias imágenes en una sola de mayor tamaño, para luego volver a separarlas en imágenes individuales mediante CSS” (me gusta la simpleza con que lo explica Román Cortés).

En realidad sería complejo el programar en CSS esta solución de agrupar las imágenes, y no estaría la alcance de todo el mundo, pero gracias a CSS-sprit.es, sin embargo, lo hace más fácil, el procedimiento sería:

• subimos el grupo de imágenes
• Nos da como output una gran imagen que contiene todas las anteriores, junto a los correspondientes códigos CSS y HTML con la posición de cada imagen “pequeña”.

Tal como podéis ver en el ejemplo.

Muchas gracias a "Chica Blogger" por enseñarnos.

Fuente: Chica Blogger

Añadiendo articulos relacionados en tu blog.

El blog se está haciendo muy grande y comienza a ser difícil leerse todas las entradas una a una. En la plantilla de este blog existe la opción de buscar, pero parece que no es suficiente.

Asi que buscando he encontrado la solución, yo estoy alojado actualmente en Blogger, así que este truco es para todos los usuarios de Blogger que deseen implementar.

1. Asegurarse de que se tiene habilitado la opción 'Permitir feeds del blog' en Configuración>Feed del sitio.
2. Copia de seguridad: En la pestaña 'Diseño', se selecciona 'Edición de HTML' y se pulsa sobre el enlace 'Descargar plantilla completa'.
3. En la misma sección, seleccionar la casilla 'Expandir plantillas de artilugios'
4. Buscar el siguiente código:
   /data:post.body
   
5. Copiar el siguiente código que podéis consultar aquí.
6. Guardar y probar que tal.

El tutorial que he seguido es el siguiente enlace. Pero el código orginal sin molificación alguna está accesible en 'Related Post' que JackBook realizó para su blog.

Fuente: Ubuntizando el Planeta

Donde alojar los script de Blogger

En la web de "El escaparate de Rosa" hay muy buenas ideas y magníficos consejos de donde guardar los scripts que pueda necesitar tu blog.

Me quedo con guardarlo en la misma plantilla del blog.

Como dice Rosa en su web "Textualmente"

En mi caso he decidido seguir uno de los consejos que JMiur aporta en su blog y he alojado prácticamente todos los script que uso en el Escaparate en la misma plantilla:

• Descargamos el script a nuestro PC y lo abrimos con el Blog de Notas por ejemplo.

• Copiamos el contenido del archivo .js.

• Localizamos la etiqueta en nuestra plantilla y justo antes pegamos el contenido que hemos copiado de esta manera:

En fin... mientras Blogger siga sin proporcionarnos un espacio de alojamiento aunque sea mínimo, tendremos que ingeniárnoslas con estas u otras opciones.

Enlace a la web de Rosa : El Escaparate de Rosa