Aprender idiomas online con Lingua.ly

Isabel

Aprender nos empuja hacia adelante. Mas allá de si existe o no un motivo profesional, estar en constante crecimiento y adquirir conocimientos nos hace sentir motivados y mas preparados. Dentro de la enorme cantidad de opciones, los idiomas son los que mas atraen. En lo personal me encanta aprenderlos y sueño con tener mas tiempo libre para poder ampliar mis conocimientos.

Si hablamos de servicios online que sirvan para aprender idiomas sin dudas Duolingo está en el primer lugar, al menos en popularidad. De a poco, sin embargo, empiezan a aparecer otras alternativas que quizás enfocan el tema de manera diferente. Lingua.ly es una de ellas.

Aprender idiomas online con Lingua.ly

Para explicarlo de manera simple, al menos hasta que ingresen y puedan probarlo, lo que hace es que todo sitio que naveguemos pase a ser un lugar de aprendizaje. Pero vamos de a poco y para empezar pasemos el registro necesario que puede ser vía correo electrónico, Google o Facebook.

Lo siguiente es seleccionar el idioma que deseamos aprender de un extenso listado que se va actualizando cada vez mas. Aquí otro punto que vamos a seleccionar es la manera en la cual queremos “tomar” palabras. ¿Por qué?, porque al navegar por Internet iremos haciendo eso para sumar a nuestras lecciones y poder conocer así nuestro nivel de conocimientos.

Aprender idiomas online con Lingua.ly

Una vez dentro podemos optar, por ejemplo, por aprender con un artículo de tecnología en francés. Si iniciamos un pequeño test para ver si conocemos determinadas palabras, la misma además de aparecer escrita es transmitida mediante un audio para conocer su pronunciación.

Enfocándonos en lo de capturar palabras al navegar, solo debemos utilizar el método que antes configuramos. Si nos dirigimos a una y la sumamos a nuestras lecciones, en Lingua.ly aparecerá con traducción, sinónimos, pronunciación y demás detalles. Para aprovechar esta función se suma una extensión que funciona de momento en Google Chrome.

Finalmente, los pequeños test que se toman tal cual se ve en la imagen cuentan con una palabra a definir con alguna de las múltiples opciones, mientras que a medida que pasa el tiempo las mismas se van limpiando con la idea de poder obtener mayor o menor puntaje y eliminar las dudas que puedan estar presentes.

Buena opción para aprender idiomas, divertida y que intenta encararlo de una forma diferente al resto.

Web: Lingua.ly
Vía: Addictive Tips

HOTheme: plantilla para sitio web en HTML con PSD incluido

Tamara

Hace algunos días les comentaba sobre las bondades de las plantillas que nos permiten implementar un sitio con muy pocas ediciones, esto es porque mientras mejor hechas estén, más simples e intuitivas resultan las modificaciones. Por otro lado, en el último tiempo, solo se encuentran en Internet las plantillas que realizan sitios a una sola página, es por ello que Hotheme puede ser una buena alternativa para quienes buscan algo más estructurado y con sus divisiones bien definidas.

Si bien desde su planteo, esta plantilla puede resultar algo monótona en cuanto a los contrastes de color, por otro lado ofrece un buen uso de los espacios y resulta sumamente armónica y compatible con casi cualquier rubro que la precise aunque está planteada casi exclusivamente para la presentación virtual de un hotel, puede adaptarse fácilmente ya que se trata de un diseño genérico.

El archivo de descarga contiene todos los archivos necesarios para hacerla funcionar de forma simple, aunque necesitarán subirla en algún servidor ya sea online o en local para ir modificándola sin inconvenientes ya que todos sus archivos se encuentran en formato .php. Puede parecer más complejo de lo que realmente es ya que generalmente esta extensión permite un funcionamiento uniforme entre varias páginas y asegura de que, en muchos casos, las actualizaciones que se realicen contemplen todos los archivos.

HOTheme

Descargar Hotheme PSD/HTML | GraphicBurger

