Recientemente Google ha puesto a disposición de de desarrolladores una nueva herramienta que tiene la capacidad de convertir código Java en código nativo para iOS.
Una atractiva propuesta de Google que resultará muy útil en la creación de aplicaciones para iPad y iPhone.
Todo este tipo de noticias son bien recibidas en el mundo del diseño web Madrid u otras ciudades en las que existe una gran demanda tanto en el diseño y desarrollo de este tipo de aplicaciones.
J2ObjC es el nombre de eta herramienta que ha sido creada por un equipo de Google. Aún se encuentra en fase inicial de desarrollo, pero ya es posible realizar las conversiones de código de Java a Objetive-C.
Es interesante que los desarrolladores presten atención a todos estos nuevos recursos ya que pueden ser una fuente de trabajo importante. La creciente demanda y masificación en el uso de estos dispositivos parace augurar que será seguramente una de las fuentes de desarrollo más importantes para programadores y desarrolladores del mundo web.
Por tanto, si te animas entra en la web de Google y echa un vistazo a esta interesante herramienta.
www.code.google/p/j2objc
El boom que está teniendo el universo de móviles y tabletas en la navegación por internet hace que los profesionales dedicados al diseño web tengan que reciclarse y formarse de cara a aprender cómo desarrollar por una lado, páginas web adaptadas para verse correctamente en estos dispositivos, y por otra, aplicaciones para móviles.
Para el primer caso, los diseñadores ya somos conscientes del diseño Responsive (adaptable a todo tipo de resoluciones y dispositivos) que con los conocimientos necesarios de CSS se puede implementar sin demasiado problema. Para el desarrollo de aplicaciones para dispositivos móviles, nuevamente internet proporciona una fuente inagotable de recursos y utilidades. Hay multitud de plataformas que ofrece soporte y asistencia para la creación de estas aplicaciones. Su manejo esta pensado para desarrolladores con mucha o poca experiencia.
En este post a modo de apunte mencionaremos ViniSketch Designer. Una interesante herramienta para usuarios del sistema Mac OS X 10.6 Snow Leopard o superior.
Con ViniSketch Designer podrás crear aplicaciones para múltiples plataformas, iOS 3+ o Android 2.1+ y optimizarla para un dispositivo en concreto.
El proyecto incorpora editores visuales y de código para tener el desarrollo bajo tu control en sus dos áreas principales. Su uso es gratuito.
www.vinisketch.fr
En el diseño de páginas web es importante estar al corriente de los distintos recursos que periódicamente se publican en internet. En este sentido, y vía desarrolloweb.com hemos podido ver que la plataforma WebResourcesDepot.com ha presentado una selección de recursos interesantes para web.
Muchas veces en que se requiere integrar botones en nuestras web y las premisas de tiempo dificultan la opción de diseñarlos desde cero, este tipo de listado de recursos resulta interesante .
WebResourcesDepot.com publica una Esta completa recopilación de botones de en formato PSD. Son ofrecidos para uso gratuito, tanto privado como comercial.
Evidentemente al estar en PSD pueden ser modificados y adaptados libremente.
www.webresourcesdepot.com
Por su parte, Koloria ofrece un pack de recursos gratuitos donde podremos encontrar iconos en formato .PNG a 32x32 pixeles.
Estos 160 iconos pueden ser usados de forma abierta tanto en proyectos personales como comerciales.
www.graphicrating.com
Finalmente es destacable la nueva colección de iconos realizados por el diseñador Martin Karásek. Freshy Icons es el título con el que Martin Karásek reúne casi 100 iconos relacionados con acción y temas de archivos y/o carpetas.
Esta colección gratuita viene agrupada en un único PSD. Su uso, al igual que en las colecciones anteriores es libre tanto para gestión privada como comercial.
www.karimartin.cz
Siempre es interesante estar al corriente de distintas plataformas que permitan a los diseñadores agilizar y facilitar el desarrollo web.
En ese sentido, la plataforma iConvert resulta un recurso bastante atractivo.
iConvert permite generar iconos compatibles con los distintos sistemas operativos (Mac OS X, Windows y Linux).
Su interfaz es atractiva y sencilla, haciendo que el usuario pueda manejarlo fácilmente. Solo hay que seleccionar desde tu ordenador una imagen compatible y elegir la conversión a los formatos soportados, obteniendo posteriormente el link para descargar la imagen convertida.
Para utilizar iConvert no es necesario registro previo. Ofrece además una interesante colección de iconos preparados para su descarga.
iConvert soporta formatos de imágenes .icns, .ico, .png, .svg, .tif, .jpg, .bmp, .tga y .cur para devolver iconos en .icns, .ico o .png.
http://iconverticons.com
Una práctica habitual para cualquier diseñador o desarrollador que se dedica al diseño de páginas web es estar al corriente de los distintos bancos de imágenes donde poder encontrar y adquirir material que se adapte a las necesidades específicas del proyecto web que está desarrollando.
En muchas ocasiones por cuestiones de presupuesto, tiempo o sencillamente por no localizar en dichos bancos el material que se necesita, el diseñador se ve obligado a invertir muchas horas en buscar concretamente el material gráfico - visual que requiere.
Para este tipo de situaciones existe una herramienta extremadamente útil: Freepik.
Freepik es un motor de búsqueda especializado en la localización de imágenes, gráficos, vectores... bajo un criterio: que sean de descarga gratuita. Esto es justamente lo que diferencia a Freepik de buscadores generales, el estar especializado en la búsqueda de material gratuito, por lo que recopila exclusivamente imágenes, fotos, vectores y PSD de calidad profesional y con licencia libre.
Los robots de Freepik visitan cientos de webs especializadas para mantener al día un amplio catálogo que además ya está disponible en 14 idiomas.
El objetivo de Freepik es seguir aumentando este banco para consolidarse como una importante herramienta con la que localizar gratuito en internet. Por otra parte destaca la simplicidad, potencia y variedad de la plataforma.
Solo queda pasarse y probarla.
Se puede acceder a esta interesante herramienta desde:
www.freepik.es
En muchas ocasiones el tiempo juega un papel decisivo cuando un diseñador se enfrenta al diseño de páginas web. Hay tareas en el diseño y desarrollo web que implican una cantidad elevada de tiempo, y en muchas ocasiones por presiones de entrega del trabajo, ello puede suponer una tarea casi imposible de cubrir.
Afortunadamente existen internet una serie de recursos, tanto gratuitos como de pago, que pueden ser de gran ayuda.
Encontramos desde patterns, iconos, templates, aplicaciones, tiendas virtuales... el abanico es enorme.
Muchas veces en el desarrollo de una web bajo tiempo limitado, el uso de recursos externos puede suponer un desahogo importante en el trabajo de un diseñador. Entendemos que esta es justamente la idea por la que diseñadores, desarrolladores, programadores ponen al servicio del público sus recursos.
En internet la oferta es casi ilimitada. Ya es cuestión de criterio y gusto personal el decantarnos por una u otra opción.
Pero aún hoy no deja de sorprendernos las calidad de trabajos que muchos desarrolladores ofrecen en la red muchas veces sin pedir nada a cambio, y la gran mayoría de ellas, a precios totalmente simbólicos.
En este post presentaremos una mínima pincelada pensada como un punto de arranque, ya que como hemos comentado, es solo cuestión de buscar lo que se necesita y una web va llevando a otra hasta dar con lo que específicamente puede requerir un diseñador o desarrollador web.
Descarga gratuita de iconos de alta calidad
Recientemente han sido publicados y puestos al servicio de los diseñadores web un par de interesantes colecciones de iconos listos para descargar en alta resolución y así poder implementar en nuestro proyectos de diseño web.
Una es una colección de iconos creados Oliver Twardowski bajo el título de Aroma. La colección ha sido publicada en Smashing Magazine.
Por otra parte, podemos encontrar otra interesante lista de iconos para nuestras páginas web en la colección Free Wireframe Toolbar Icons.
La colección ha sido creada por Gentleface. Son 304 iconos en formato GIF, PNG y SWF pueden ser usados libremente, aunque bajo licencia de Creative Commons.
Finalmente en la web iconshock.com encontramos una colección gigantesca de iconos agrupados por temáticas y orientados al uso para distintas aplicaciones. La gran mayoría son descarga gratuita, para otros se requiere una cuenta premium.
18 diseños de páginas web inspiradores
Otro aspecto interesante para un diseñador web es encontrar showcases de diseños web que por su diseño o interacción puedan servir de fuente de inspiración para sus proyectos.
Hoy por hoy el diseño de páginas web avanza y cambia continuamente. Vemos ejemplos de páginas originales y dinámicas credas con Javascript o CSS que antiguamente sólo podían hacerse utilizando Flash.
Un diseñador web está continuamente a la búsqueda de diseños y recursos que puedan inspirar sus creaciones. Desde de la web desarrolloweb.com nos han hecho llegar un interesante artículo donde nos presentan una colección de nuevos efectos y animaciones publicados en la web de tynpanus, donde vemos algunas posibilidades de un diseño web creativo.
Se puede acceder a su web: http://tympanus.net/codrops/2012/01/05/examples-of-fresh-effects-in-web-design/
Nos han gustado en especial los diseños de:
http://wadach.com
http://www.mezcalbuenviaje.com
JQuery es una herramienta muy potente y de cara a insertar galerías de imágenes en nuestra web resulta muy recomendable por la facilidad y buenos resultados que ofrece, permitiendo que el diseño web se vea reforzado sin demasiadas complicaciones.
Hay multitud de plugins de JQuery que nos permitirán hacerlo, en este post queremos presentar dos.
El primero es Sequence, un plugin que de forma sencilla nos permite insertar en nuestra página web un slider para presentar fotografías o contenidos de forma original. La herramienta es de código abierto y actualmente está en fase beta. En su web hay ejemplos sobre su uso, documentación y la posibilidad de descarga del plugin.
www.sequencejs.com
Una opción interesante para quienes quieran implementar una galería que ocupe todo el fondo de pantalla del navegador es bgStretcher II. Este plugin funciona a modo de slideshow, nos permite configurar distintos parámetros como la duración, tiempo, el tipo de transición. Una solución cómoda para los que deseen imágenes a fondo completo en su web. La documentación detallada sobre su uso y ejemplos se encuentra en su web.
http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html
Los dos plugins son soportados por los principales navegadores en sus versiones recientes.
Desde Desarrollo Web nos ha llegado un interesante artículo en el que nos hablan de un nuevo proyecto de Adobe: "The expressive web".
El proyecto consiste en una web en la que nos muestran las principales capacidades de HTML5 en combinación con CSS3. El resultado es extremadamente atractivo y ayuda a entender las distintas funciones y propiedades de HTML5 y CSS3, así como sus respectivas compatibilidades con los navegadores.
Veremos interactivamente transiciones, sombras, fuentes, audio, vídeo, etc.
El uso de las distintas propiedades viene acompañado de documentación y está perfectamente explicado.
Una inciativa muy positiva de Adobe que será de gran ayuda para los que se dedican al diseño web. El proyecto refuerza la idea de los que auguran la sustitución de Flash por HTML5.
theexpressiveweb.com
En el trabajo con imágenes para el diseño de páginas web, es fundamental encontrar un justo equilibrio entre ligereza y la calidad de la imagen que insertaremos en nuestra página. Habitualmente los diseñadores web utilizan programas como Photoshop o Fireworks para comprimir sus imágenes. Sin lugar a dudas, tanto uno como otro son herramientas eficientes para ello, aunque es bueno considerar que la compresión de imágenes es una de las tantas acciones que pueden realizar estos programas y quizá por ello, puede ser interesante servirnos de una herramienta que esté dedicada única y exclusivamente a la compresión de imágenes.
Como no podía ser de otra forma, en internet encontramos proyectos que nos ofrecen esta solución proporcionando unos resultados excelentes.
Por una parte está jpegmini, un servicio gratuito que nos permitirá comprimir imágenes jpeg obteniendo muy buenos resultados.
http://www.jpegmini.com/main/home
Otro servicio bastante conocido es Web Resizer que también nos permitirá la reducción de peso en nuestras imágenes con resultados notables.
www.webresizer.com
Finalmente PunyPNG es otro excelente servicio en el que subimos nuestra imagen y obtendremos su resultado comprimido con una pérdida mínima de calidad. Como apunta su nombre, este servicio es especialmente útil para el trabajo con imágenes en formato png
http://punypng.com/
