Hay 5 articulo(s) nuevo(s) en portada, haz click aquí para leer.

Frogx Three

Recursos

Inter XDK una herramienta para crear Apps móviles híbridas

Intel-XDK_3

Intel XDK es la apuesta de Intel por involucrarse en el mundo del desarrollo de Apps para móviles, Intel XDK es una interesante herramienta para crear Apps móviles híbridas utilizando tecnologías web como lo es HTML5, es un editor gráfico que te permite trabajar de igual manera con el código fuente de tu aplicación la cual podrás distribuirla en las diferentes tiendas de aplicaciones como la App Store de Apple, Play Store de Google y otros, incluso podrás crear aplicaciones para escritorio basadas en HTML5. Intel XDK ofrece soporte para Cordova 3.x la poderosa API que ofrece la fundación Apache para el desarrollo de Apps basadas en tecnología web, con el API de Cordova puedes crear aplicaciones para Android, iOS, Windows 8 y Windows Phone 8. Para el desarrollo de Apps para Android también ofrece como alternativa Crosswalk una alternativa bastante interesante para el desarrollo de Apps especiales para Android que ofrece......

Seguir leyendo 59

Aplicaciones nuevas de Adobe para iPhone

mobilebrowsing

En 2014, Adobe Creative Cloud lanzó las nuevas aplicaciones para iPhone. Nuestro mundo es móvil, explica Adobe. Por lo tanto, Adobe necesita estas extensiones para los teléfonos inteligentes. Ellos quieren cambiar el como nosotros trabajamos y quieren producir aplicaciones que sean lo suficientemente sofisticadas para los profesionales pero fáciles para los individuales. Adobe Shape es una de estas aplicaciones que es muy popular. ¿Qué es Adobe Shape? Con la aplicación Shape, puedes capturar las imágenes en el mundo real o de tus dibujos. Tambien puedes editarlos en la aplicación de tu teléfono inteligente o en tu computadora. La aplicación cambia las imágenes a vectores que puedes guardar por ti mismo o, si quieres, puedes compartirlas con clientes o compañeros. ¿Cómo utiliza Adobe Shape? Adobe Shape es muy fácil para usar. Primero, necesitas un iPhone 5S o iPhone 6 para utilizar la aplicación. Aquí están los pasos básicos: Escoge la biblioteca que quieres asociar con la......

Seguir leyendo 19

Generador de paletas de color inspiradas en Google Material Designs

paleta colores google material desings

Google tan querido y tan odiado es capaz de crear cosas que todos deseamos, tal como lo ha conseguido Apple aunque con tipos de productos diferentes, una de las últimas cosas que lanzo Google y que ni siquiera es un producto pero que muchos diseñadores quieren emular, es Material Designs, la cual fue lanzada como la guía de diseño de aplicaciones de Google para mantener una homogeneidad entre el diseño de sus aplicaciones ya sea para web o de dispositivos móviles, en lo personal puedo decir que me pareció atractiva y muy minimalista, pero no creo sea la octava maravilla. Pero bueno para los que estén enamorados de este estilo de diseño que ha propuesto Google, les comparto un enlace bastante interesante que pueden sumar a su lista de recursos de diseño, se trata de un generador de paletas de color inspiradas en los colores usados en Google Material Designs, es......

Seguir leyendo 81

Blogger Sans una divertida fuente gratuita

17 diciembre, 2014 Enlace Corto

blogger font img

Les comparto un nuevo recurso para todos los diseñadores que se cruzan por este blog, se trata de una nueva fuente tipo Sans Serif de nombre Blogger Sans la cual fue creada por el diseñador Sergiy Tcachenko quien es originario de Ucrania, Sergiy creo esta fuente de tipo Sans que incluye un total de 8 estilos y puede ser descargada en formatos OTF (Open True Font) y TTF (True Type Font) de forma gratuita. Blogger Sans ofrece soporte de caracteres para una gran cantidad de lenguajes entre ellos: Albanian, Basque, Belarusian, Bosnian, Breton, Bulgarian, Catalan, Croatian, Cyrillic, Czech, Danish, Dutch, Esperanto, Estonian, Faroese, Finnish, French, Frisian, Galician, German, Hungarian, Icelandic, Italian, Lithuanian, Malagasy, Maltese, Norwegian, Polish, Portuguese, Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, Turkish, Ukrainian, Welsh, etc. Creo la fuente es muy bonita y genial para utilizar en carteles o titulos en trabajos editoriales, desafortunadamente no existe una versión web,......

