Slide Note es un sencillo plugin desarrollado en jQuery que te permitirá mostrar una nota en tu página web con efecto de slide, bastante visual para mostrar un mensaje de bienvenida o la información que desees. Además Slide Note puede mostrar el contenido de una URL y opcionalmente puede mostrar también algún elemento incrustado en una página Html. Una vez instalado este plugin, su funcionamiento es sencillo, una vez abras tu página y al hacer scroll aprecerá tu nota con un efecto de slide desde el lateral del mismo, además tiene un botón de cierre al estilo de aplicaciones Mac. Puedes ver una Demo a través de slidenote.info, realiza scroll con tu ratón y la nota aparecerá. Como opciones de configuración podrás cambiar el botón de cierre de la Nota y la esquina desde donde aparecerá la misma. Podrás utilizar este plugin en cualquier plataforma, WordPress, Joomla, Drupal, eso sí sabiendo algo de código, pero ...

Desde dzinepress nos llega esta recopilación de Tutoriales, un buen material para diseñadores que te puede ayudar a simplificar tu trabajo. Son Tutoriales al detalle para redondear contenedores, botones con CSS3 y RGBA, Hojas de estilo en Cascada. También otros para aplicar borde a las imágenes con estilo en CSS3, Colores en CSS3,Bordes con gradiente. Puedes echar un vistazo ya que es una gran recopilación que debes tener a mano en cualquier momento para maquetar un Sitio. Perfecto para diseñadores. Cajas con esquinas redondeadas en CSS3 Super Botones con Css3 y RGBA Hojas de estilo en cascada Nuevos selectores introducidos en Css3 Border-image: Usando imágenes para tu borde Enlace | 50 Tutoriales en ...

Puedes tener como recursos una serie de Tutoriales a mano para crear tus diseño. Con esta recopilación de photoshoplady puedes empezar a diseñar tus propios efectos de texto en Photoshop. Además de trabajar con tipos de letra lo haces con tipología para realizar tus propias creaciones. Esta recopilación de tutoriales no es algo definitivo ya que como se comenta en photoshoplady una recopilación es algo subjetivo, del autor que los presente. En cualquier caso siempre es bueno tener como referencia una serie de trabajos en algunos casos como inspiración y en otros casos como aprendizaje para las técnicas más complejas de la suite de Adobe. Pagina Web | 50 Tutoriales ...

Lo que tiene de particular el plugin Digg Digg es que puedes compartir las entradas de tu Blog de WordPress con botones de recuento en tus Redes Sociales favoritas. También se puede incrustar en tu Sitio Web con algo de código si lo requieres ya que cada botón tiene su función. Es muy sencillo de configurar, como puedes ver en la imágen (tras el salto) puedes disponer de él en tu página de inicio, páginas de posts, páginas de categorías… Puedes emplearlo sólo para categorías en concreto. Como quieres que sea el menú si vertical o horizontal. Y configurar los botones que necesitas, en modo normal o compacto. Para instalar Digg Digg: Descarga el plugin. Súbelo vía ftp a wp-content/plugins en el directorio de tu Sitio. Activalo desde el menú plugins de wordpress. Condiguralo desde Digg Digg en el menú Opciones. También dispones de opciones avanzadas para configurarlo: 1) Para deshabilitar el plugin en una entrada o página en concreto escribe desde el editor <!– Digg Digg Disabled ...

En nuestro último artículo, presentamos algunos ejemplos de todo lo que se puede hacer con Photoshop en la creación de objetos 3D. Hay gran cantidad de objetos PS que se pueden descargar desde Internet, pero el proceso de crear tu propio objeto 3D además de divertido sirve para aprender nuevos trucos de diseño gráfico. Saber cómo se crean los objetos sirve como experiencia a todo diseñador gráfico y puede ser útil para el diseño de elementos personalizados para sus propios proyectos. Éstos son algunos diseños más con los que puedes practicar. Reloj 3D El tiempo volará a medida que tratas de completar este tutorial para hacer un reloj de pulsera en 3D. Con este ejercicio aprenderás a hacer varias copias de las formas con el fin de crear un nuevo objeto. Copa / Grial de madera   Crear una taza de vidrio no es tan difícil, pero añadir una textura diferente puede resultar muy llamativo. En este tutorial vamos a aprender a aplicar una textura de madera a la superficie de una copa. Esta técnica puede ser útil ...

Se dice que la práctica hace al maestro, es por eso, que hoy os traemos un post recopilatorio de los mejores tutoriales, consejos y trucos para aprender a crear figuras en 3D con Photoshop. Muchos hemos necesitado en un determinado momento crear una imagen 3D o retocar una que ya teníamos y no sabíamos por donde empezar… os dejamos algunos manuales muy útiles para que veáis el proceso de diseño. Con tiempo, paciencia y vuestro talento como diseñadores, ¡seguro que conseguís buenos resultados! Bolas de billar en 3D En un momento u otro, llegará el momento en el que necesites crear esferas u objetos redondos  para tus diseños. He aquí un pequeño y rápido tutorial rápido que puede ayudarte a conseguir ese efecto que quieres: aprende a añadir reflejos espectaculares y texturas brillantes a las bolas de billar. Botella de Vino En este tutorial aprenderemos acerca de la creación de objetos reales: las  sombras, jugar con la ...

