Fantásticos elementos de todo tipo para embellecer tu web (I)

Publicado el

por Juan Pablo Sarmiento

En el siguiente listado encontraras una gran colección de diferentes recursos web de todo tipo, recopilados especialmente para proporcionar una ayuda a los diseñadores o desarrolladores dedicados al fantástico mundo del internet.

Creativos elementos gráficos:

Lo que necesitas para tus próximas presentaciones: maquetas, fondos, fuentes y demás.

Maqueta del iPhone 5: bonita maqueta en photoshop para el iPhone 5.

iPhone 5 Mockup PSD

Sombras largas: objeto inteligente de Photoshop para generar sombras largas a diferentes elementos.

Patrones oscuros: pequeña colección de patrones oscuros para tu sitio web.

patrones oscuros

Plantilla para logos: con este elemento de Photoshop podrás personalizar tu logo de una manera sencilla.

logo plantilla

Maqueta del Samsumg Galaxy S4: excelente maqueta en Photoshop del Samsumg Galaxy S4.

Maqueta del Samsumg Galaxy S4

Wanted: bonita fuente de texto al estilo del viejo oeste.

Wanted: fuente de texto

Maqueta de marca o identidad: útil set de elementos gráficos para el diseñador web.

Maqueta de marca o identidad

Formularios de registro: pequeña colección de 7 plantillas en PSD de formularios de registro.

Formularios de registro

Plantillas para el iPad: 3 diferentes maquetas súper útiles del iPad en PSD.

Plantillas para el iPad

Maqueta de marca en PSD: útil colección de elementos para mostrar tus últimos proyectos.

Maqueta de marca en PSD

Modernas GUI para desarrolladores y diseñadores:

Todo tipo de elementos para desarrollar de manera fácil tu próxima aplicación.

Marble GUI: colección de diferentes elementos útiles para tu web.

Marble GUI

Light GUI kit: pequeña y simple colección de elementos de interfaz para tu web.

Light GUI kit

GUI minimalista: excelente concepto de interfaz de usuario minimalista en archivo PSD.

GUI minimalista

99Lime UI: completo set de diferentes elementos minimalistas para la web.

99Lime UI

iPad GUI: kit de diferentes elementos de interfaz del iPad para diseñadores.

iPad GUI

Modern Touch UI: gran colección de elementos de interfaz con un estilo metro (win 8).

Modern Touch UI Kit

Android GUI: completo set de más de 1000 elementos de interfaz totalmente editable.

Android GUI

íconos de gran calidad:

Las siguientes son colecciones de í­conos creados siguiendo las últimas tendencias de la web.

Maki í­conos: completo paquete de 95 í­conos en SVG para utilizarlos en MapBox.

Iconos para mapas

Ultimate Icon: Gran set de í­conos con más de 1000 unidades totalmente gratis.

Ultimate Icon set

íconos de Adobe: pequeño set de 8 diferentes í­conos de adobe en PSD.

Set Iconos de Adobe

íconos Planos: hermoso conjunto de í­conos con un estilo plano en formato PSD.

Set de Iconos Planos

íconos SEO: kit de 12 diferentes í­conos SEO de estilo plano.

12 icons SEO

Kit de í­conos planos: pequeña pero bonita colección de 6 í­conos con un estilo moderno.

Kit de iconos planos

íconos redondos: moderno paquete de í­conos para las diferentes redes sociales.

Iconos redondos

Surfing í­cons: simple y bonita colección de 12 diferentes í­conos en PSD.

Iconos al estilo Surf

íconos de iOS 7: útil colección de 32 í­conos de barra para el iOS 7.

Iconos de iOS 7

íconos sociales: moderno set de í­conos sociales para tu sitio web.

Iconos sociales

íconos en CSS: increí­ble colección de í­conos creados totalmente en CSS.

Iconos en CSS

Plantillas web en variados formatos:

En la siguiente lista se podrá encontrar plantillas en PSD para tu inspiración, así­ mismo encontrarás plantillas en HTML y temas para WordPress.

BlueBox: moderna plantilla para sitio web de estilo plano en PSD.

BlueBox

Coorpin: útil portafolio para WordPress con un estilo minimalista.

portafolio para WordPress

Pronto: tema para WordPress con un diseño en grilla.

diseño en grilla

Celestino: limpio y creativo tema tipo portafolio para WordPress.

portafolio para WordPress

Carbon: plantilla web HTML + CSS adaptable a diferentes dispositivos.

plantilla web HTML + CSS