Al editarlo no tendrán diferencias con cualquier archivo elaborado en HTML, simplemente deberán tener un servidor para previsualizar los cambios que realicen. Probablemente el autor haya utilizado esta forma para que todo funcione correctamente inclusive los formularios y las galerías que se despliegan.

Por otro lado, cuentan con el archivo en .psd para editar los elementos gráficos y realizar nuevas imágenes que ocupen los espacios exactos, esto facilitará mucho el trabajo de edición que ya de por si lleva tiempo, pero con un buen planteo de base como el que encontramos en esta plantilla, no tendrán mayores inconvenientes. Es muy poco usual encontrar templates que consideren el trabajo de edición posterior hasta este punto, por lo general, uno tiene que lidiar con los funcionamientos extra que intervienen en la buena navegación. Es sin duda una herramienta para guardar bien y con algunos pocos cambios tenerla en funcionamiento.

Edo: Escritorio virtual para organizarse en Android

Isabel

Ser organizados es importante. Mas allá del nivel, ya que algunos lo son levemente y otros en cada oportunidad. Llevar principalemente la vida laboral con organización ayuda notablemente a optimizar el tiempo y nuestras funciones. Ya lo hemos remarcado infinitas veces en diferentes artículos y hoy lo haremos una vez mas, en este caso mostrándoles Edo.

Edo es algo similar a un escritorio virtual donde colocaremos todo nuestro desorden y comenzaremos a pasarlo en limpio. Lo que propone es ordenar aspectos laborales, de estudio y personales en pocos minutos. Mediante diferentes categorías cada ítem se irá acomodando de maravillas permitiéndonos tener una mejor visión del tiempo libre y del que debemos invertir en trabajo u otras obligaciones.

Edo: Escritorio virtual para organizarse en Android

No hay límites: podemos sumar enlaces, archivos, imágenes, videos, audio y demás elementos que irán guardándose en un espacio accesible desde el móvil. Al mismo tiempo todo puede ser compartido con otras personas en el caso de ser necesario, escribiendo notas en conjunto o enviando memos con nuevas ideas para un proyecto.

Dentro de “My Files” veremos todo nuestro contenido personal con iconos agradables a la vista que identifican cada temática junto al título. Al crear una nueva categoría, se desplegará un menú de opciones entre las que figuran todo lists, documentos de trabajo, notas para el colegio, música, etc.

Ahora bien, imaginemos que una categoría o escritorio no es suficiente porque algún proyecto terminó siendo mayor de lo que pensamos. En ese caso podemos crear otro escritorio mas para sumar todo lo que deseemos y nuevamente reorganizarlo.

No falta la pestaña de contactos para poder compartir todo fácilmente y por supuesto chatear con ellos para planificiar bien todo sin frenos en la comunicación. Sobre las notas, si bien pueden ser de las tradicionales, otra opción que se suma es la de armar notas dentro de contactos. Algo así como un punto medio entre la dinámica del chat y la calma del envío de otros mensajes, excelente espacio para dejar las ideas que aparezcan y asegurarnos de que se mantengan en un mismo sitio.

Todos los elementos con los que trabajemos serán alojados en Google Drive.

De momento Edo está disponible solo para Android pero para alegría de quienes encuentren útil la aplicación, prometen que pronto serán lanzadas las versiones para Mac y PC, algo sumamente esperado ya que permitirá la sincronización y acceso en todos los dispositivos.

Web: Edo
Vía: Feed My App

Mockups en espacios originales en PSD

Tamara

Hay una gran cantidad de opciones disponibles cuando buscamos maquetas para presentar identidades corporativas y si bien, es el uso que se les da regularmente, estas plantillas pueden ser utilizadas para mostrar ideas originales en un plano virtual que más adelante ocupará un espacio físico de forma definitiva. Usualmente tenemos mockups en tarjetas personales que es el lugar común y hay otros paquetes que también hemos publicado aquí que cubren más opciones como papelería en general.

Recorriendo Internet, quise armar una colección de opciones que no sean las elecciones usuales de colocación de marca o que sirvan para un fin determinado, es así como me encontré que hay mockups para casi todo lo que se les ocurra y que en el momento que necesiten mostrar una idea les puede resultar más que interesante.

