triunfoweb.com

Uno de los programas para Symbian que más revuelo ha causado en los últimos días ha sido la beta del navegador Opera en su verisón 10, tanto para Symbian táctiles como para los clásicos S60v3. En Aplicaciones Nokia lo han analizado y destacan tanto los puntos positivos como lo que falta por pulir. A destacar: Diseño de la interfaz Cantidad de opciones Velocidad de Carga Modo turbo Posibilidad de guardar webs e imágenes enteras Gestión de pestañas abiertas Gestión de favoritos A mejorar: Consumo de RAM Completa implementación de teclado físico Zoom en modo panorámico Respuesta háptica en teclado qwerty virtual Recarga de imágenes en alta calidad Podéis leer la versión completa del análisis en su web. Via Aplicaciones Nokia

Poco a poco se van filtrando datos del terminal Android de SonyEricsson. Por una parte el día 3 de Noviembre parece que será la fecha de presentación. Sobre el nombre aún hay dudas, pues el denominado inicialmente Rachael , luego Xperia X3, más tarde Xperia X10 podría llamarse definitivamente Infinity, aunque aún no es ni mucho menos oficial, aunque no es sólo un rumor . Por otra parte hemos visto el primer trailer del lanzamiento, en un video que, si bien no enseña nada nuevo, confirma al menos la estética del terminal, impresionante, todo sea dicho. Click here to view the embedded video. Sobre las prestaciones, qué decir, de nuevo muchos rumores pero nada confirmado aún. Podemos dar por descontado que contará con una cámara de 8 megapixeles con detección de caras, de sonrisas y autofocus, similar seguramente a la que monta el SonyEricsson Aino.El procesador será de 1 Ghz  Snapdragon , pantalla capacitiva de 480?854 pixles y 4,1 ”,  32 Gb de almacenamiento interno, e integración con Twitter, Facebook y MySpace. Una cosa que no esta clara es la cifra de 1080 p que se ve en el video. ¿Significa que contará con salida de TV en alta definición o que puede grabar video a esa resolución? Esto último sería todo un logro para SonyEricsson, que siempre ha destacado, por desgracia, por implementar una resolución de grabación de video ridícula incluso en sus mejores terminales en comparación a lo que monta la competencia. Click here to view the embedded video. Por último comentar que la interfaz de Android diseñada por SonyEricsson, Rachael , parece ser real, pues ya es un segundo video el que se hace eco de ella, aunque solo es un diseño conceptual si nos atenemos a lo que podemos leer en el mismo. Parece que en SonyEricsson no han perdido las buenas maneras de crear interfaces gráficas. Click here to view the embedded video. Esperemos que este terminal sea capaz de hacer por SonyEricsson lo que el Motorola Droid parece estar haciendo con la propia Motorola, poniendo a la empresa en la parte competitiva de la creación de Smartphones, no tanto por las prestaciones del móvil o por su Sistema operativo, sino por la expectación que llega a levantar entre los potenciales clientes.

No es ningún secreto que hay una gran diferencia en cuanto a la proporción de hombres y mujeres en la industria del diseño de páginas web, pero eso no quiere decir que no exista ninguna mujer con un increíble talento para el diseño Web. El artículo 40 Amazing Female Role Models for Web Designers , de line25 , nos deja una selección de las 40 diseñadoras más notable e importante (de habla inglesa) , que pueden ser un modelo o ejemplo perfecto para cualquiera que trabaja actualmente en su carrera de diseño web. Sería interesante hacer algo similar pero para los que utilizamos el castellano como idioma. Cuidado, que las chicas vienen pisando fuerte, ¡bienvenidas!