Pinball: plantilla para blog en PSD con un estilo de grilla y con versión responsiva.

plantilla para blog

Adapt: portafolio para WordPress totalmente responsivo.

portafolio para WordPress

Display: plantilla web en PSD con un estilo limpio y minimalista.

plantilla web en PSD

Impero: tema simple y minimalista para WordPress perfecto para restaurantes.

tema minimalista para WordPress

Pinbin: moderno tema para WordPress al mejor estilo de Pinterest.

moderno tema para WordPress

Skybox: elegante plantilla web multipropósito en archivo PSD.

plantilla web multipropósito

Creativos experimentos o complementos para tu web:

La lista de abajo contiene fragmentos de código y diferentes complementos pensados para embellecer la web.

Mason.js: plugin de jQuery para la creación de grillas perfectas con JavaScript.

plugin de jQuery

UI Transitions: plugin que nos permite crear y eliminar los í­tems de una lista con animación.

listas con animacion

Animaciones CSS3: excelente plugin con una colección de diferentes animaciones en CSS3.

Animaciones CSS

Cubo 3D: galerí­a de imágenes en un cubo 3D construido totalmente en CSS.

Cubo CSS 3D

Ficha de información: 7 bonitos efectos para mostrar información de un elemento.

Ficha de información

Flipswitch: generador online de interruptores con animación en puro CSS3.

Generador online de interruptores CSS3

Libros animados: excelente tutorial para crear la animación de un libro que se despliega al pasar el cursor sobre este.

Libros animados CSS3

Galerí­a de imágenes: útil galerí­a de imágenes construida en jQuery para exhibir tus fotos.

Galerí­a de imágenes

Furatto: moderno framework HTML y CSS perfecto para acelerar el desarrollo de páginas web.

Framework HTML y CSS

Efectos de scroll: útil colección de diferentes efectos de scroll para tu sitio web.

Efectos de scroll

Efectos de transición: asombrosa recopilación de diferentes efectos de animación en CSS + jQuery.

Efectos de transición

Lockscreen Free, seguridad adicional al desbloquear tu dispositivo Android

Publicado el

por Rebeca Polo

lockscreen

Nos encanta personalizar nuestros smartphones con los detalles más inusuales, tanto cuando se trata de cambiar la interfaz como los iconos como la forma de desbloquearlo. Si queréis optar por una forma de desbloqueo del terminal más original y a la vez más segura, podéis considerar instalar Lockscreen Free como una buena opción.

Pese a que Lockscreen Free tiene como objetivo ofrecer un nuevo desbloqueo de nuestro móvil Android, cuenta con muchas más ventajas que describiremos a continuación. En primer lugar y como el nombre indica, nos ofrecerá un patrón de desbloqueo mediante iconos de distintas aplicaciones que tendremos que pulsar en orden, cosa que ya nos recuerda al patrón de seguridad que podemos configurar en nuestro Android por defecto.

Sin embargo, el hecho de que los botones del patrón sean apps tiene un motivo, y es que además de ofrecer una manera innovadora de desbloquear el terminal, Lockscreen sirve para ejecutar aplicaciones directa y rápidamente: de entrada se nos abrirá la última app que pulsemos en el patrón de desbloqueo, y si queremos abrir cualquier otra podremos hacerlo también desde esa pantalla introduciendo el código correcto y arrastrando el dedo al icono de la app que queramos ejecutar. Si no queremos abrir ningún servicio en concreto, obviamente podremos desbloquearlo sin tener que cargar nada con el icono «desbloquear».

Además de abrir las apps presentes en el patrón, también podremos seleccionar acciones como llamar al último número marcado o activar la linterna. No pasa nada si alguna vez nos olvidamos del orden del patrón, pues podremos configurar también una pregunta secreta en caso de emergencia para que la app nos lo recuerde.

Podéis bajar Lockscreen de este enlace a GooglePlay y probarlo de forma gratuita.

Tres formas gratuitas para ver quién habla de tu marca en Facebook

Publicado el

por Juan Diego Polo

Monitorizar Facebook es bastante más difí­cil que rastrear datos en Twitter. Por un lado tenemos el problema de que la información no está tan estructurada (los tags, por ejemplo, no se usan mucho en Facebook), por otro lado la API de Facebook no ofrece una forma sencilla de acceder a sus millones de registros en busca de menciones de marcas.

Existen herramientas bastante completas, como Trackur, por ejemplo, diseñadas para permitir rastrear de forma sencilla las menciones de marcas en las redes sociales, pero si no estáis dispuestos a pagar los precios cobrados por estas plataformas, hay algunas opciones gratuitas que vale la pena conocer.

