Popular Post

Archive for 2011

Blekko: otro tipo de buscador con resultados SEO interesantes

By : JavierR

Se pueden ver en el apartado SEO de la página que hayas buscado como páginas que enlazan, estadísticas de posicionamiento, duplicados…incluso páginas alojadas en el mismo servidor.

http://blekko.com

Para ello hay que registrarse, con el Facebook vale y poner por ejemplo:

Modelar 3d online

By : JavierR
http://www.3dtin.com/

Es algo limitado, pero habría que ver cómo integrar estos objetos en una web.

Recopilacion tutoriales jquery

By : JavierR

Hacer fondos degradados en CSS

By : JavierR

Convertir flash a video

By : JavierR
EL mejor programa que he visto para convertir el formato swf a video:
http://www.flash-swf-converter.com

También hay otros programas que capturan lo que aparece en la pantalla y la convierte en vídeo, que para algún otro caso puede valer también.
 www.screentoaster.com / http://www.screencast-o-matic.com/



Ejemplos de uso de HTML5

By : JavierR
http://slides.html5rocks.com/#speech-input

En este caso, para incluir una línea de código y poder usar la voz como sustituto del teclado. Aunque sólo funciona en chrome.

Un buen diseñador

By : JavierR

Fuentes infantiles

By : JavierR

Herramientas online para diseñadores web

By : JavierR
http://www.tripwiremagazine.com/2011/03/40-online-generators-for-web-designers-should-bookmark.html

Hay muchas que ya se han posteado aquí, pero siempre viene bien recordarlas.

30 plantillas WP

By : JavierR

Pasar nuestra web en WP a movil.

By : JavierR
Tag : , ,

Uso de font-face

By : JavierR

Diseños de web y movil

By : JavierR

Marketing que necesitas, por Google.

By : JavierR
Un poco de marketing...

http://www.thinkwithgoogle.com/insights/

Estudio de tendencias de consumo para aplicar a los productos 
Tag : ,

Buscador de iconos

By : JavierR
Tag : ,

Creador de patrones para fondos

By : JavierR
Tag : ,

Las tipos hacen de todo.

By : JavierR
Tag : ,

CSS· Animaciones, transiciones y nombres de colores

By : JavierR
Tag : ,

Generador patrones CSS -

By : JavierR

60 slider jquery

By : JavierR

Understanding Visual Hierarchy in Web Design

By : JavierR
Tag : ,

Colección de patrones de diseño gratuitos

By : JavierR

29 sitios diferentes

By : JavierR

Otros sitio de plantillas WP

By : JavierR

Generadores de CSS3 online

By : JavierR
Tag : ,

Generar texturas CSS

By : JavierR

Codigos bidi

By : JavierR
Tag : ,

Pasarela de pago de Paypal

By : JavierR
https://www.paypal-promo.es/empresas/pasarela-integral/

PayPal ha sacado ahora su propia pasarela de pagos que permitirá a las pequeñas aceptar pagos con tarjeta

Recursos photoshop

By : JavierR
Una buena recopilación de elementos para utilizar en photoshop
http://365psd.com/

Patrones para fondos

By : JavierR

Más de 40 acciones Vintage y Retro para Photoshop

By : JavierR
http://www.macgrafic.com/mas-de-40-acciones-vintage-y-retro-para-photoshop/
Este blog además tiene bastantes recursos para utilizar.

Lo mejores temas Gratis y Premium HTML5 para WP

By : JavierR

El HTML5

By : JavierR
Tag : ,

iconos cargando

By : JavierR
Tag : ,

Sitios creativos

By : JavierR

Grandes tipografias en web

By : JavierR

Un editor de css online

By : JavierR
Tag : ,

Una chuleta para el examen de CSS ;)

By : JavierR
Tag : ,

Rediseños de webs

By : JavierR
http://www.instantshift.com/2011/09/21/15-inspirational-examples-of-website-redesign/

Es una buena manera de ver como evolucionan los sites.

colección de plantillas de alta calidad del sitio web para su descarga gratuita

By : JavierR
http://www.e-webtemplates.com/

Son un poco antiguas, pero se pueden reutilizar algunos elementos, botones, etc.

The parallax effects with jQuery

By : JavierR
Early this year, we can notice this new Nike website with an amazing scrolling effect. How it works? I’ll try explain that with my little code


http://www.franckmaurin.com/the-parallax-effects-with-jquery/
Tag : ,

40 Brilliant and Advanced jQuery Effects To Use In Your Websites

By : JavierR
http://artatm.com/2011/08/40-brilliant-and-advanced-jquery-effects-to-use-in-your-websites/

shadowbox, leyendas, pestañas, ticker, slider, google maps, etc...
Tag : ,

15 web sobre moda

By : JavierR

Slider bastante majete

By : JavierR

Degradados para photoshop

By : JavierR

30 tutoriales css, jquery