Seguir leyendo 54

BPG el nuevo formato de imágenes que quizás reemplace al JPEG

16 diciembre, 2014 Enlace Corto

imagen comparativa bpg vs jpg img 1

Esta es una excelente noticia para los diseñadores que le dan la importancia debida a la optimización del tamaño de sus imágenes y la calidad, se trata del reciente nacimiento de BPG el nuevo formato de imágenes que podríamos empezar a considerar como una alternativa real al famoso JPG el cual vio la luz de manera oficial como un estándar de compresión de imagen en 1992 y que creció su popularidad con el paso de los años al ser considerado la mejor opción en compresión de imágenes que la menor perdida de calidad de las mismas, actualmente el formato JPG tiene un porcentaje de uso del 70% en comparación con otros formatos de imagen como PNG o GIF. Pero bueno la noticia es sobre el futuro en la compresión de imágenes digitales, BPG (Better Portable Graphics) es un nuevo formato de compresión de imágenes el cual fue creado por el......

Seguir leyendo 90

Infinite Painter, Android App para diseñadores e ilustración digital

infinite studio android app

Infinite Painter es una maravillosa Android App para diseñadores que deberías incluir en tu tableta o móvil con Android sin pensarlo dos veces es una App para Android perfecta para todo diseñador que puede ser utilizada para ilustración digital, retoque de fotografías y para el diseño de sketches, obviamente no es una App que reemplace lo que podemos lograr en una aplicación como Photoshop por ejemplo, puesto que a pesar de poseer características muy interesantes es una App con limitaciones que están definidas por el hardware de los equipos, ya que aun es imposible comparar la capacidad de una table o teléfono móvil con las de una computadora. Las principales características deInfinite Painter son: Más de 100 brushes para ilustración digital Backgrounds prediseñados Soporte para capas (layers) Soporte para tabletas y móviles, soporta resoluciones de hasta 2560×1600 pixeles. Herramientas de ajustes de diseño Permite el manejo de perspectivas y simetria Soporte para plumas......

Seguir leyendo 12

Plugins para agregar efectos elástico a elementos de tu interface web

elastic-svg-elements

Ultimamente estoy compartiendo con ustedes algunos recursos bastante interesantes enfocados a diseño web, entre los clásicos recursos como iconos, templates web y plantillas PSD para interfaces de usuario también hemos compartido recursos SVG que se han vuelto mas que una tendencia, se han vuelto una necesidad pensada en la calidad de diseños que realizamos y el diseño web responsivo, aunque el uso de elementos SVG aun no se puede considerar como un estandar puesto que no todos los navegadores actuales ofrecen soporte completo para esto, si podemos decir que es el futuro enfocado al uso de elementos visuales en diseño web. Dado esto y continuando con nuestra tendencia interna de compartir recursos para diseñadores web relacionados con elementos SVG les quiero compartir un enlace en donde encontrar una serie de plugins para agregar efectos elástico a elementos de tu interface web, de forma sencilla y que le ofrecerán un aspecto elegante,......

Seguir leyendo 60

Vangrant herramienta para crear maquinas virtuales especiales para programadores

vangrant

Tenia ya varios días queriendo compartir Vangrant con ustedes, Vangrant es una aplicación el cual te permite crear entornos de desarrollo a la medida especiales para equipo de programadores que necesitan trabajar en proyectos compartiendo entornos de desarrollo con las mismas características, Vangrant es una herramienta para crear maquinas virtuales especiales para programadores y que soluciona aquel problema extremadamente común en los programadores, el clásico “pero en mi maquina si funciona” ya que esta aplicación te permitirá a ti y a tu equipo crear maquinas virtuales idénticas para cada miembro, compartiendo exactamente las mismas características. Por ejemplo, pongamos en perspectiva una situación, si tienes un equipo de trabajo que se prepara para desarrollar un proyecto web que esta destinado a funcionar en un Servidor Ngix, con PHP y MySQL en sus ultimas versiones y alguna serie de características especificas como Memcache, Composer, Laravel 4, etc. pero tu equipo utiliza herramientas como......