Comenzamos con un clásico que, aunque no es infalible, puede ayudar en varias ocasiones. Se trata de 48ers.com, un buscador de noticias en las redes sociales que también puede usarse para monitorizar marcas. Durante mucho tiempo ha funcionado perfectamente para rastrear ese tipo de información, con un menú lateral que perite filtrar según la fuente de los datos. Por desgracia hace algún tiempo que no muestra resultados al buscar por ciertas palabras, esperemos que se trate de un problema temporal.

Seguimos con SocialMention, capaz de rastrear información entre blogs y redes sociales e incluir información estadí­stica relacionada con lo que se ha encontrado. En la búsqueda avanzada podemos filtrar por idioma, localización geográfica y fecha, así­ como excluir de los resultados la información que incluya ciertas palabras no deseadas.

socialmention

Y por último llegamos a la más práctica y completa: Google. Realizando búsquedas como:

«android 4.0» site:facebook.com -lg

podemos encontrar las menciones de Android 4.0 dentro de Facebook excluyendo la palabra LG, por ejemplo, algo que puede resultar muy útil si mezclamos los filtros de fecha que el propio Google incluye.

buscador

Recordad el artí­culo Trucos para usar el buscador de Google, y sus sistemas de filtro de información, y seguramente poco se escapará a vuestro alcance.

Actualización: Os dejo con una cuarta opción, icerocket.com, aplicación que incluye una pestaña dedicada a Facebook en la que ordena los resultados de forma cronológica. Por desgracia no aparecen todos los resultados, aunque sí­ puede servir para confirmar los encontrados en otras opciones.

Clipsi, interesante propuesta para trabajos empresariales

Publicado el

por Miriam Schuager

Clipsi

Clipsi se presenta con una solución interesante para equipos empresariales, que les permite trabajar de manera colaborativa bajo diferentes criterios.

Siguiendo la misma dinámica de Pinterest, permite capturar coleccionar, organizar y compartir diferentes contenidos, pero con interesantes particularidades. Por ejemplo, podemos capturar imágenes o texto seleccionado desde la web, o cualquier documento desde nuestra cuenta de Dropbox. Todo ello, podemos organizarlo en diferentes tableros (privado o públicos) con opciones sociales. Podemos pedir la colaboración de nuestros compañeros de equipos, así­ como sus comentarios sobre los contenidos compartidos. Ya sea que hayamos compartido capturas desde la web o de Dropbox, se contará con la fuente original para entender el contexto.

La dinámica es muy flexible por lo que puede utilizarse para crear lluvia de ideas, planificar proyectos, discutir propuestas, realizar curadurí­a de contenido, entre otros. Tanto la interfaz como las opciones presentadas son muy simples de utilizar, por lo que podremos movernos por nuestros tableros sin complicarnos, ni perder tiempo. Clipsi se encuentra por el momento en beta, y con la posibilidad de probarla como cuenta personal con un limite de un tablero privado y cuatro tableros públicos. Aunque en el futuro también se abrirán paquetes con más caracterí­sticas acorde a las diferentes necesidades de los trabajos empresariales.

Otras de las caracterí­sticas que prometen a futuro desde el equipo de Clipsi, es la implementación de otros servicios de almacenamiento online y otras funciones pensadas como soluciones empresariales. Para probar la plataforma podemos registrarnos con nuestra cuenta de Twitter, Facebook o solicitar una invitación. Ya sea que la utilicemos a nivel personal o con miras a trabajar en equipo, es una interesante opción a tener en cuenta.

Nueva versión de Cl3ver, para mostrar animaciones 3D en páginas web

Publicado el

por Juan Diego Polo

cl3ver

Os hablamos de cl3ver hace algunos meses como una fantástica solución que permite mostrar animaciones 3D en la web. Es una herramienta que ofrece la posibilidad de importar modelos tridimensionales hechos con otras aplicaciones (3DS Max, Autocad, Sketch Up, Maya, etc.), así­ como ajustar detalles dentro de la propia web para mostrar resultados realistas y útiles para quienes necesiten este tipo de presentaciones en su sitio.

Hoy, después de ser finalista en la primera competición SXSW V2V en Las Vegas en la categorí­a “Innovative World Technologies”, esta startup, graduada de la academia Wayra Barcelona, nos presenta nuevas funcionalidades.