En esta lista encontrarán diferentes plantillas en las que se pueden aplicar sus diseños de forma directa a través de la utilización de Smart Objects de Photoshop, esto funciona de manera simple, haciendo doble clic sobre la capa que contiene el objeto y agregando el logo o el bosquejo que tengan preparado. Verán que una vez que salvan el elemento (solo es necesario ctrl+s, o cmd+s en Mac) se colocará perfectamente sobre la maqueta sin necesidad de editar nada más.

Está claro que quizás no son los lugares más originales del mundo, pero se podrían considerar poco usuales y buenos disparadores, algo que les resultará útil como herramienta y en algunos casos para inspirar nuevos espacios en los que colocar una marca que ya tengan en sus manos. En todos los casos se utiliza Photoshop por esta facilidad de editar los componentes de forma directa y que una vez que son salvados se modifican solos para lograr el mejor resultado.

Son recursos clásicos que pueden ser de gran ayuda al momento de presentar una idea, y poder tener una plantilla para aplicarlos les ahorrará muchísimo tiempo de elaboración.

Cups Mockup

Descargar Cups Mockup PSD | GraphicBurger

Travel Mockup

Descargar Travel Mockup | Eamejia

Soda Can Mockup

Descargar Soda Can Mockup | GraphicBurger

Magazine Mockups

Descargar Magazine Mockups | PixelBuddha

Vertical Billboard Mockup

Descargar Vertical Billboard PSD | GraphicBurger

Engraved Wood Mockup

Descargar Engraved Wood Mockup | GraphicBurger

Vintage Boxes Mockup

Descargar Vintage Boxes | Eamejia

Notebooks Mockups

Descargar Notebooks Mockups | PixelBuddha

Versatile Bottle Mockup

Descargar Versatile Bottle Mockup | GraphicBurger

Book Cover Mockup

Descargar Book Cover Mockup | Eamejia

Vintage Label Mockup

Descargar Vintage Labels Mockup | PixelBuddha

Branding Identity Mockup

Descargar Branding Identity Mockup Vol. 10 | GraphicBurger

Wine Bottle Mockup

Descargar Wine Bottles Mockup | Behance

Shopping Bag Mockup

Descargar Shopping Bag Mockup | GraphicBurger

A Better Queue: Encuentra películas en Netflix

Isabel

Cuando uno ve tantas películas como nosotros, a veces cuesta encontrar algo nuevo. Ya saben que aquí somos amantes del cine como seguramente lo son muchos de ustedes y comprenden a qué me refiero. Siempre hay algo para ver pero no siempre lo recordamos.

Para estos casos existen infinidad de servicios, muchos de los cuales ya les hemos mostrado en un intento de que den con buenos títulos para disfrutar. La opción de hoy se vincula a un servicio muy utilizado actualmente: Netflix. Quienes poseen una cuenta allí sabrán que la biblioteca de opciones es numerosa y no siempre es fácil saber qué mirar. A Better Queue se vincula con esto para ofrecer resultados filtrados.

A Better Queue: Encuentra películas en Netflix

¿Cómo?, con base de Ruby on Rails y el uso de la API de Netflix mas la de Rotten Tomatoes. Antes contemos un poco sobre este útlimo sitio, por si todavía no lo conocen. Básicamente es similar a IMDB con algunas diferencias en lo referente a los usuarios. Si bien IMDB es la mas reconcoida base de datos del mundo del cine, con el tiempo muchos opinan que sus calificaciones dejaron de ser acertadas. De a poco fue apareciendo una alternativa que hoy en día suele acertar mas con sus ratings llamada Rotten Tomatoes. Actualmente es casi tan reconocido como IMDB y son muchos quienes ante la duda sobre una película la buscan allí para decidir si verla o no.

A Better Queue: Encuentra películas en Netflix