Seguir leyendo 61

Hexy un plugin para Photoshop para identificar y copiar colores fácilmente

hexy

Hexy es un excelente plugin para Photoshop que viene para hacerte la vida mas fácil mientras diseñas en tu amado Photoshop, Hexy te ayuda a reducir tiempos cuando necesitas identificar y extraer el código HEX o conocer los valores RGB del color de un elemento en tu diseño, evitando la necesidad de seleccionar el elemento y abrir el Color Picker para ver los valores HEX, RGB y CMYK del color de tu elemento, es algo que quita unos pocos segundos pero si multiplicas esos segundos por la cantidad de veces que realizas esta tarea te darás cuenta del tiempo que pierdes. Hexy te permite utilizar la herramienta Eyedropper (cuentagotas) para sustraer el color de un elemento y copiarlo de forma automática a tu porta papeles para utilizarlo en otro elemento, también permite abrir una pequeña ventana modal la cual te muestra los códigos HEX y RGB del color que hayas seleccionado......

Seguir leyendo 103

Evil Icons un paquete de iconos SVG gratuitos

evil icons

Les comparto un fantástico paquete de iconos vectoriales totalmente gratuitos, se trata del paquete Evil Icons que incluye un total de 56 iconos SVG gratuitos que puedes utilizar en tu diseño web o en algún diseño impreso que desees realizar sin preocuparte por temas de licencias, este fabuloso paquete de iconos SVG gratis fueron creados por los diseñadores Alexander Madyankin y Roman Shamin ambos originario de Rusia quienes decidieron aportar un poco de su conocimiento a la comunidad de diseñadores en todo el mundo y de forma gratuita. Estos iconos pueden ser descargados en formato Ai para Adobe Illustrator o también puedes acceder al proyecto en GitHub en donde explican los métodos disponibles que ofrece Evil Icons para utilizar los iconos en tu pagina web directamente desde los repositorios dedicados por medios de Rail o directamente desde archivos CSS. Definitivamente un paquete de recursos para diseñadores web perfecto para complementar......

Seguir leyendo 78

Plugin Photoshop para utilizar Iconos Font Awesome en tus diseños

plugin photoshop font awesome

Hace ya un año les compartí una WebFont llamada Font Awesome la cual incluye una enorme cantidad de iconos que podemos utilizar en nuestras paginas web fácilmente ya sea en el código HTML o vía CSS esto gracias a que todos los iconos están empaquetados en una fuente web la cual podemos incluir en nuestro CSS para agregar los iconos en nuestros diseños reduciendo la carga de imágenes en nuestra pagina, Font Awesome  actualmente creo ya supera los 1,000 iconos todos empaquetados en una WebFont pero pueden ser útiles en otras necesidades y definitivamente son muy útiles para la creación de Sketches de diseños. Por ello estudio DoCo decidió crear un excelente plugin Photoshop para utilizar Iconos Font Awesome en los diseños en los que estés trabajando en Photoshop, el plugin agrega un nuevo set de herramientas que incluyen un buscador el cual puedes utilizar para filtrar los iconos que necesites para......

Seguir leyendo 189

Beetle template web responsiva con efectos parallax gratis

beetle

Excelente template web responsiva con efectos parallax hecha utilizando los estándares de programación web HTML5, CSS3 y como no podía faltar JavaScript, esta template para diseños web lleva el nombre de Beetle la cual fue creada por el diseñador de interfaces UI Frank Rapacciuolo y el desarrollador web Pasquale Vitiello, Beetle es una template HTML5 completamente gratuita con propiedades responsivas que se adapta fácilmente computadoras, laptops, tabletas y teléfonos móviles. En el sitio web de Beetle el cual enlazamos al final de estas lineas, podrán encontrar un demo de esta maravillosa template web y ademas de los archivos HTML y CSS podrán descargar los archivos PSD fuentes con los que fue diseñada esta plantilla los cuales te pueden ser muy útiles para presentar mockups del diseño de la pagina a tu cliente utilizando los elementos que utiliza la template Beetle. En el mismo sitio los desarrolladores ofrecen una versión de esta......