La plataforma, que permite crear rendering 3D en tiempo real y compartirlos en la web sin necesidad de ningún plugin, soportando Web GL, Flash 3D y HTML5, muestra ahora un botón interactivo, tanto en la versión 2D como 3D, para ofrecer información adicional de la escena; añade la posibilidad de incluir objetos 2D dentro de escenas 3D; permite mostrar iframes dentro de escenarios tridimensionales, muy útil para mostrar ví­deos de youtube, por ejemplo, durante un tour virtual; incluye la opción de mostrar efectos, pequeñas animaciones, dentro de nuestro trabajo, incluye más opciones para integrar imágenes jpg, png y gif dentro de los escenarios… funcionalidades que parecen indicar el camino que Cl3ver quiere recorrer durante los próximos meses: el necesario para transformarse en el 3DStudio web, la herramienta que arquitectos, diseñadores industriales y vendedores de automóviles no podrán dejar de usar en sus plataformas web.

Cl3ver tiene algunas demostraciones en su página (cl3ver.com) y ofrece la posibilidad de probar la herramienta con nuestros propios trabajos.

Publicado en

Siter – Para llamar por teléfono usando un dominio, en lugar de un número

Publicado el

por Juan Diego Polo

siterDisponible para iPhone, Android, BlackBerry y Windows Phone, siter.com ofrece una original forma de permitir que nuestros lectores o clientes nos llamen por teléfono sin necesidad de que conozcan el número.

Lo único que tenemos que hacer es rellenar un formulario asociando nuestro dominio (wwwhatsnew.com, por ejemplo) a uno o varios teléfonos (oficinas en varias ciudades, distintos departamentos, etc.). Una vez realizada la asociación, podremos divulgar el logo de la aplicación (una mariquita) dentro de nuestra página, informando así­ a los visitantes de que tenemos registro en Siter.

Cuando alguien use la aplicación en su smartphone, podrá introducir el nombre del dominio y seleccionar el teléfono al que quiere llamar (redacción, financiero, departamento comercial, oficinas en Santiago…), sin necesidad de introducir ningún número.

Lógicamente la llamada no es gratuita, únicamente se establece un atajo basado en dominios para unos números que, de forma transparente para el usuario, sí­ son llamados, por lo que no penséis en Siter como en una aplicación VoIP y sí­ como en un nuevo tipo de agenda basada en dominios.

Nos comentan que no solo funciona para dominios, también es posible asociar uno o varios teléfonos a páginas de twitter, facebook, linkedin, blogs y cualquier entidad web que queramos divulgar para que entren en contacto con nosotros ví­a teléfono.

Google incrementa cinco veces la cantidad de dinero disponible para recompensas para los «caza errores»

Publicado el

por Fco. José Hidalgo

Todos debemos tener en mente que ningún sistema es 100% seguro, y que con el tiempo, irán apareciendo errores y fallos de seguridad en muchos de los sistemas que usamos en la actualidad, incluido en los servicios online que usamos a diario. Es por ello por lo que empresas como Google y Facebook tienen en la seguridad una mirada puesta, de manera que puedan solventar rápidamente los errores y fallos que vayan surgiendo, aunque no siempre son encontrado por los propios ingenieros, por lo que acude a aquellos usuarios avispados que puedan encontrarlos e informarles, recibiendo por ello recompensas económicas en función del nivel de gravedad de los propios fallos.

En este sentido, Google acaba de aumentar en cinco veces la recompensa disponible para aquellas personas, los caza errores, que logren encontrar fallos, disponiendo para ello de 2 millones de dólares, que se reparten en partes iguales entre su departamento Web y el departamento Chromium, de manera que cuando un caza errores encuentre un error, recibirá una cantidad en función de la gravedad del mismo.

Lo único malo es que haya personas que encuentren errores y prefieran mercadear en el mercado negro para conseguir más dinero, de ahí­ la necesidad de ofrecer atractivas recompensas. Además, Google no es la única compañí­a de Internet preocupada por la seguridad de sus sistemas, ya que Facebook también dispone de su programa de recompensas, disponiendo de un total de 1 millón de dólares, aunque la recompensa más alta pagada hasta el momento es de unos 20.000 dólares por cuestiones de seguridad de alta prioridad.

Ví­a: VentureBeat

easyhtml5video – Para crear ví­deos en HTML5 para nuestro sitio web

Publicado el

por Juan Diego Polo

Seleccionamos un ví­deo de nuestro ordenador, apretamos en transformar y publicamos el resultado en la web. Esos son los tres pasos que necesita easyhtml5video.com para permitirnos publicar ví­deo en HTML5 dentro de nuestras páginas web.

