En el caso de estas fechas que se festejan en todo el mundo, suelen realizarse descuentos y promociones que son acompañadas por el tema en cuestión y es necesario incluir diseños acordes que se destaquen y cumplan su función.

Descargar Valentine Heart Banners | Gfxtra

Es por eso que considero que estos banners llaman la atención desde el primer momento, más que nada por el uso de las capas de fuentes tipográficas que en principio pueden visualizarse como texturas, pero una vez que se observan con detenimiento se cae en la cuenta que se trata de palabras en diferentes fuentes.

Una buena ubicación para mensajes y en el caso que no estén buscando herramientas de trabajo, sino simplemente regalar una tarjeta a aquellos amigos especiales (recuerden que San Valentín es una fiesta del cariño, no solo se destina a las parejas sino también a los amigos y a la familia), también puede ayudarlos a armar algo digno de regalar.

Hablar de años puede ser útil para explicar un poco que hacemos de nuestra vida, sin ir más lejos, y cuando me preguntan, yo suelo comentar los años que hace que estoy programando para contar un poco a lo que me dedico. Por otro lado nunca entendí la intención de las empresas al exigir un perfil laboral con tantos años de experiencia, y no lo entiendo porque sinceramente no veo relación entre los conocimientos que pueda tener una persona y los años que hace que se desenvuelve en el área.

Vamos por un ejemplo practico en el área de la programación, imaginen una oferta de empleo buscando un programador web con 5 años de experiencia. Para la empresa que los solicita, ¿que significan esos 5 años?

Para un programador web que tenga ambición y ganas de aprender, cinco años son muchos, en ese tiempo se pueden aprender muchísimas técnicas, lenguajes, etc. En contraparte, 5 años para un programador malo o mediocre se pueden traducir en 60 meses haciendo formularios, o validando formularios con jQuery y nada más. Entonces, ¿De que sirve exigir experiencia cuando no garantiza absolutamente nada?

En conclusión si están buscando un empleado no exijan años de experiencia, existen varias condiciones previas, mucho más importantes y significativas antes que el tiempo que paso una persona haciendo algo.

Obviamente lo que hacen al producto terminado es la diversidad de herramientas que sabemos combinar, por lo que no podemos centrarnos en un solo tipo de recurso.

Descargar Old Style Romantic Papers | FarFarHill

Es por eso que decidí recopilar una nueva serie de recursos gráficos de San Valentín para anexar a los que ya hemos enviado en años anteriores, en esta oportunidad lo haré en post individuales ya que así resultan más fáciles de recolectar. Estas texturas comprenden algunas opciones diferentes para combinar entre si o utilizar por separado. Todas tienen un toque vintage y dado su gran tamaño, se pueden agregar en cualquier tipo de diseño ya sea para web o trabajo de impresión.

En SpeckyBoy me entero de un set realmente atractivo creado por la gente de Land-of-Web, con un completo kit UI en 3D en gris y detalles a puro color.

El mismo incluye menú desplegable, sliders, barras de progreso, botones de variados formatos, pestañas, íconos, tool-tips, barras de búsqueda, botones de selección y controles multimedia, entre otras imágenes necesarias dependiendo de la temática de la interface que estemos creando.

Se trata de un recursos completamente libre para usos tanto comerciales como personales sin ningún tipo de restricción, mas allá de que el enlace recíproco sea obviamente bienvenido. Dentro del .ZIP contenedor, encontraremos todos los elementos que contaba en formato .PSD, el mejor en estos casos sin dudas para poder modificar y editarlos sin problemas, adaptándolos al resto del trabajo que estamos diseñando.

Colorful 3D UI Kit – Descargar

Para el que no lo sabe, un cooling pad es un pequeño sistema de refrigeración por el cual podemos descender (al menos en teoría) la temperatura de nuestras amadas notebooks. Este sistema esta compuesto en general por unos pequeños ventiladores que se encargan de movilizar el aire debajo de nuestra computadora.

Un cooling pad, el accesorio más horrible del mundo:

En MercadoLibre pueden encontrar al menos 30 modelos distintos de este accesorio, inclusive muchos vendedores hablan de darle un toque de “elegancia” a nuestro escritorio. Comentarios que me hacen entender en gran medida como tipografías como la Comic Sans son tan populares.

Más allá de que me parezca un accesorio horrible, poco practico, ruidoso, y que la idea de tener unas pequeñas aspas de ventilador girando a toda velocidad cerca de mi computadora y de mis dedos me de cierta desconfianza; pienso: “bien, quizás realmente sirvan para refrigerar”

De pensar en los cooling pad como accesorios necesarios se desprende una conclusión: El fabricante de mi computadora esta haciendo algo mal. Nunca leí en un solo manual de notebook que sea necesario un accesorio adicional para refrigerar el equipo. Por lo que empiezo a creer que los cooling pad son innecesarios.

