Tesokdesign

Cuando queremos poner un texto un poco curvado en Sketch, a primera vista, no vemos una herramienta que pueda hacerlo, en los paneles laterales que estamos acostumbrados a usar para editar los valores del objeto seleccionado no aparece.

Mis primeras prácticas de Micro interacciones. Por ahora me centré en un efecto sencillo para la acción de me gusta con el corazón, las transiciones entre pantallas y la transformación del menú hamburguesa en flecha de back.

Ya podéis pasaros por mi Behance y apreciar mi último trabajo y Domestika. Diseño de User Interface o Interfaz de Usuario para una aplicación de películas de estreno con la que poder buscar las últimas películas además de encontrar los cines donde verlas.

Esta vez he centrado el diseño de la APP en IOS ya que hasta ahora no tenía ninguna diseño serio en este sistema operativo. He aprovechado además para meterme de lleno en el diseño UI con Sketch el cuál compré ya que merece mucho la pena.

El otro día comente Sip, la aplicación para poder seleccionar los colores estando en cualquier lado, además de hacerte tus paletas de colores en la versión PRO, hoy, hablaré de Coolors.co.

Coolors.co es una herramienta de las miles de herramientas que podemos encontrar para generar colores o encontrar paletas de colores. Me llamó la atención su funcionamiento.

Aunque diseño UI con Sketch 3, viendo unas charlas de Diseño de apps por Youtube he descubierto el plugin de DevRocket para Photoshop.

La verdad es que este Plugins hace que Photoshop tenga otra vez sentido para diseñar para UI. Te ayuda en muchas cosas además de hacerte perder menos tiempo al realizar las exportaciones.

El otro día mientras estaba aprendiendo algunos trucos de Sketch con videos en Youtube viendo como trabajan los buenos jeje me fijé en la forma en la que capturaba los colores de alguna imagen por ejemplo.

La primera vez que tuve que hacer el diseño de una App estaba usando un OSX y tenía un Iphone 4 al alcance de la mano. Solo tuve que buscar un poco por internet para ver como poder ver en el Iphone el diseño y de esta forma hacerte a la idea de como van quedando las proporciones..., Aquella vez lo hice desde Photoshop y una app Liveview, dejo el enlace del artículo que escribí en su día.

He seguido diseñando al App de Priority que tenía sin acabar y aunque aún queda trabajo, me va gustando como va quedando. He subido a Google+ tres capturas de pantalla para tener un poco de feedback, ver que opina la gente y poder mejorar el diseño.

El 3 de Agosto los chicos de Códigofacilito comenzaron un nuevo tutorial de JavaScript muy interesante. Esta vez sin Jquery, un gran acierto.

La verdad es que cuando busco tutoriales, al final, siempre acaban metiendo Jquery y esta muy bien, pero al estar intentado tener un poco de base en JS me parece demasiado rápido el paso que dan a Jquery, dejo JQ para más adelante.

Hacía tiempo que no realizaba una ilustración y me decidí que ya era hora de hacer una mientras sigo desarrollando los otros diseños de apps, logos etc que tengo entre manos.

Lo he tenido que hacer varias veces y siempre tengo que acudir a la misma web ya que no era yo el que normalmente se ocupada de subir, pero no esta de más saber como funcionan estas cosas. Usaré el post para tenerlo siempre como recordatorio, intentar memorizarlo y ayudar a todo el que pueda.

Normalmente siempre entro al tutorial que escribió Gian Oliveira, así que por no repetir el trabajo de él es mejor haceros referencia a su blog, lo único, cuando él llega al punto 8 lo deja terminado, yo suelo hacer dos pasos más que serán mi aporte.

Hoy voy a compartir un Plugins para Joomla con el que añadiremos un Scroll to top, es decir, la hacer scroll en nuestro Joomla para no tener que volver a subir haciendo scroll.

Con el plugin haremos aparecer un botón en el que podemos escribir un texto o añadir una imagen para hacer saber al usuario que pulsando en él irá al top de nuestra página.

Lightline es un juego para Android/IOS que estamos desarrollando en html5  uesteibar y yo. El juego es un simple tres en linea al cual le hemos dado una vuelta estéticamente para no ser uno más del monto.

Aun estamos en el proceso de desarrollo pero con muchas ganas de poder terminarlo para lanzarlo.

He vuelto a retomar el pack de iconos, vuelvo con ganas y estoy rediseñando alguno que otro, por ahora estos son los que tengo.

Mi web, aun siendo responsiva, el menú no estaba de la mejor forma y Google va ha empezar a penalizar las webs no responsivas, me he puesto a actualizar esta parte de mi web ya que estaba pendiente, así que me puse manos a la obra para a crear la versión del menú para dispositivos móviles.

Todavía le queda más trabajo, esta es la primera versión. Podéis descargaros el código de mi cuenta de GitHub o ver la versión funcionando en mi cuenta de Codepen.

Como comenté en el anterior post, entre otras cosas, estoy desarrollando mi primera plantilla de Wordpress. He estado siguiendo algunos tutoriales en los que explican poco a poco que pasos seguir.

Configurando la opción en Ajustes -> Lectura ->  Página frontal muestra -> La página deseada.

Una vez configurado, no se que pasaba, pero siguiendo el tutorial de eSandra no conseguía poner una página como página de inicio en vez de el blog tal y como hacen en ese tutorial, así que, me tocó pegarme un poco con internet para encontrar la solución ya que con el código que se indica en el tutorial de eSandra conseguía sacarla pero sin ninguna etiqueta html y eso no me valía.

Al final me he decidido a hacer una plantilla para Wordpress, aun esta en construcción pero estoy muy animado. Estoy intentando usar todos los conocimientos de las últimas tecnologías y formas de desarrollar una web.