Volvamos a A Better Queue. Todo funciona de manera muy simple. Sobre la izquierda veremos tres sliders y un listado numeroso con rubros. El primer slider es para configurar el nivel del “tomatometer”, como se llama a las calificaciones en Rotten. Si deseamos acceder a las mejores, ya sabemos para dónde deslizarlo. El segundo se ocupará de la cantidad de títulos que queremos obtener. Finalmente el tercero tiene como función ubicar un margen de años para encontrar cintas de determinado momento o década. Sobre los rubros, están absolutamente todos los que puedan pensar: comedias, dramas, animación, culto, terror, ciencia ficción, etc. Incluso las series, ya que también son parte de Netflix.

Cuando apliquemos los filtros se obtendrán los resultados mostrando cada uno la portada de la película junto a la calificación, el año, la cantidad de reviews que tiene y en vínculo para agregarla a nuestra lista personal en Netflix. Si deseamos verla, solo queda que hagamos click en ella y seremos redirigidos.

Simple, con un diseño limpio y sin marear lograron un buen lugar para acudir cuando no sabemos cual película nos queda por ver.

Web: A Better Queue

Mintieicons: nuevo pack de íconos planos circulares

Tamara

En el último tiempo surgieron varios paquetes de íconos circulares que despliegan diferentes estilos de ilustración y que también emplean conceptos que se salen de lo común con respecto a los cientos de sets que se hicieron populares con anterioridad. Este nuevo compilado denominado Mintieicons nos ofrece nuevas opciones con algunos detalles que lo destacan del resto.

Por empezar, es la primera vez que si bien los íconos se plantean en formato circular, las figuras en su interior juegan con el espacio que los circunda, abriendo un poco el abanico de posibilidades. Sobre esta cuestión, los elementos están elaborados en Photoshop por lo que realizar lo mismo con otros sería sumamente simple, además de poder modificar sus colores de base y utilizarlos en casi cualquier resolución.

Mintieicons

Descargar MintieIcons | Mintie

Por otro lado, los dibujos empleados son muy originales, tanto que quizás deban tener una utilidad específica para ellos o que justo coincidan con algún concepto en particular que se encuentren proyectando. Con esto me refiero a que no son absolutamente genéricos y puede que de todo el paquete solo puedan utilizar uno o dos, deberán tener esto en cuenta a la hora de depender de ellos para ubicarlos en una plataforma completa.

Los amigos de Mintie, nos ofrecen de forma gratuita 40 íconos de los más de 110 que en este momento componen el paquete, el costo de todos los íconos es de U$39.- e informan que la totalidad de componentes será de 300 al final del proyecto, por lo que comprándolo se podrá acceder a las actualizaciones de forma gratuita. Aún así, los que se ofrecen gratuitamente son lo suficientemente buenos como para no necesitar nada más. Líneas suaves, colores potentes y figuras simpáticas que se salen de lo común, es un paquete que seguro dará que hablar largo y tendido, no solo por la originalidad sino porque sale en el momento en el que una gran cantidad de usuarios buscan implementar el estilo en sus sitios web.

La descarga es gratuita, pero para acceder a ella deberán ingresar sus datos y así poder recibir el enlace a través del correo electrónico.

Generador de iconos sociales online

Isabel

No hace tanto todos miraban las redes sociales como ese elemento nuevo que nacía en Internet, algunos sin comprenderlas y otros con una inmensa curiosidad. Hoy se volvieron parte importante, mas allá de si existe quienes disfruten eso o estén en contra. Nadie puede negar que al momento de armar un proyecto debe considerar su perfil social y cómo se manejará y de hecho si lo niega seguramente esté cometiendo un error.

Generador de iconos sociales online

Pasando a los sitios web y blogs, son infaltables los iconos que nos lleven a ellas. No solo el grupo para invitar a ver las actualizaciones de nuestro sitio sino aquellos que permitirán que los lectores compartan nuestro artículo. Lo mismo ocurre con una nueva aplicación, un landing de un proyecto diferente y casi cualquier idea que se les ocurra.

Claro, dar con el set adecuado no es sencillo. Depende de la temática, del enfoque y de la atención que deseamos que tengan. Simple Sharing Buttons llega para ayudar a todos los que estén pasando por ese paso en la creación de un proyecto o aquellos que quieran sumar la función social en uno ya existente. Con solo pocos pasos obtendremos un grupo de iconos sociales con sus enlaces marcados y listos para implementar.