By : JavierR

  • The 30 CSS Selectors you Must Memorize
  • Beautiful Slide Out Navigation: A CSS and jQuery Tutorial
  • Fixed Fade Out Menu: A CSS and jQuery Tutorial
  • Beautiful Slide Out Navigation Revised
  • Beautiful Background Image Navigation with jQuery
  • Twitter API and jQuery Showcase: Display your Followers or Friends
  • CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation
  • A Fresh Bottom Slide Out Menu with jQuery
  • Vertical Sliding Accordion with jQuery
  • Animated Text and Icon Menu with jQuery
  • Circular Content Carousel with jQuery
  • Portfolio Image Navigation with jQuery
  • Expanding Fullscreen Grid Portfolio
  • Simple jQuery Fluid Thumbnail menu Bar
  • Slides, A Slideshow Plugin for jQuery
  • leanModal – a JQuery modal plugin that works with your CSS
  • Colorful Sliders With jQuery & CSS3
  • Contextual Slideout Tips With jQuery & CSS3
  • Awesome Cufonized Fly-out Menu with jQuery and CSS3
  • Thumbnails Navigation Gallery with jQuery
  • Creating a Fancy menu using CSS3 and jQuery
  • Feature Table Design
  • CSS & jQuery clickable map of Europe
  • Easy Display Switch with CSS and jQuery
  • FancyForm
  • Perfect Full Page Background Image
  • Greyscale Hover Effect w/ CSS & jQuery
  • Greyscale Hover Effect w/ CSS & jQuery
  • Codename Rainbows
  • Pure CSS3 bokeh effect with some jQuery help
  • Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery)
  • jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element
  • jQuery & CSS Sprite Animation Explained In Under 5 Minutes

Tag : , ,

21 trucos para photoshop

By : JavierR
http://sixrevisions.com/photoshop/21-advanced-photoshop-tips-tricks-and-tutorials-roundup/

hay uno que siempre me ha gustado, el de los circulitos.

http://2photoshop.com/guide-to-the-halftone-pattern/

15 aplicaciones para diseñadores

By : JavierR
Hay alguna repetida en otro post anterior...
http://webdesignledger.com/tools/15-useful-web-apps-for-designers
Tag : ,

HTML5 tutoriales

By : JavierR

Herramienta color

By : JavierR

Texturas y pinceles photoshop

By : JavierR

Quieres hacer el doodle de google?

By : JavierR

Convertir flash a html5

By : JavierR

Trucos para el logueo el WP

By : JavierR
Tag : ,

Desproteger PDF´s

By : JavierR
Siempre te puede llegar un pdf y no puedes copiar los textos porque está protegido el fichero, con esta web se soluciona el problema

http://www.pdfunlock.com/
Tag : ,

42 Pagination Design Inspiration

By : JavierR

Creative Use of Video in Web Design: Background Videos

By : JavierR
http://www.smashingmagazine.com/2011/01/06/creative-use-of-background-video-web-design-showcase/

Comprime documentos, reconoce texto, rasteriza y optimiza para la #web

By : JavierR
http://www.cvisiontech.com/online-conversion/general/main.html

74 sitios web útiles para desarrolladores y diseñadores web

By : JavierR
http://www.trazos-web.com/2011/05/23/74-sitios-web-utiles-para-desarrolladores-y-disenadores-web/
Tag : ,

Herramienta para crear presentaciones de video online

By : JavierR
http://1buenaidea.com/herramienta-potente-para-crear-presentaciones-de-video-online.html

Hitler se entera de que no hay pruebas de usabilidad

By : JavierR
Tag : ,

15 websites where you can find code snippets

By : JavierR
15 sitios donde puedes encontrar y compartir fragmentos de código

http://www.testking.com/techking/roundups/15-websites-where-you-can-find-code-snippets/

Tag : ,

Un sistema rápido de crear videos

By : JavierR
Tag : ,

60 Free Vintage Backgrounds

By : JavierR

Web Design Trends in 2011

By : JavierR

Una manera de comentar páginas web o pantallas de photoshop

By : JavierR
http://www.bounceapp.com/

Te registras, vas a la web que quieres comentar (o una zona específica), le colocas una especie de post-it con el comentario, y lo envía a la persona que quieras. También sirve para tener un repositorio con los que vayas viendo por la red.
Tag : ,

Texturas

By : JavierR
Tag : ,

Unos cuantos scripts útiles para las webs

By : JavierR
Tag : ,

20 plantillas gratis para magento

By : JavierR
http://diegomattei.com.ar/2011/03/30/20-plantillas-gratis-para-magento/

Además, este blog tiene muchas entradas con recursos gratuitos, vectores, psd´s, etc-

Colores web

By : JavierR

Share Your Color Ideas & Inspiration.

COLOURlovers is a creative community where people from around the world create
and share colorspalettes and patterns, discuss the latest trends and explore colorful
articles... All in the spirit of love.

Diseños web oscuros

By : JavierR

Los Oscars de la web

By : JavierR

Diseños retro

By : JavierR

Slideshows

By : JavierR
Tag : ,

Pasos para crear un proyecto en internet

By : JavierR