Desde el blog Little Box of Ideas , comentan en el artículo 21 Extremely Useful Icon Sets For Designers , que han estado trabajando en un par de proyectos y últimamente han trabajado en el diseño de iconos para incluirlos de una manera rápida, a fin de facilitar los requisitos de diseño. Pensaron en cuanto al tipo de iconos que estaban disponibles por ahí para que cualquier persona pudiera construir una página web sencilla. Pero deseaban ir más allá de los conjuntos de iconos que han sido objeto de abusos en todas las listas, como “ Milky “, “ Weby “, “ Function ” y “ Simplicio “, puedes darles un vistazo y probarlos si no lo has hecho aun. Después de estudiar minuciosamente a través de diferentes blogs de los diseñadores y entusiastas del diseño, que a menudo son generosos con sus regalos, han compilado una lista de 21 conjuntos de iconos fantástico que podemos añadir sin desmerecer en el diseño de una página web en cuestión de minutos (por cierto también se pueden utilizar en las presentaciones). La mayoría de ellos son gratuitos para uso personal y comercial, algunos sólo permiten el uso personal, recuerda comprobar las condiciones de uso antes de usarlos. Por simplicidad y facilidad, se han vinculado la mayoría de los archivos a las páginas de deviantArt del artista, a pesar de que muchos de ellos tienen los mismos iconos en sus blogs.

Las cosas que se pueden personalizar en WordPress, son enormes, pero una de las cosas que no recibe mucha atención es iniciar la sesión de página con un diseño personalizado. WordPress está siendo utilizado como un sitio de pertenencia, o sitio donde se permite el registro de diferentes usuario. En estos casos es conveniente para las empresas de marca a la página de acceso con su logo y otros aspectos para darle un toque único que se merece. En el artículo Best of Best WordPress Custom Login Page Designs , de wpbeginner , se muestra cómo puede crear una página de acceso de diseño personalizado en WordPress, y presenta algunos de los mejores diseños de página de acceso para WordPress para inspirarte. Por último, hay un grupo de Flickr para mostrar tus datos de acceso personalizado, de ese modo puedes obtener inspiración para tus propias creaciones, se encuentra en un grupo de Flickr .

Usamos los iconos para nuestros diseños web, favicons y también para aplicaciones Windows y Mac. Para crear o editar un icono, puede utilizar cualquier aplicación grande de edición de imágenes, como puede ser Photoshop o Illustrator, pero también se puede utilizar editores específicos para estas tareas, que son más fáciles de utilizar, y que aún así pueden crear asombrosos  iconos. En el artículo 6 Free Icon Editors To Create and Edit Icons , de WebDesignBooth , ha seleccionado 6 aplicaciones gratuitas para el tema de la edición de iconos , con ellos puedes crear y editar los iconos sin problemas . Algunos de ellos ofrecen características avanzadas en este tipo de aplicaciones. Greenfish Icon Editor Pro . Es un editor de iconos muy poderosos. Es portable, con unos 1,8 MB después de descomprimir. Maneja capas, es  capaz de crear cursores animados, ofrece filtros de alta calidad como el bisel, sombra y brillo. IconFX . Un conocido editor de iconos con un montón de características. Por ejemplo, soporta iconos de Vista con compresión PNG, procesamiento por lotes para la manipulación de múltiples archivos. Soporta resoluciones de hasta 256 × 256 y es capaz de importar y exportar imágenes de bmp,  jpg, gif, png, jp2. Sib Icon Editor . Es una utilidad gratuita para editar iconos para Windows. Permite crear y editar imágenes de iconos y gestionar los archivos de iconos y librerías. Puedes crear y editar los iconos en formato PNG, crear y administrar librerías de iconos, imágenes en diversos formatos, pegar directamente los iconos, los iconos de los archivos ejecutables de Windows e incluso convertir los iconos de Mac a formato de Windows. Stardock IconDeveloper . Pograma que hace muy fácil la tarea de creación y edición de iconos para Windows. Tiene 2 versiones diferentes, una gratuita y otra mejorada (19.95 $). La versión gratuita es suficiente para su uso normal, mientras que la versión mejorada añade características para convertir otro formato de imágenes a iconos, cambiar el color, gamma de iconos y convertir por lotes, y colorear carpetas enteras de imágenes a iconos. aaICO Icon Editor . Un editor de iconos muy sencillo y con pocas características, adecuado para la realización esporadica de algunos iconos. LiquidIcon XP . Editor de iconos gratuito que ofrecen un conjunto estándar de herramientas de edición de imágenes. Cuenta con un extractor de icono donde se puede extraer los iconos de los archivos EXE o DLL. También ofrece varias funciones de manipulación de imágenes.