Recorriendo una misma página el sitio nos lleva por cada etapa. Lo primero es seleccionar alguno de los estilos que como vemos en la imagen son numerosos. Todos flat y tanto en color como en blanco y negro, sumada a la genial opción de utilizar Font Awesome.

Luego pasaremos a tildar las redes que deseamos. Podemos optar por:

  • Facebook.
  • Twitter.
  • Google+.
  • Tumblr.
  • Pinterest.
  • Pocket.
  • Reddit.
  • LikedIn.
  • WordPress.
  • Email.

Generador de iconos sociales online

Después de marcar todos los canales deseados llegamos a la información del sitio. Lo primero es seleccionar si queremos sumar JavaScript o PHP y mas abajo sí debemos colocar la información: dirección, título, descripción, si lo deseamos usuario de Twitter y URL de una imagen que será utilizada como preview. El usuario es básicamente para que en el caso de dicha red los tweets salgan con el buscado “via @usuario”.

Estamos casi listos para implementar. Se accede a una vista previa para comprobar que todo quedó como esperábamos y finalmente veremos un box con el código listo para copiar y pegar donde deseemos.

Si bien existen varios generadores de este tipo, me gustó la sencillez y la falta de requerimientos. No nos obligan a twittear nada, ni a registrarnos. En cambio, obtenemos un elemento que hoy es primordial en cuestión de segundos.

Web: Simple Sharing Buttons

Halcyon Days: plantilla para web en HTML y CSS

Tamara

A la hora de seleccionar una plantilla para elaborar un nuevo sitio web son muchas cuestiones las que debemos tener en cuenta. Primero que todo en ella esté colocado de forma dinámica y que la manera en que la información esté ubicada favorezca aquello que queremos transmitir. Claro que uno no elabora un sitio para nada, siempre hay una meta y un mensaje que brindar y cuando dependemos del diseño de otra persona son cosas que tenemos que analizar.

Por otro lado, hay templates que proveen una estructura genérica y que con muy pocos cambios se puede lograr mostrar todo lo que necesitamos y tal vez un poco más. Cuestiones como la cantidad de información, si, como en este caso, utilizamos una sola página, cuáles son las secciones que deberemos primar para que la navegación sea útil y fluida para el usuario y en ultima instancia que todo esto esté contenido en un diseño atractivo y armónico.

Probablemente debamos intercambiar algunas secciones o pulir colores e imágenes según nuestras necesidades, pero a fin de cuentas, siempre que podamos contar con una plantilla (o base) que sirva, el trabajo se hará mucho más liviano y nos asegurará un resultado óptimo.

Halcyon Days

Descargar Halcyon Days | Ver Demo | Codrops

En el caso de Halcyon Days, la plantilla ofrece virtudes ya planteadas que nos liberan de los archivos de Photoshop, por lo menos en sentido al maquetado y a las cuestiones de adaptabilidad que son tan necesarias en este tiempo de dispositivos móviles. Cuenta con una base de estilo plano con colores que resultan muy fáciles de editar para combinarse con una idea inicial, y posee los espacios necesarios para plantear una web a una sola página con su respectiva información institucional, portfolio, formularios y datos necesarios referentes a la actividad.

También despliega un menú que permanece oculto en todo momento, quizás si no es lo que buscan deberán editarlo (no soy partidaria de que el menú se esconda constantemente), pero no es nada que no se pueda solucionar fácilmente. Tiene un excelente uso de los espacios y las tipografías que bien pueden servirles para otro proyecto ya que están muy bien combinadas y son legibles desde todo tipo de dispositivo. Todo se navega con movimiento parallax y si bien tiene algunas cosas que se incluyen siempre y no suelen usarse, es muy simple prescindir de ellas y reemplazarlas con más información o elementos concernientes a su actividad.

Hay muchas opciones disponibles en Internet, pero pocas veces se encuentran plantillas tan prolijas y bien distribuidas que ya estén listas para ser utilizadas con algunos cambios de imágenes como en este caso.

