Blog and Web

La especificación de CSS 3 es cada vez más soportada por los navegadores actuales, como siempre, Internet Explorer es el peor el que más tiempo tarda en adoptar los cambios, pero con el anuncio de un mayor soporte de CSS 3 en IE9 y con posibles novedades sobre su salida en Marzo, tenemos un rompecabezas casi completo.

Algo muy interesante de CSS 3, son sus selectores, que como su nombre indica, permite seleccionar un elemento web para darle estilo o estructura. ¿Cuales son?

Selectores CSS 3

Notación:

• Ele – Elemento – Cualquier elemento web. Ejemplos: div, span, a, li, p, strong, etc.
• atr – Atributo – Describe las características de un elemento web. Ejemplos: href, alt, class, rel, etc.
• val – Valor – Magnitud de un atributo. Ejemplo: en rel=’nofollow’; rel es el atributo y nofollow el valor.
• n – Cualquier número entero.

Selectores y ejemplos prácticos:

Continuar leyendo →

Estamos muy contentos de mostrarles nuestro primer paquete de iconos gratuito. Son 14 iconos estilo LEGO con los principales servicios sociales creados por el diseñador Ulises Arvizu de Maquiladora de Sueños, quien, ya también, nos ha compartido varios tutoriales.

Servicios que incluye: Twitter, Facebook, RSS, Tumblr, Friendfeed, LastFM, Sharethis, LinkedIn, Technorati, Digg, Vimeo, Qik, Behance y Reddit.

Descarga

Descargar: Social LEGO Icons.

Formatos

Todos los iconos están en formato PNG24  en tres tamaños distintos:32×26, 64×51 y 100×80. Como dato curioso, con un editor de imágenes, los iconos pueden ensamblarse verticalmente como auténticos LEGO’s.

Licencia

• Se liberan bajo licencia Creative Commons 2.5.
• Puedes usarlos tanto en proyectos personales como comerciales (No se permite la venta directa del pack).
• Para distribuirlos por favor enlaza este artículo y no al archivo de descarga directo o en otro servidor.

Te agradecemos mucho si nos das un link al usarlos en algún rincón de tu blog o si nos ayudas a difundirlos con un post .

Es el primero, pero esperamos no el último. Parte de los 3 años en línea de Blog and Web, gracias por estar del otro lado del monitor.

Minicard es un diseño originalmente creado para WordPress por Mike Jolley, y portado a Blogger por BTemplates y Blog and Web. Esta es una plantilla diferente, pues NO sirve para un blog, sino para crear una tarjeta de presentación virtual.

Muestra múltiples servicios sociales, actualizaciones de Twitter, tiene soporte para páginas estáticas y configuración de colores desde el panel. No soporta entradas normales, pero desde tu tarjeta virtual puedes enlazar a tu blog.

Descargar

Continuar leyendo →

El navegador es una de las principales herramientas del desarrollador web y del blogger; las extensiones, una forma increíble de potenciarlos. Actualmente Mozilla Firefox lleva la cabeza con más de 5000 extensiones, sin embargo, Google Chrome llegó pisando fuerte y ya cuenta con cerca de 3000.

Un excelente ejemplo de la capacidad de los completos son las siguientes 16 extensiones para Firefox y Chrome que pueden hacer más fácil la vida de Bloggers, Desarrolladores y SEO’s:

1. Firebug

Firebug es una de las extensiones más completas y poderosas para el desarrollo web. Extremadamente útil para el trabajar con el código directamente en el navegador y ver los cambios en tiempo real.

Firefox: Descargar Firebug.

Chrome: Descargar Firebug.

Nota: La versión para Chrome esta en fase beta, pero ya es un extensión como tal, por encima de la versión Firebug Lite que circulaba desde hace tiempo.

Continuar leyendo →