Veíamos ayer cómo la real time web , el aumento de su importancia gracias a la indexación de Twitter y FB (solo en Bing) incrementaba la ola Groundswell , la importancia  de las opiniones del consumidor / usuario en la web y por tanto, el fundamento de la adopción de estrategias de Social Media en empresas. El problema de una web a dos velocidades, que originaba la aparición de múltiples startups desde la API de twitter, afectaba a los principales buscadores y resultaba ser, con el ámbito social (el social graph o grafo social), uno de los mayores “agujeros”, debilidades  o sectores en los que Google no tenía un monopolio casi absoluto. Resume el cuadro siguiente, actualizado con los últimos movimientos, todo ello, los puntos fuertes y débiles de cada entorno: Como vemos, en cuanto a las búsquedas sociales y a la espera de que Wave sea más que un intento de conquista del Grafo social, Google tiene la batalla perdida: Si bien anuncian nuevas características de búsqueda Social (web contextual social), que permitirían a los usuarios optar por los resultados que deriven de contenido creado por sus contactos en distintas redes sociales, el hecho de no poder indexar contenidos, contactos y perfiles en Facebook, más abierto para Bing pero igualmente privado y cerrado para el gigante, deja a Google en clara desventaja con respecto a la alianza Microsoft-Bing. Lo que hoy puede no ser un problema para Google, dado el carácter privado de la actividad en Facebook de la mayoría de los usuarios (parece que Facebook intenta solucionar el tema de forma activa), puede significar una ventaja mucho mayor en el momento en que eso cambie y todos esos datos puedan ayudar a definir el microuniverso social que marca las opiniones y compras de cada consumidor. Sobreinformación y filtros : Pero la historia de la evolución del software social no terminaba aquí durante los últimos días. Iba a cerrar este post cuando aparecía lo siguiente: Parece que Facebook, ante un escenario futuro de interoperabilidad (las vallas en los jardines son cada vez más difíciles de sostener)  y competencia feroz entre las redes sociales, trabaja duro para ofrecer valor añadido y anunciaba hace unas horas  su nueva portada: Lo destaca e interpreta como estrategia de diferenciación, de diseño en función del uso,  Antonio en Error500, cuando anuncia que Facebook, que últimamente se había convertido en un servicio de Lifestreaming, de actualización de status indiferenciado de Twitter ( livefeed) ,   modifica su portada  con un “newsfeed “ en el que no está todo lo comentado y subido por los contactos, sino una selección de lo más interesante compartido en los últimos días . No sé si  este tipo de batallas favorece la evolución de la web. Creo que, de uno u otro modo van empujando a FB  hacia la apertura.  Y eso siempre es una buena noticia. El caparazón como mejor blog en la categoría de educación últimas noticias Compártelo