Las fases serian estas de forma muy genérica:
Estudio del proyecto
  • Estudio de la competencia
  • Posibilidades y líneas de de negocio con la web
  • Necesidades reales del proyecto
  • Pensar en el medio plazo para proveer como puede crecer el proyecto
  • Como fusionar lo que tenga esa empresa con lo que va a tener: On-line-Off-line
Diseño del site
  • Estructura y usabilidad del site
  • Diseño grafico de todas las paginas
Maquetado
  • Hacerlo compatible con los principales navegadores (Explorer 7 y 8, Mozila Firefox y Chrome)
  • Pulir el código para dejarlo lo más accesible para Google
Programación
  • Diseñar la bases de datos
  • Programar todas las funcionalidades
  • Crear y personalizar el BackOffice para que el cliente pueda gestionar los contenidos de la web
Revisión
  • Revisar la web una vez montada para ver si se ve bien en los navegadores
  • Comprobar que el BackOffice gestione correctamente los contenidos y menús
  • Ver que todas las funcionalidades operan correctamente
SEO
  • Estudio e implementación de los mejores títulos, descripciones y palabras clave para cada sección para que Google nos encuentre.
  • Informar a Google del alta de la web y alta del Site Map
Otros
  • Configuración/integración Google Analytics, FaceBook, Twitter, otros…
  • Preparar parte de los contenidos (Fotos, textos, videos) finales de la web y en muchas ocasiones subirlos directamente
  • Publicación de la web y nueva revisión general


Sacado del artículo:
Tag : ,

150 best jQuery effects for web designers and developers

By : JavierR
Un poco más de lo mismo pero aglutinado
http://www.webdesignshock.com/showcase/best-jquery-effects/
Tag : ,

Ejemplos con código css3

By : JavierR
Tag : ,

Ejemplos webs multiplataforma

By : JavierR

Pequeños grandes detalles

By : JavierR
Tag : ,

HTML5 y CSS3, inspiración y demos

By : JavierR

Navegando de blog en blog recopilando información para crear esta entrada me he encontrado con una verdadera joya para los que estamos empezando con html5 y css3, una recopilación de información variada y muy abundante. Gracias al blog de Moiolab encontraremos explicaciones, tutoriales, recursos, inspiración y demos. Está tan completa que creo que no hace falta decir nada más. Aquí os la dejo:

Empezar con HTML 5 y CSS3: Inspiración y recursos


Links de diseño y programación

By : JavierR

28 infografías sobre diseño web

By : JavierR


El diseño web es una labor compleja en la que se dan cita todo un abanico de disciplinas. Para los que quieran aproximarse a este arte de una manera sencilla y amena, el portal Hongkiat recopila a continuación 28 infografías agrupadas en varias temáticas (color, toma de decisiones, información general, SEO, tipografía, experiencia de usuario, y tecnología web):

http://www.marketingdirecto.com/actualidad/checklists/28-infografias-sobre-diseno-web/
Tag : ,

Diccionario web

By : JavierR

36 menús de navegación originales (algunos demasiado)

By : JavierR

Navigation menu is a very important part of website. Navigation menu helps you to explore the websites contents. so all web designer put their maximum effort to create navigation more attractive and more user-friendly.

scroll con jquery

By : JavierR

http://designersmagazine.blogspot.com/2011/03/20-most-wanted-jquery-plugins.html

By : JavierR
The great thing about jQuery is that talented jQuery developers often release new and useful plugins on a regular basis. jQuery plugins are not only easy to implement, but easy to maintain even when used throughout large sites.
http://designersmagazine.blogspot.com/2011/03/20-most-wanted-jquery-plugins.html
Tag : ,

30 Ejemplos de fondos grandes en diseño web

By : JavierR

Los fondos de pantalla grandes están cada vez más de moda a la hora de crear un sitio web, especialmente por la interesante perspectiva que dan, aunque obviamente la elección del fondo es crítica para la web, ya que será su elemento clave.
Las webs  que tenéis tras el salto son verdaderos ejemplos de como implantar esta técnica con una calidadespectacular en una página web.  Tenemos desde fotografías a diseños de Photoshop, así que hay para todos los gustos.
Fuente | WebDesignLedger

Convierte Flash en HTML 5 para tus proyectos web

By : JavierR
Adobe ha lanzado Wallaby, una plataforma con la que podemos convertir cualquier proyecto creado con Flash en  es una aplicación que funciona sobre  solo es necesario arrastrar y soltar los archivos en Flash a  Wallaby para generar los archivos HTML que pueden ser editados posteriormente.
, Director de productos Senior de Adobe Creative Suite dijo:
“Wallaby es una tecnología experimental que demuestra la innovación que estamos llevando alrededor de Flash y HTML y muestra la inversión que estamos dedicando a ambas tecnologías, las cuales consideramos de igual importancia“.
Demo: http://www.engadget.com/2011/03/08/adobe-outs-experimental-flash-to-html5-conversion-tool-calls-it/

- Copyright © Recursos, ideas, cosas... de diseño - Date A Live - Powered by Blogger - Designed by Johanes Djogan -