Themes gratis para WordPress: Euclid

Isabel

Para ser el primer theme enfocado en el blogging que ThemeSmarts desarrolla, la realidad es que se logró una plantilla genial y versátil como pocas. ¿No es eso lo que muchas veces buscamos?, que se pueda tener una buena base pero adaptar constantemente. Todo cambia, siempre y esto incluye los sitios que desarrollemos por lo que un template adaptable a diferentes usos siempre es bien recibido.

Euclid utiliza la actual tendencia flat para mostrar absolutamente todos sus elementos en estilo plano y simple. Los colores de ejemplo van de blanco a gris y destaques en verde aunque obviamente todo se puede editar fácilmente a gusto, mas allá de que la gama original sea asi de atractiva. Justamente al crearlo la idea fue que se pueda cambiar cómodamente, algo que todos agradecemos pero especialmente aquellos que tienen menos idea sobre código.

Themes gratis para WordPress: Euclid

Euclid puede ser un espacio para el blog mas clásico pero también una presentación corporativa, una galería de trabajos o alguna combinación entre ellas. No falta el formato de artículos, algo que cada vez tiene mas seguidores y que permite que dependiendo de lo que publiquemos el contenido se vea de forma diferente además de estar señalado con iconos identificatorios.

Es raro hoy dar con un theme que no cuente con panel de opciones personalizado y por suerte esta no es la excepción. Desde el mismo podremos editar los aspectos mas básicos del sitio en cuestión de segundos sin perder tiempo realizándolo manualmente y teniendo que buscar las líneas a editar. Se suman opciones de posts, mas de 300 shortcodes para que toda clase de contenido se vea correctamente y de manera armoniosa además de zonas para widgets. En lo respectivo a lo visual se configuraron seis gamas de colores que se cambian mediante un selector.

Themes gratis para WordPress: Euclid

Luego del menú, si bien no falta el slider, el mismo pasa a ser mucho menos abrumador que los que suelen verse, algo que en lo personal agradezco. En lugar de una imagen gigante con texto que se pierde veremos diferentes artículos en grupos de a tres con una miniatura y el extracto sobre fondo blanco.

Luego sí llega la sección tradicional de blog con contenido y sidebar, incluyendo los diferentes formatos de posts que les comentaba. Tanto en la página de inicio como en la individual abajo de cada artículo se ven los iconos para compartir en redes sociales y sobre los costados en el último caso se suman dos flechas para ir cambiando de artículo sin problemas desde allí mismo.

Gran propuesta, fácil de editar y que sin dudas será buena base para futuros proyectos.

Euclid – Descargar en ThemeSmart

Datepicker JavaScript sin dependencias

Pablo

No hace falta decir que existen decenas de alternativas a la hora de elegir un buen datepicker, sin embargo cuando lo que buscamos es uno que no tenga dependencias las opciones se reducen considerablemente.

Rome es un datepicker JavaScript que no posee ninguna dependencia, es una solución escrita con JavaScript puro y duro, una solución ideal para aquellos proyectos que no utilicen ningún framework y necesiten un seleccionador de fechas simple que no necesite de otras librerías para funcionar.

datapicker javascript puro

Rome viene listo para funcionar en dos versiones, una que utiliza Moment.js para procesar y manipular fechas y otra que ya cuenta a esta biblioteca integrada en un solo archivo.

A pesar de ser una herramienta sencilla es muy completa, permitiendo la opción de seleccionar no solo fechas sino horas. También cuenta con opciones de configuración básicas para poder ajustar el datepicker a nuestras necesidades, por ejemplo podemos definir fechas máximas y mínimas, rangos y muchas opciones más, todas perfectamente documentadas y explicadas.

Si lo desean pueden ver una demostración online para poder apreciar mejor las funcionalidades comprendidas por esta biblioteca.

Si hablamos de su aspecto, podemos decir que es austero, sin embargo su sencilla construcción permite variar su apariencia simplemente utilizando hojas de estilo, esto no representa grandes complicaciones y se puede lograr un elemento muy agradable visualmente con unos pocos minutos de trabajo.

Web: Rome