Como este fin de semana tenemos una hora más para pasearnos por Internet, aquí dejo constancia de una nueva selección semanal de buenos artículos: 20 Professional Mozilla Firefox 3.5+ Ready Themes (1stwebdesigner). Todas las cosas avanzan y los temas para Firefox no va a ser menos, en este enlace nos muestra nuevos y realmente hermoso y profesionales temas para Firefox. Su autor ha probado todos los temas que recomienda, por lo que si seleccionas uno de ellos, seguro que tu navegación con Firefox será aún más agradable. 30 Superb Lego Sculptures (psdfan). Al estar acostumbrado al 2D, no puedo dejar de admirar la habilidad y la dedicación de escultores. Aquí puedes encontrar algunas esculturas de LEGO que son increíbles. Las esculturas de Lego son particularmente impresionante, ya que generalmente se construyen desde la base, y por lo tanto cada etapa de la construcción debe establecer una base perfecta para lo que vendrá. Hay muy poco (o ningun) margen de error, por lo que el artista tiene que ser muy preciso y cuidadoso en su trabajo. 57 Creatively Designed Examples Of Typography In Logo Design (smashingapps). Aquí tenemos 57 ejemplos excepcionales de texto creativo en logotipos, al darle un vistazo es una fuente de inspiración para crear logos con texto creativos y llamativos. 50+ Useful Photoshop Plugins (vandelaydesign). Una de las grandes cosas de Photoshop (y otros programas de la Adobe Creative Suite) es la capacidad de ampliar las posibilidades mediante plugins de otras partes. En este artículo encontramos más de 50 plugins, extensiones y add-ons para Photoshop, algunos son gratuitos y otros de pago. 65 Colorful And Creative Logos For Design Inspiration (ijaar). Los logotipos son uno de los elementos más creativos de arte gráfico. Ellos tienden a no sólo dar las marcas de reconocimiento importante, pero también garantizar su éxito. A continuación se muestra una lista de algunos diseños de logotipos de innovación. 50+ High Quality Icon Design Tutorials (Part 1) (designrfix). Los iconos son una parte clave de cualquier sitio web actual, aplicación o diseño de la interfaz de usuario. Los iconos colocados estratégicamente visualmente realza cualquier diseño, además facilita la usabilidad, pues facilita al usuario la navegación. Este artículo es una parte de dos series de tutoriales de diseño de iconos. los tutoriales te guiarán en la creación de algunos iconos asombroso para tus próximos proyectos. 62 Intelligent And Integrated Logos For Typography Lovers (littleboxofideas). Cada día aparecen gran cantidad de nuevos logotipos en la escena del diseño y algunos de ellos son bastante fantástico. Esta es una colección de algunos logos recientes con un buen uso de la tipografía para transmitir un mensaje o representar una idea. Una buena mezcla de logotipos brillante, con ingenioso juego de palabras y texto que entrelaza y fluye con facilidad. Cada logotipo tiene un vínculo a la página del autor. Disfruta de estos ejemplos. 75 Creative And Unique Business Card Designs For Your Inspiration (WebDesignBooth). Una selección de más de 70 tarjetas de visita realmente bonitas y de diseño creativo, clasificadas por diferentes categorías, sin duda una buena muestra para inspirarte. 50 Photoshop Tutorials For Creating Posters Designs (creativenerds). Photoshop no es un programa vectorial, pero tiene algunas características prácticas y útiles que hacen que sea fácil y  eficiente para crear hermosos diseños de carteles con técnicas sencillas. El enlace muestra una colección cuidadosamente seleccionada de 50 tutoriales para Photoshop que te guiarán a través del proceso de creación de un diseño del cartel, y te mostrará las habilidades necesarias para diseñarlos. A Showcase of 35 Beautiful Typographical Illustrations (speckyboy). Aquí nos presenta 35 ilustraciones con tipografía, que vale la pena darle un vistazo. 30 Superb Examples of Infographic Maps (WebDesignerDepot). Por toda la Web puedes ver una gran cantidad de páginas que incluyen una amplia gama de mapas interactivos y gráficos. Los diseñadores, estan buscando constantemente maneras de mejorar sus diseños y el estilo, esto es exactamente lo que podemos ver es estos sitios con 30 infografías que rompen con las normas. The Mystery Of The CSS Float Property (smashingmagazine). En este artículo comentan todo sobre la propiedad “float” y cómo afecta a los elementos en contextos particulares. También echaremos un vistazo a algunas de las diferencias que pueden producirse en relación con esta propiedad en los navegadores más utilizados. Con algunos usos prácticos de la propiedad CSS float. Es como profundo de esta propiedad y su impacto en el desarrollo de CSS. How to Create Remarkable 3D Text in Photoshop (sixrevisions). Sencillo tutorial para realizar el proceso práctico para generar una tipografía tridimensional con la ayuda de Photoshop y algunas técnicas creativas. 35 Creative Twitter User Profile Designs (sixrevisions). Uno de los aspectos más importantes de atraer a seguidores en Twitter, además de tweets de calidad, es tu diseño de la página de tu perfil de Twitter, tiene que ser creativa y atractiva para mostrar que te tomas en serio ese tema. Esta es una colección de 35 diseños de perfil de Twitter de diferentes usuario, en este otro  50 Beautiful & Unique Twitter Profile Designs , tienes un total de 50 bonitos y únicos diseños perfil de Twitter. Para inspirarte. 50 New CSS Techniques For Your Next Web Design (smashingmagazine). El artículo nos presenta 50 nuevos trucos de CSS, técnicas y tutoriales que te ayudarán a mejorar la calidad de tu diseño web. También puedes darle un vistazo a otro artículo anterior: 53 CSS-Techniques You Couldn’t Live Without . 50 Air Apps and Browser Addons for Web Designers and Developers (appstorm). Una muy buena lista de aplicaciones Air y plugins para Firefox, para diseñadores y desarrolladores web. Rich Typography On The Web: Techniques and Tools (smashingmagazine). El artículo trata sobre el reemplazo de texto dinámico que podemos emplear en la actualidad para ver algún tipo de tipografía más aparte de las consideradas seguras para la Web. 80 Funny and Realistic Photo Manipulations (10steps.sg). Se trata de 80 fotos manipuladas muy divertidas y realistas, este tipo de creaciones nos dan una una visión realista de una imagen irreal. 31 Fresh Photo Manipulation from DeviantArt (thedesignmag). Aquí tenemos 31 ejemplos impresionante de manipulación de la foto recién creadas de DeviantArt. La manipulación de fotos es un arte que tiene el fin de crear un efecto surrealista o ilusión por medios digitales. Algo que es divertido y muy inspirador para los diseñadores. 38 Great Websites for Photoshop Tutorials (geeksucks). No hay límite en su aprendizaje en Photoshop, como lo muestra los 38 sitios, que ofrece tutoriales para Photoshop. Los nuevos y los que tienen experiencia también aprenden todos los días. No hay nada como un tutorial para aprender. Por eso todo el mundo ama los nuevos tutoriales de Photoshop.