Seguir leyendo 53

Plugin Photoshop para crear presentaciones de proyectos para Behance

behance photoshop plugin

Si tienes cuenta en Behance y eres un diseñador activo que actualiza periódicamente su portafolio entonces este plugin Photoshop para crear presentaciones de proyectos para Behance te será de mucha utilidad, digo seguramente como todos haz navegado a través de los portafolio de diferentes diseñadores y creativos en Behance y te haz topado y envidiado proyectos que incluso es mas bonita la presentación del proyecto que el mismo proyecto en si, bueno la realidad es que ahi entra tu creatividad pero también se vale tener un poco de ayuda para la creación de tu portafolio en Behance. Este plugin es bastante sencillo de utilizar basta con ejecutar la acción la cual te prepara una plantilla de proyectos para Behance la cual funciona con Smart Objects en donde podrás ir agregando los elementos de tu diseño y tener una visión amplia de como se debería ver tu proyecto publicado en Behance tomando......

Seguir leyendo 99

Archisketch para iPad una App para diseñadores de interiores y arquitectos

archisketch

Archisketch es una excelente App para iPad dirigida a diseñadores de interiores y arquitectos principalmente, aunque puede ser muy útil para cualquier diseñador que tenga la necesidad de crear sketches a escala, una de las mejores e innovadoras características que tiene esta App para diseñadores de interiores es que ofrece la posibilidad de editar elementos de forma independiente en tu diseño, como si estuvieras trabajando en un programa de diseño vectorial en el que puedes seleccionar un elemento y modificarlo libremente sin afectar a los otros elementos de tu entorno de trabajo. Otras características importantes de Archisketch son: Trabajo a escala, puedes definir unidades de medida a escala que te permitirán crear elementos en tu espacio de trabajo con medidas a escala basadas en la unidad que hayas definido. Permite duplicar elementos, olvidate de redibujar elementos esta App te ofrece un herramienta tipo Array de 3D Max que te permite......

Seguir leyendo 49

Cactus, App para generar plantillas HTML5 para paginas web

cactus

Cactus es un simple, interesante y poderosa App para generar plantillas HTML5 para paginas web de una forma muy pero muy rápida y sencilla, literalmente con un click, Cactus es una App para Mac que se convirtió en una aplicación gratuita recientemente y que te podrá ahorrar algo de tiempo en desarrollo de paginas web, esta App integra una serie de plantillas HTML5 prediseñadas y que te pueden servir de base para ahorrar algunas horas de programación para generar la base de un diseño web. Cactus te permite crear paginas web rápido en base a sus plantillas las cuales puedes modificar libremente para incluir todos tus assets, con archivos CSS e imágenes que integren tu diseño final, la App no genera el producto final de tu pagina web, de hecho solo genera plantillas HTML base para empezar a hacer paginas web y ahorrarte un poco de tiempo en el trabajo.......

Seguir leyendo 71

PhotoSwipe script para galerías de imágenes con soporte de gestos Touch

photoswipe

PhotoSwipe es uno de los mejores scripts JavaScript disponibles en Internet para crear galerías de imágenes para paginas web, es un script completamente gratuito que no tiene dependencias con otros scripts o frameworks, es decir no tendrás necesidad de utilizar jQuery, Mootools ni ningún otro framework, PhotoSwipe ofrece un completo soporte de gestos Touch y MultiTouch que convierte a esta galería de imágenes en un excelente recurso para diseñadores web que ofrezcan diseños de paginas web responsivas con soporte para móviles y tabletas. PhotoSwipe, a su vez utiliza elementos de navegación SVG que se adaptan de forma automática a cualquier resolución sin perdida de calidad, ofrece soporte de navegación con el teclado, otra característica bastante interesante de PhotoSwipe y que la hace diferente a otras opciones disponibles en Internet es su optimización para SEO, ya que tiene un generador de URL’s que permiten ser generadas para cada elementos de tus......

Seguir leyendo 53