Quizás los cooling pad sean necesarios en determinados escenarios en donde el sistema de refrigeración de la notebook que compramos no alcance, no obstante me parece más un problema de fabricación que solución real a un problema común de todos los usuarios de computadoras portatiles.

Este problema me recuerda a los autos antiguos, como el Fiat 600 en el que muchos de sus usuarios levantaban el capot para ayudar al motor en su refrigeración

¿Que opinas, los cooling pad son necesarios?

Es uno de esos recursos que utilizo no solo para inspirarme en mis creaciones e incluso utilizarlas en los casos que lo necesite, sino que busco en los detalles la forma en la que están organizados y logrados para poder estilizar otros elementos en diferentes lugares.

Descargar Chatanooga Retro header | GuuHuu

La imagen habla por si misma, la utilización de fuentes tipográficas y texturas es impecable, y con algunas pocas modificaciones de color podrán llevar adelante cambios que se acoplen a lo que necesitan.

Para el que no lo conoce, Coda es un editor de código todo en uno, disponible solamente para Mac OS, y con una licencia que ronda los 99 dólares. Por esa simple razón, y porque soy usuario desde hace tiempo, me motive a escribir esta entrada, especialmente destinada para él que está buscando información para decidir su compra

Pero Coda, no solo es una cara bonita, es una herramienta muy potente combinada con varias características que lo convierten en un todo en uno del desarrollo web, Coda en realidad es:

• Un editor de texto.
• SVN.
• Un Editor CSS.
• Una Terminal.
• Un FTP al vuelo.

Y todo esto en una simple pantalla en la que nos desplazamos simplemente utilizando pestañas.

Pantalla de inicio Panic Coda

Como editor de código, Coda no tiene nada que envidiarle a otras alternativas más conocidas y populares como por ejemplo Eclipse, al ser un editor orientado y pensado para diseñadores y programadores web, todas sus herramientas están estudiadas para ser utilizadas al extremo y sin dejar cabos sueltos.

La pantalla se puede configurar completamente, se puede decir que es bastante flexible, por ejemplo mi configuración es bien minimalista, dejando un panel a la izquierda que muestra el árbol de directorios y archivos, del otro lado el código en si. Simple.

Coda tiene opciones básicas y fundamentales, desde la posibilidad de configurar a nuestro gusto la forma de colorear el código según el lenguaje, hasta la capacidad de autocompletar el código. Esto se puede ampliar fácilmente mediante plugins, los mismos se encuentran regados por internet, la gran mayoría, de forma gratuita.

En mi caso tengo instalados muy pocos plugins, uno que me gusta mucho me permite comprimir y simplificar los archivos de hojas de estilo y JavaScript mediante una combinación de teclas, el plugin automáticamente genera un nuevo archivo con la extensión .min, por ejemplo si estoy trabajando con un archivo JavaScript llamado Core.js, con presionar solo dos teclas obtengo Core.min.js simplificado y comprimido, un detalle que agiliza muchísimo el trabajo.

Panel de configuración de Panic Coda

Panic Coda es un programado pensado como un centro integral de soluciones a la hora del desarrollar sitios web, por lo que utilizarlo se vuelve una tarea bastante independiente, en general no tendremos que salir del programa salvo que necesitemos editar una imagen, o realizar algún trabajo de diseño gráfico, pero si de programación se trata rara vez tendremos que alejarnos de la pantalla de Coda.

Gestión de proyectos y edición “al vuelo“

Al momento de comenzar a utilizar Coda se van a encontrar con que podemos crear fichas de proyectos, en ellas vamos a definir los datos básicos como nombre, dirección, carpeta local donde se almacenan los documentos, pero también vamos a encontrarnos con una funcionalidad brillante del editor, me refiero a la edición directa desde el servidor por medio de FTP.

Coda funciona como un editor de código obteniendo los archivos directamente desde el servidor, es decir, podemos conectar el editor a nuestro proveedor de alojamiento y editar los distintos documentos directamente desde el servidor de producción. Esto es una de las características más lindas, rápidas y útiles que podemos encontrar. En mi caso soy bastante adicto a esta función, me permite solucionar rápidamente problemas, como así también hacer pruebas directamente desde el servidor donde finalmente se alojaran los archivos de mis proyectos.

Este modo de edición al vuelo se puede lograr con otros editor, en general siempre vinculando el editor con otros programas, en Coda esto se hace sin la necesidad de otro programa ni de ninguna configuración complicada, es verdaderamente una maravilla.

Un bonito editor CSS