Los avances en el campo de la robótica siguen apuntando aplicaciones espectaculares , que en poco tiempo (menos del que podemos suponer) cambiarán la forma de relacionarnos con estos aparatos hechos de microcircuítos y piel metálica que cada vez tienen un mayor grado de autonomía . Este es el caso del Micro Air Vehicle , un helicóptero , desarrollado en el Instituto Tecnológico de Massachussets ( MIT , en sus siglas en inglés), que puede volar de forma autónoma , esquivando los obstáculos que salen a su paso, y volver sin ningún tipo de problemas a su lugar de origen sin la intervención de un ser humano . Algo parecido al robot explorador EVA de la película Wall-E , pero eso sí, mucho menos atractivo desde el punto de vista estético. Click here to view the embedded video. Para conseguir este grado de autonomía , este curioso helicóptero (de pequeñas dimensiones) utiliza una serie de cámaras que le ofrecen una visión en tres dimensiones del lugar en el que se encuentra, gracias a un sistema de sensores que utiliza la tecnología del láser para el reconocimiento de formas (tanto en movimiento como en posición estática), y a un sistema GPS que le ayuda en todo momento a saber en qué lugar geográfico se encuentra y las coordenadas necesarias para llegar al lugar de destino seleccionado. De esta forma,  el Micro Air Vehicle (como puedes comprobar en los vídeos) puede pasar sin dificultades a través de una ventana , o explorar el entramado de pasillos o habitaciones de un edificio sin la necesidad de tener información previa sobre su estructura o diseño constructivo. Además, según apuntan sus creadores en un dossier explicativo del proyecto colgado en la red, este helicóptero es capaz también de localizar objetos de interés sin que actúe ninguna persona. Entra, inspecciona, localiza y se larga por el mismo sitio que ha venido. Imagínate las futuras aplicaciones de este curioso aparatejo. Seguro que será adquirido, con toda premura por las autoridades militares de Estados Unidos para operaciones de investigación o espionaje . Pero eso sí, antes sus creadores deberán reducir el ruido de sus cuatro hélices . Vía: Tec.nología

