19 octubre 2013

LESS dispone de página en español.

Saca partido al popular preprocesador CSS ahora en español. 

Tal y como indica el título de este post, la página de LESS tiene una versión en español gracias al trabajo de traducción de Adrián Matellanes. Como todos sabemos LESS es un preprocesador dinámico de hojas de estilo que multiplica las posibilidades de un desarrollador a la hora de personalizar su proyecto web mediante el uso de variables, mixins, operadores y funciones.
Creado inicialmente por Alexis Sellier, LESS es actualmente mantenido y desarrollado por su propio equipo de trabajo logrando con cada nueva versión (actualmente 1.4) una mejora de este preprocesador CSS. Pese a la indudables ventajas de su uso a la hora de ahorrarnos muchas tareas repetitivas codeando CSS o de crear una estructura más limpia y fácil de mantener, su aprendizaje puede resultar algo complicado para los usuarios menos experimentados, es por ello que gracias al trabajo de la comunidad se ha pretendido facilitar su aprendizaje con la traducción a diferentes idiomas (además del inglés) como alemán, ruso, polaco, indonesio, portugués y también el español.
Usuarios hispanoparlantes interesados en mejorar la curva de aprendizaje a la hora de dominar LESS pueden acceder a la página oficial en español desde lesscss.org.

10 octubre 2013

Galería de Patrones CSS3.

Lea Verou y un interesante recurso para mejorar nuestros diseños web.

CSS3 Patterns Gallery es una excelente galería de patrones realizados enteramente en CSS a cargo de @LeaVerou una de las diseñadoras con más prestifio mundial en el mundo del CSS3.
Ideales para optimizar al máximo un site este repositorio de recursos gratuitos listos para ser usados en cualquier proyecto web y prescindir de la utilización de imágenes para construir fondos.
Pese a la excelencia del trabajo realizado y el amplio soporte actual por los navegadores hay que tener en cuenta las limitaciones en versiones anteriores a Firefox 3.6, Safari 5.1, Opera 11.10+ o IE10.
Su uso es tan sencillo como acceder al site, buscar el patrón que mejor se adapta a nuestros intereses y seleccionarlo para obtener el código listo para pegar en nuestro proyecto.
Como complemento de lo anterior también es posible encontrar SVG Patterns Gallery un repostorio de patterns en formato SVG, listo para utilizar por cualquier diseñador.
CSS3 Patterns Gallery está disponible de forma completamente gratuita desde lea.verou.me.


02 octubre 2013

Hacer que un enlace abra en una ventana emergente.

Truco para que no se desvien tus visitas.

Es muy importante para los webmaster saber como hacer para que un enlace abra en otra ventana, digo esto porque si tú tienes una sesión de web amigas, o intercambio de enlaces, cuando una persona haga click sobre un link que le llame la atención, este sitio podría desviarlo y salir de tú web o blog, abriendo una nueva página en la misma ventana, esto no es ventajoso para nadie, ya que se perdería la atención del contenido de tus sitios, por parte del o los visitantes. Esto sería diferente si el enlace abre en otra ventana.
Para agregar un enlace que apunte a otro sitio y a la vez abra en otra ventana, debes utilizar la expresión TARGET BLANK o TARGET NEW de la siguiente manera:

a href='http://elsitioquedesees.com' title='Titulo' target="_blank"; ABRE EN UNA NUEVA VENTANA

Un ejemplo quedaría de esta manera:

a href='http://www.colonvoleibol.com' title='Voleibol Club La Armonía' target="_blank"Voleibol Club La Armonía

El código ya codificado quedaría así:

Nótese que al hacer click sobre el enlace, este abrirá en una nueva ventana, pero si le quitas el ' target="_blank" abrirá en la misma ventana