Se trata de un programa gratuito para Windows y Mac que vi ayer recomendado en un artí­culo de ProgramaConGoogle, una solución que podemos usar para divulgar ví­deos en nuestro sitio sin depender de plataformas como Youtube o Vimeo, aprovechando la capacidad que tiene HTML5 para reproducir audio y ví­deo desde cualquier dispositivo compatible.

html5

En la página de presentación de este programa comentan que los pasos habituales para crear ví­deos en HTML5 son: encontrar convertidores y preparar tres versiones del ví­deo (.OGG, MP4 y WebM), concentrarse en hacerse compatible con navegadores más antiguos, preparar una alternativa en flash, extraer una imagen para el panel y programar el código para sincronizar todo el tema. EasyHTML5Video facilita la tarea permitiendo que seleccionamos la imagen del panel, los codecs y la configuración en un solo paso, obteniendo el código HTML final con todos los códigos necesarios, imágenes y ví­deos.

El programa es gratuito para uso no comercial. La última versión, anunciada hace pocos dí­as, permite ajustar de forma automática el tamaño del ví­deo a la pantalla que lo reproduce, así­ como dispone de controles para ajustar la calidad del contenido visualizado.

TED Air, la app ideal para conocer más sobre cualquier tema

Publicado el

por Rebeca Polo

ted

Nuestra sed por adquirir nuevos conocimientos y saciar nuestra curiosidad con nuevos descubrimientos se ha visto enormemente alimentada por el potencial de Internet en lo relacionado con poner a nuestro alcance casi cualquier respuesta a las preguntas que podamos tener. Para todos aquellos fanáticos de aprender nuevas cosas cada dí­a, descubrimos TED Air, una app móvil para iOS y Android que nos dará acceso a distintas conferencias impartidas por expertos sobre cualquier tema imaginable.

Como algunos sabréis, TED hace referencia a «tecnologí­a, entretenimiento y diseño», y las conocidas TED conferences se han celebrado anualmente desde 1984 permitiendo que inspiradores y experimentados conferenciantes compartan sus conocimientos con nosotros. La app TED Air, precisamente, comparte el contenido de estas TED talks subtitulado en más de 80 lenguajes para que el contenido de éstas llegue al alcance de cualquiera. Podremos buscar charlas en concreto por tema, etiquetas, categorí­a, etc. y verlas o bien subtituladas o en V.O. por defecto, es decir, en inglés.

Futuras actualizaciones de la app nos traerán nuevas caracterí­sticas y servicios, como por ejemplo el «Ted a Day», función que nos propone escuchar una conferencia TED al dí­a de algún tema especialmente relevante que pueda resultarnos de interés.

Podéis bajar TED Air de forma gratuita para Android e iOS, de estos enlaces a iTunes y Google Play.

Ya tenemos una excusa para explicar el por qué de nuestra procrastinación, pues es fácil entretenerse horas y horas con esta app.

FidusWriter, la aplicación web para crear textos académicos, ya es de código libre

Publicado el

por Juan Diego Polo

fidus

Os hablamos de FidusWriter (fiduswriter.org) hace ya un año, un proyecto que nos permite crear documentos directamente desde Internet, colaborar con otros usuarios, mantener un registro de cambios, comentar secciones, crear pies de página, registrar bibliografí­as y hacer referencias a documentos, páginas web, revistas y material de consulta en general, crear libros, exportar en varios formatos (ePub y HTML incluidos)… una enorme cantidad de funcionalidades pensadas para facilitar la creación de los trabajos que requieren un formato especí­fico, donde las referencias y fuentes ganan protagonismo.

Este excelente proyecto acaba de anunciar una excelente noticia: ha publicado su código con licencia AGPL al mismo tiempo que lanzan su versión 1.0, con traducción al español, búlgaro, alemán e inglés.

Podéis probar la aplicación directamente desde su servidor, recordando que se trata de una versión de pruebas y que la información puede desaparecer en cualquier momento. Si queréis tener una copia permanente para trabajar en vuestra institución (o para uso particular), podéis bajar solicitar el código aquí­ e instalarlo en vuestro servidor.

Aunque ya existen fantásticos editores de documentos en la web (Google Drive y Zoho, por poner dos ejemplos) y algunos generadores de bibliografí­as muy completos (como Mendeley), pocos están concentrados en la creación de documentos académicos y gestión de referencias al mismo tiempo.