Si eres usuario de Apple agradecerás la velocidad de navegación en Safari. Hace pocos días se actualizó a su versión 5 ofreciendo compatibilidad con extensiones. Esto como de costumbre era demandado de hacía tiempo por sus usuarios, en los que me incluyo y por cierto agradezco esta posibilidad ya que añade mucha funcionalidad al navegador de Apple, así como lo hace Firefox en Windows. A través de appstorm que hacen recopilaciones de aplicaciones estupendas hemos visto 30 extensiones para Safari que le dan mucha versatilidad a Safari en Apple. Para instalar extensiones debes activar el menú de Desarrollo en Safari, después desde el menu desarrollo > activar extensiones y ahora te aparecerá una nueva opción en preferencias de Safari por la que sólo tendrás que arrastrar la extensión a la ventana. ZooTool Lasso Añade esta extensión para recopilar imágenes, vídeos y documentos en internet de forma rápida a través de un simple botón en ...

Color Paper es un Tema para WordPress gratuito con un diseño muy original y final. Con Diseño en papel perfecto para Blogs personales. Dispone de PhotoStream para colocar fotografías de Flickr directamente en la barra lateral. Este tema destaca por su tipografía limpia además de sus elementos de Diseño. Dispone de un bloque destacado en la parte de arriba y dispone de una lista de artículos en la página principal. Como decimos con un diseño muy original. Este tema WordPress está diseñado por DreamTemplate, además según su licencia se puede utilizar para uso personal y comercial, no redistribuible. Demo Color Paper Descargar Color ...

En este tutorial veremos como crear un panel de login animado con Mototools. Este panel se coloca en la cabecera y a través de un simple botón hará desplazar el contenido del mismo para realizar la acción de login o registro de nuevo usuario. Utiliza Mototools 1.2, a través del enlace tendrás acceso a la explicación paso a paso del proceso, por el que una vez descargado el código fuente te será más fácil implementarlo en tu Sitio Web siguiendo los pasos propuestos. A través de web-kreation.com no presentan este tutorial, que ya habíamos visto algo parecido, aunque este únicamente presentará el panel de login sin funciones adicionales como otros plugins. Además lo puedes implementar en cualquier Gestor de contenidos ya que es un código generalizado y también añade código CSS para estilar el panel. Tutorial | Sliding Login Panel With ...