En una composición gráfica o en una página web cualquiera, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final . En este entorno, por tanto la tipografía es la materia que hace de intermediario entre el receptor y la información propiamente dicha. Los caracteres matizan las palabras y le aportan o refuerzan el sentido. La mala selección de esas formas pueden interferir negativamente en la comunicación. Junto con el color, la tipografía puede alterar por completo el significado que asociamos a un diseño. El texto puede decir una cosa; pero las letras, otra muy diferente. Lo cierto es que cada familia tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas visuales, unas más fuertes y otras más sutiles, unas más refinadas y otras más toscas, unas más geométricas y otras más orgánicas, por lo que la selección de las familias tipográficas a usar en una composición debe hacerse con un amplio sentido de la responsabilidad. Teniendo en cuenta esto, encontré un artículo muy interesante, con el título 19 top fonts in 19 top combinations , de Bonfx , en donde usa 19 diferentes tipos de combinaciones de tipográficas , las combinaciones que normalmente se utilizan en un titular y el tipo de letra base en un artículo o página Web. La regla de oro de las combinaciones tipográficas , que es simplemente de combinar una de tipo serif y otra de tipo sans serif para efectuar el contraste . Cuanto más alejadas de los estilos de los tipo de letra mejor. Los tipos de letras que son demasiado similares dan como resultado una mala combinación. Algunas tipografías tienen versión sans y versión serif y suelen formar una perfecta combinación: por ejemplo, la forma serif para el texto y la sans para el resto, o viceversa. Con fuentes diferentes, es cuestión de probar. El tipo de letra para el texto base puede incluir, naturalmente, la variante cursiva y en negrilla. Ambas deben emplearse sólo para enfatizar partes del documento, no en fragmentos extensos. En general, las familias con serifas de pie, funcionan mejor como tipo de lectura en imprenta. Por el contrario, las de palo seco o sin serifas, dan mejor resultado en monitores y pantallas, sobre todo cuando hablamos de resoluciones bajas. El factor más determinante sobre la elección de un tipo de letra base debe ser su legibilidad , propiedad derivada del diseño mismo de los tipos de letra, eso es especialmente importante para los textos largos. Para bloques de texto más cortos tenemos mayor libertad de elección, y para los títulos podemos emplear la fuente que queramos, en función del espíritu del documento y la sensación que nos interese crear . Una buena estrategia de trabajo es preparar una paleta de tipografías con una letra serif para el texto, una letra sans para los títulos y subtítulos (o al revés si el destino son las páginas web), con tamaños mayores. Esto también se puede hacer con los pies de foto, resúmenes, citas y notas, de menor tamaño, y tal vez, una letra especial para el título principal. Es una fórmula que es simple y efectiva, que evita la mezcla de diferentes fuentes de palo seco juntas o diferentes letras serif juntas, combinaciones que raramente funcionan. El autor del citado artículo seleccionó un modelo sencillo y muy general: un tipo de letra para el título en negrita y un tipo de letra normal en el texto base. Al final realizó las combinaciones, por supuesto bajo un punto de vista personal, que no necesariamente puede coincidir con el nuestro, pero es algo por donde empezar. Casi cualquier tipografía pueden ser compensadas y obligada a trabajar junto con otra en algún tipo de contexto. Cualquiera de estas combinaciones podría justificar una mayor experimentación para obtener mejores resultados. Un último consejo, conviene evitar lo que ya está muy visto. Un tipo de letra que todo el mundo usa hace que nuestros documentos sean indistinguibles, un producto clónico de los demás. Tipografía como Arial (Helvetica), Courier y Times New Roman son tan frecuentes que convierten un documento en algo anodino, sin impacto visual. Como alternativa hay otros tipos de letras que, siendo básicamente del mismo tipo, te sacarán del anonimato y aburrimiento a los textos que preparemos. Al final el resultado lo puedes observar aquí pero de modo gráfico: Pero también lo tenemos en formato PDF, que puedes descargarlo para su mejor visualización, pues esta en dos columnas: Las combinaciones son de los siguientes tipos de letras: Helvetica / Garamond Caslon / Univers Frutiger / Minion Futura / Bodoni Garamond / Futura Gill Sans / Caslon Minion / Gill Sans Univers / Caslon Bodoni / Futura Myriad / Minion Avenir / Warnock Caslon / Franklin Gothic FF Din / Baskerville Trade Gothic / Clarendon Baskerville / Univers Akzidenz Grotesk / Garamond Clarendon / Trade Gothic Franklin Gothic / Baskerville Warnock / Univers