La optimización de un sitio Web es una tarea muy importante; tratar de gastar los menos recursos posibles siempre es una prioridad para así evitar desperdiciar ciclos de procesador o memoria RAM, lo que reflejará un tiempo de carga mucho menor en el sitio. Existen varias técnicas para lograr esta tarea, que dicho sea de paso, puede tomar mucho tiempo en perfeccionarse. Por un lado, las acciones que se hagan de lado del servidor son fundamentales, pero también se pueden complementar con algunos recursos que ayudan al navegador a acceder a los recursos en menor tiempo. Optimización del lado de servidor (server-side) Existen algunos factores que hay que tomar muy en cuenta durante la optimización en el servidor. Son tan importantes que la correcta administración y toma de decisiones, determinar en mayor parte, el éxito al optimizar. Elegir un servicio de host decente Elegir bien la casa de los sitios Web es algo vital. ...

Las imágenes de fondo mediante el uso de CSS son bastante prácticas, ya que las reglas son bastante flexibles y permiten hacer bastantes cosas interesantes; incluso con la versión 2.1 de las hojas de estilo es posible crear efectos muy logrados, sólo hay que conocer lo básico sobre las imágenes de fondo y su aplicación dentro de las hojas de estilo en cascada. Las propiedades básicas Existen 5 propiedades inherentes al fondo de un elemento, las cuales se especifican en un archivo CSS o incluso dentro de un mismo documento HTML; estas propiedades son las siguientes: background-color: especifica el color de fondo (color sólido) background-image: especifica una imagen de fondo background-position: establece la posición de la imagen en el fondo background-repeat: determina si la imagen de fondo se debe repetir y en qué dirección background-attachment: determina si la imagen debe desplazarse con el fondo A su vez se pueden usar otras reglas de espaciado y margen, como margin ...

  AllGraphicDesing.com ha reunido los mejores tutoriales disponibles en la red para crear efectos vintage, retro y pop art con Photoshop. 60 tutoriales para diseñadores gráficos y diseñadores web: coloreado, creación de wallpaper, efectos de cabaret, efecto comic, poster retro, cartas antiguas, camisetas, pin-up, pixeles y estampados… Un listado de recursos útiles y, que seguramente, necesario para hacer que tus imágenes tengan ese encanto de las cosas de los años 60′s y ...

De antemano sabemos que existen infinidad de tutoriales de fotografía digital dispersos por la red. Pero de lo que estamos seguros, es que, seguramente no podremos encontrar una recopilación tan interesante e importante como la que acabamos de encontrar en PSD tuts +. Y es que, aún y cuando el Photoshop fue primariamente concebido para ayudar a los fotógrafos a mejorar sus trabajos, con el tiempo se ha convertido en el mejor programa de manipulación de imágenes. Dentro de ésta recopilación de tutoriales, podrás encontrar el indicado para casi cualquier ocasión. Aprenderás desde, como reparar fotos que han sufrido los estragos del tiempo, hasta como cambiarle el color del cabello a las modelos de una fotografía. Sinceramente, éstos tutoriales están impresionantes; y si ya dominas el Photoshop, con éstos tutoriales, seguro que te conviertes en experto. Vía | PSD Tuts ...

Es extraño encontrar tutoriales para diseño impreso, casi no hay, pero en ésta ocasión, los chicos de Tutorial9, se han dado a la tarea de recopilar cerca de 40 tutoriales para lograr practicamente cualquier diseño impreso. Seguramente te extrañarás porque encontrarás algunos que no tienen nada que ver con el diseño impreso, pero que sin duda, ayudan a crear “productos” para imprimir. Esos productos, podrían ser carátulas de CDs, posters, publicidad… Los tutoriales cubren el uso de Photoshop, Ilustrator o InDesign. Como podrás ver, abarca las principales herramientas de diseño que utilizamos; sin embargo, encontrarás que los autores tienen cierta preferencia por InDesign, que es la herramienta principal para éste tipo de diseños. Aunque, por otro lado, también estamos seguros que encontrarás cosas que jamás habías visto antes. Vía | ...

Conforme pasa el tiempo, van apareciendo más y más tutoriales y técnicas de Adobe Ilustrator, que son publicadas por diseñadores y artistas y que además están dispuestos a compartir. Una de las tendencias que está tomando mucha fuerza en éstos últimos meses es diseñar efectos en 3D. Aún y cuando encontrarás alguno que otro que ya ha sido publicado con anterioridad y que te lo hemos hecho saber aquí mismo, la mayoría, son nuevos, y te darán una idea, una vez más de lo poderoso que puede llegar a resultar Adobe Ilustrator. Dentro de ésta recopilación de tutoriales, podrás encontrar interesantes cosas tanto para usuarios novatos, como para avanzados; son idóneos para aprender técnicas nuevas, así como para prácticas que seguramente no conocías. Vía | Smashing ...

Youthedesigner  nos enseña diferentes páginas webs donde podemos encontrar tutoriales sobre photoshop e, incluso, compartir los tutoriales realizados por nosotros. Algunos son sitios para distribuir tutoriales, algunos son sitios de noticias, blogs y algunos de ellos son sitios en los que compran tutoriales realizados por diseñadores. ...

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 ...

AJAX se ha vuelto muy popular confirme ha pasado el tiempo, hasta el punto de permitir a otras aplicaciones web, actuar como si fueran de escritorio. AJAX es capaz de proveer funcionalidad adicional a una página web, que de otra manera no podría ser posible. ¿Que es AJAX? ¿Como es que trabaja? AJAX significa Asynchronous JavaScript and XML. Es utilizado para: Comunicarse con el servidor de la aplicación; antes de AJAX, no había aplicación que fuera capaz de comunicarse directamente con el servidor. Con AJAX, el cliente y el servidor, pueden comunicarse libremente. Y así trabaja: Alguna acción desencadena el evento, tal y como darle click a un botón Una vez que se desencadena el evento envía una petición al servidor utilizando XML El script de lado del servidor (PHP, ASP, etc.), reconoce el pedido por medi ode JavaScript, y puede accesar la base de datos en caso necesario y procesa la información Vuelve a utilizar XML ...