Photoshop da mucho de sí para el sector profesional, aunque cada más gente se atreve a realizar pequeños retoques con la programas de Adobe. El efecto B&N (Blanco y Negro) es fácil de aplicar a través de este tutorial verás como puedes aplicar varias técnicas para conseguirlo. Utiliza varias capas o layers para hacerlo y varias técnicas también, con filtro de color una vez aplicado el blanco y negro, mejor mira el screencast para conseguir un efecto parecido. (tras el ...

El pack de iconos Weby icons me ha gustado porque tienen calidad y se presentan funcionales para tu Diseño Web. Estos iconos los puedes utilizar sin ningún compromiso en tus diseños pero no son redistribuibles. El pack se compone de 100 iconos en formato para Windows (.ico), linux (.png) y Mac (.icns) con resolución de hasta 64 x 64 pixeles. Si eres aficionado como yo, a maquetar tus sitios web o necesitas de algún icono para tu Blog aquí tienes una buena colección, está destinados a cubrir las necesidades en internet. Como por ejemplo pasarelas de pago, redes sociales… Descarga | Weby icons Author | ...

Aquí tienes algo de inspiración en Internet. Nos hacemos eco de otros Sitio en internet que se dedican a Diseño Web para ver las tendencias en internet. Disfrútalos (sigue leyendo para ver el resto de la entrada) Design Informer Build Internet Design Instruct Richworks Freelance ...

La publicidad en una página web, bien sea un Blog o una página de empresa es necesaria para conseguir recursos adicionales, como pueda ser el mismo soporte de la misma. Adsense de Google es un buen ejemplo de ello, que mediante las técnicas SEO necesarias conseguirás un buen soporte para tu página. Si tu página necesita mostrar la publicidad de forma distinta a lo habitual puedes plantearte este tutorial como forma alternativa. Este tutorial te propone mediante algo de código en jQuery (que puedes descargar) y código Css una forma llamativa de mostrar tus banners publicitarios. De esta forma conseguirás atraer más a tu público. Puedes acceder a la Demo para que te hagas una idea de su funcionamiento. Te muestra el banner y cuando haces click en el, gira el marco para ofrecer el enlace a la web. Si te atreves a implementarla en tu Sitio Web comentanos sobre el proceso. Puede ...

Adobe ha actualizado recientemente toda su gama de diseño para el profesional para todos sus productos, Photoshop, Dreamweaver, illustrator, inDesign… entre ellos Adobe® Creative Suite® 5 Design Premium que cuenta con las aplicaciones necesarias para cualquier diseñador. Adobe® Creative Suite® 5 Design Premium contiene las aplicaciones necesarias para conseguir resultados excepcionales en diseños para impresión, web, interactivos y para dispositivos móviles. De todos conocido Photoshop o Firewoks para diseño web y illustrator y inDesign para diseñadores gráficos. Entre las novedades te permite realizar el trabajo de forma más rápida y más eficiente, probado en Mac resulta mucho más rápido la carga de las propias aplicaciones. Como novedad también puedes probar el nuevo Adobe Flash Catalyst que te permite realizar tus creaciones sin necesidad de escribir código. Ahora también hay una nueva aplicación Adobe Helper con consejos multimedia en linea. Adobe Groups para unirte a la comunidad de diseñadores en internet y muchas mejoras que ...

Muchos dicen que el diseño está en los detalles y probablemente tengan razón. Y muchos de esos detalles están presentes en los iconos. Los iconos brindan ese extra y ayudan a atraer la atención a ciertos objetos o elementos. La Metáfora Los iconos son metáforas para texto, y es importantísimo que dicha metáfora sea utilizada a la perfección. Comunicaciones claras entre la página web y el visitante, son cruciales para que la usabilidad sea perfecta. El icono debe transmitir un mensaje que sea entendible para el usuario al 100%. Utiliza objetos reconocibles y metáforas simples: El usuario deberá reconocer lo que el icono trata de comunicar. Utilizar objetos comunes como iconos, tales como una casa , es importante. Entre más simples y más gráficos sean, el usuario lo agradecerá más. Algunos ejemplos: Burbujas de conversación tipo comic para los comentarios Un sobre para un enlace a un correo electrónico Utilización de una flecha y de un disco ...

Verificar la usabilidad de tu página web, es lo mejor que puedes hacer para comenzar a mejorarla y así atraer a más visitantes. La usabilidad también depende mucho de su interfaz, es decir, que ésta sea simple y sencilla de utilizar y de entender, para que así tus visitantes tengan la mejor y más placentera visita posible. Entre más sencilla de utilizar sea, la experiencia será más satisfactoria, y los clientes se sentirán complacidos al momento de visitarla, lo que a corto plazo, se traduce en que esos mismos usuarios regresarán a dicha página web. No siempre las mejores ideas son las que hacen que una página web sea la mejor o la más sencilla de utilizar, y lo peor, muchos diseñadores web, no saben como llevar a la práctica ideas innovadoras. Es por eso que, creemos prudente que le des un vistazo a 10 herramientas que seguramente mejorarán la usabilidad de ...

¿Recuerdas que hace unos días te presentamos una recopilación de 40 aplicaciones gratuitas para Mac OS X? Pues ha llegado el turno para que conozcas las 40 aplicaciones gratuitas y de código abierto para Microsoft Windows , que te ayudarán en caso de que no puedas adquirir las costosas aplicaciones de Adobe Creative Suite. Dentro de éste grupo de aplicaciones, encontrarás editores de imágenes, editores de código, editores de HTML, editores de CSS, así como software que te ayudará a hacer capturas de pantalla. Estas líneas puedes considerarlas como la segunda parte del otro post, al que hacemos referencia en el párrafo anterior. Vía | Desizn ...

Recurrir a tutoriales, en ocasiones, es la mejor manera de aprender nuevas y mejores técnicas para desarrollar nuestro trabajo en diseño web, así mismo también puede ser útil para inspirarnos con tan sólo ver nuevos conceptos. Todos sabemos que el Adobe Photoshop es, en la mayoría de los casos, la herramienta principal para los diseñadores, es por eso que, queremos demostrar que dicha herramienta puede ser utilizada para crear diseños web desde cero. Se puede crear efectos en 3D, crear botones, diseñar barras de navegación, crear diseños del tipo web 2.0, en fin, bastantes diseños que seguramente le darán un sello distintivo a cualquier diseño. Y para acceder a ellos, tendrás que dirigirte a Web Desing ...

Aún y cuando el software del Adobe Creative Suite deberá ser considerado como esencial para cualquier diseñador web, no todos podemos costearnos un software que de antemano sabemos que tiene un precio tan elevado. Para esos casos, hemos encontrado 40 aplicaciones total y absolutamente gratuitas para Mac OS X, de las cuales, algunas de ellas son realmente poderosas. El autor de dicha recopilación, afirma que es la primera parte de una recopilación que está haciendo y que en un futuro podremos esperar otras tantas aplicaciones que nos ayudarán a ahorrar dinero y aún así poder hacer nuestro trabajo de diseño web. Pero, ésta segunda parte, será una recopilación de aplicaciones para Microsoft Windows. Así mismo, hace notar que GIMP, Pixelmator, Transmit, Cyberduck y otro software muy popular han sido excluidos intencionalmente para darle importancia a otro software no tan conocido, pero que cumple con su trabajo con creces. Para acceder a dicha ...

Nicole White ha hecho una recoplicación de documentos conocidos por los diseñadores web como cheat sheets, que ella considera, son extremadamente útiles. Afirma que se pueden utilizar como referencia, aprendizaje rápido y mucho más. Pero sobre todo, ayudarán a muchos diseñadores a ahorrar tiempo, dinero, esfuerzo y errores. En la lista que ha publicado se pueden encontrar cheat sheets que hablan con respecto a aplicaciones de Adobe, programación HTML, CSS, AJAX, PHP, MySQL, y mucho más. White considera que ha invertido mucho esfuerzo en poder juntar toda la información que comparte, por lo que, considera ésta recopilación como “la mejor colección de cheat sheets que hay actualmente“. Para acceder a ella, tendrás que hacerlo por medio de la página de Web Design Schools ...

Es de todos conocido que Mac OS X es una plataforma idónea para diseñadores web, ya que ofrece una gran cantidad de software de diseño, gestión, y publicación de páginas web. Y para muestra un botón, hemos encontrado un recopilatorio de software de para diseñadores de páginas web, que seguramente podrá satisfacer todo aquello que necesitas y mucho más. En éste recoplitatorio de 60 aplicaciones, podrás encontrar software que gestiona tus proyectos, como OmniPlan, que es un software de permite la creación de proyectos con un robusto planificador de tareas a realizar; o ies4osx, que permite probar tu página web desde tu ordenador, para comprobar si es compatible con diferentes versiónes del Internet Explorer. Seguramente algunas aplicaciones ya las conocerás, pero estamos seguros que otras muchas te sorprenderán y las encontrarás interesantes y útiles. Para acceder a ésta recopilación, lo puedes hacer desde la página web de ...