Coda cuenta con un editor de hojas de estilo muy simple, completamente visual, honestamente no suelo utilizarlo, no obstante para los que gusten de editar sus hojas de estilo de forma visual y sin tocar el código, el editor CSS funciona perfectamente. Para mi gusto, las hojas de estilo se escribe de forma manual, más que nada por una cuestión de velocidad, pero para gustos están los colores

Una terminal para no salir del editor

La gente de Panic pensó en un editor con el que no tengamos que usar ningún otro programa, esto quedo en evidencia cuando agregaron una terminal de acceso rápido. Con presionar las teclas comando + 5, se iniciará una consola, nada del otro mundo, pero si no quieres utilizar la consola de Mac esta es una excelente alternativa.

Conclusión

Panic Coda es un gran software, a mi me encanta, creo que merece la pena pagar los 99 dólares que cuesta la licencia. Si están buscando un nuevo editor de código para Mac es una alternativa excelente.

También me gusta mucho Textmate, otro editor que merece una entrada aparte, pero creo que no tiene la misma finalidad que Coda, al menos no desde la óptica de un todo en uno.

Pueden descargar también una versión de prueba, les recomiendo hacer esto antes que pagar por el programa, de paso lo utilizan durante unos cuantos días y pueden sacar sus propias conclusiones

Gracias a PurtyPixels podemos contar con este reproductor de audio con muy pocos controles pero que contiene lo justo y necesario para variar el volumen, pausar y avanzar de forma continua. No se puede saltar a un punto específico del archivo de audio, pero si desean mostrarlos en su web, quizás les resulte interesante y puedan aplicar otras plantillas al diseño manteniendo la programación.

Descargar Super Pruty jQuery Player | Ver Demo | PurtyPixels

Es una herramienta que puede parecer simple, pero que ofrece una gran cantidad de ventajas para futuros proyectos, verán incluídos el archivo .psd de diseño, que pueden editar como gusten para combinarlo con el entorno de un sitio, y los archivos de programación tanto de estilo (.css) y jQuery (.js).

Una vez que analicen el contenido y el funcionamiento de este reproductor, estoy segura que podrán elaborar nuevas opciones a partir de sus propios diseños, o algunos de los que hemos publicado aquí.

Erly además de ofrecer esto, lo hace en un marco sumamente atractivo y algo diferente al habitual.

Podemos registrarnos con nuestro mail o acceder vía Facebook, luego de lo cual llegará el momento de crear el evento que estémos organizando desde “Create a new event”.

Vamos a ver una pantalla donde debemos cargar la información del mismo. Lo primero obviamente es el título, seguido de la ubicación y la dirección exacta. Seguiremos con la fecha de inicio (y si lo deseamos la de su fin) y por último, tipearemos la información del mismo.

Sobre el final tenemos cuatro opciones para marcar según nuestra preferencia:

• Esconder lista de invitados: Solo quien creó el evento podrá acceder a la lista con los nombres de los invitados.
• No permitir a los invitados invitar otras personas: De tildar esta opción solo los invitados deseados podrán responder al evento.
• Proteger los detalles del evento con contraseña: Por defecto solo aquellos con el link del evento podrán chequear la información del mismo. Si seleccionamos esta opción, podremos sumar aún mas privacidad colocándole contraseña.
• Permitir a cualquiera agregar contenido al album del evento: Cualquier usuario del sitio podrá sumar notas, comentarios y fotografías al album.

Una vez creado el evento llegaremos a la parte de personalización, en la cual arrastrando la “tarjeta”, modificando las tipografías y colocando alguno de los fondos disponibles en la galería con variadas categorías, lograremos generar una invitación virtual de lo mas original. En este paso es cuando podemos también subir archivos o imágenes.

Finalmente queda tipear los mails de las personas invitadas, agregar si lo deseamos un mensaje personal, previsualizar el resultado y subir contenido de todo tipo, incluídas fotos o videos.

Hoy en día es importante aclarar que obviamente podemos compartir el enlace directamente en Facebook o Twitter, dejando asi la invitación rápidamente, aunque debemos considerar que lo verán todos nuestros contactos.

Si lo que buscan es una opción algo mas avanzada a lo habitual que permita creación de reuniones o eventos variados, Erly sin dudas se merece al menos un intento por su gran cantidad de posibilidades.

Web: Erly

En este caso, quiero mostrarles el resultado de la implementación de un banner animado realizado con CSS3. Se trata de un experimento que pueden utilizar y analizar modificando elementos para generar nuevas opciones. Verán dos opciones de banners: uno vertical y otro horizontal, con el mismo motivo aplicado de en sentido acotado.

Descargar Animated Web Banners with CSS | Ver Demo | Tympanus

Entiendo que la animación es muy básica, pero conociendo las herramientas, se pueden generar posibilidades infinitas, es cuestión de aprender a utilizarlas y seguir creando sobre proyectos propios.