Paquete de iconos gratis inspirados en Google Material Design

material_color_icon_set_png_48

Nuevos recursos para diseñadores, les quiero compartir este nuevo paquete de iconos gratis inspirados en Google Material Design, este paquete ha sido creado por el equipo de Icon Shock, el paquete incluye 1439 iconos de estilo flat y utilizando la paleta de colores de la guía de diseño que Google literalmente a puesto de moda, Google Material Design es la guía de diseño oficial del gigante de Internet y que ha estado aplicando poco a poco a todos sus servicios y aplicaciones. Icon Shock creo este enorme set de iconos del cual se ofrecen dos opciones, una gratuita y otra versión premium por $29 dólares, la diferencia entre estos paquete de iconos esta entre los formatos y la cantidad de dimensiones que ofrece cada uno: Paquete Material Icon Design gratuito Solo 757 iconos 4 dimensiones diferentes En formatos PNG y SVG Paquete Material Icon Design Premium Los 1439 iconos 8......

Seguir leyendo 61

GluePrint es una App para comparar Mockups con tu diseño final

glueprint

GluePrint es una interesante App para Mac perfecta para los diseñadores que le den la importancia debida a los detalles, después de todo aquel dicho que dice “el diseño esta en los detalles” es muy cierto, con GluePrint podrás comparar el Mockups final de tu diseño con el diseño ya implementado para comprobar las dimensiones y espacios entre elementos, todo con el fin de conseguir que el diseño web de tu pagina o el diseño de la interface de tu App sea idéntico al planeado en la propuesta de diseño previamente realizada en Photoshop, Sketch o cualquier otra aplicación de diseño. ¿Como funciona? muy fácil. GluePrint te permite abrir la imagen de tu mockup final incluyendo esta en una ventana semi transparente que podrás ubicar sobre el diseño ya implementado, como si estuvieras poniendo una hoja de acetato sobre un dibujo para comparar las lineas de tu diseño, solo que......

Seguir leyendo 63

Recursos HTML5/CSS3 para crear efectos hover elegantes y fuera de lo común

html5 css3 efectos hover img 1

Quiero compartir con ustedes una recopilación de recursos HTML5/CSS3 perfecta para diseñadores web que estén cansados de usar los efectos básicos que ofrecen los navegadores con el fin de ofrecer a sus clientes y los visitantes de las paginas que realicen una experiencia diferente y atractiva al navegar en una pagina, se trata de una recopilación de recursos y tutoriales para crear efectos Hover elegantes y totalmente fuera de lo común aprovechando todas las ventajas que ofrece el trabajar con HTML5, por supuesto con CSS3 y algo de JavaScript. Todos los recursos y tutoriales de esta recopilación son gratuitos, y en todos los enlaces encontraran ejemplos de los efectos Hover, tutoriales e indicaciones de uso y el código fuente de estos ejemplos para que puedas practicar con ellos aplicandolos bajo el entorno y diseño en el que estés realizando, los enlaces a cada uno de estos recursos estás aplicados en las......

Seguir leyendo 73

Google presenta el nuevo “No CAPTCHA reCAPTCHA”

recaptcha

Todos, nos hemos quejado alguna vez del Captcha aquel pequeño campo en los formularios en donde debemos escribir exactamente las letras distorsionadas que nos presenta una imagen adjunta a ese campo, bueno pues ese pequeño campo ha sido una de las mejores formas para disminuir el SPAM en las cuentas de correo y la falsificación de cuentas en diferentes servicios, en 2009 Google adquirió a la empresa desarrolladora de reCaptcha uno de los tantos servicios de Captcha existentes en la red. Bueno pues el día de hoy Google ha anunciado el mejorado sistema de reCaptcha para paginas web, bajo la leyenda “No CAPTCHA reCAPTCHA“, que viene a facilitar a los usuarios la forma en como le demuestran a los usuarios que no son un robot (bot), el nuevo sistema reCaptcha que plantea Google es mucho mas sencillo y amigable al usuario y por otro lado también mejora la seguridad de......

Seguir leyendo 94

Pagina 1 de 34123...6...Antiguas »

#Ranascreativas // Últimas imágenes enviadas