CSS3 Diseños y demostraciones de lo que es capaz de hacer

No hay comentarios 26 Julio 2010
Dentro de la categoría: Diseño gráfico, Diseño web

Ya se ha oido varias veces antes de lo que es capaz de realizar el CSS3 y HTML5, los diseñadores web como nosotros estamos a punto de cambiar las formas de hacer las cosas, con estas dos nuevas normas podremos hacer infinidad de cosas como las que mostramos a continuación:

1- Nuestro sistema Solar

Este diseño presenta el sistema planetario solar  mediante el uso de CSS3 border-radius , transform y animation . Además, se cierne sobre los nombres de cada planeta de la derecha muestra una descripción animada usando CSS. La animación, en estos momentos, sólo funciona en los navegadores WebKit (Google Chrome y Safari).

2- Anuncios CSS3 contra Anuncios Flash

Banners animados en Flash son conocidos por ser intrusivos en la experiencia del usuario. Sin embargo, usando la animación CSS3, estos anuncios de Flash se pueden imitar de funcionalidad. En estos diseños, varios anuncios fueron recreados a partir de CSS3, y los resultados son casi idénticos a sus homólogos Flash.

3- Polaroids Animados

Esta demostración es de imágenes apiladas que parecen como Polaroids. Realizadas sobre unas transiciones y haciendo una interacción interesante para presentar su galería de fotos. La demostración se realizó mediante el aprovechamiento transition , transform , así como las propiedades estilísticas como box-shadow para los efectos visuales.

4- CSS3 Vinilos corredizos

Esta demostración, que se encuentra en la Zona de juegos ZURB , es un álbum de cubiertas de vinilo que, cuando se pasa sobre ellas, anima el deslizamiento de un disco de vinilo que contiene controles adicionales (“más información” y “juego”). Esta prueba de concepto podría un día ser usado como una interfaz basada en un diseño web elegante para un sitio que reproduce música cuando se combina con HTML5 de <audio> API.

Con todo el CSS3 y HTML5 nos da la opción de hacer, más aún si cabe, dinámicas las webs que desarrollamos.

Popularity: 1% [?]

Compártelo:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • Meneame
  • MisterWong
  • MySpace
  • Technorati
  • Twitter

Fotografía y Publicidad – Kike Matilla

No hay comentarios 24 Junio 2010
Dentro de la categoría: Diseño gráfico, Diseño web, Fotoblogs


Realizamos el fotoblog de Kike Matilla, hecho en CMS (WordPress 3.0) y modificado mediante código PHP.

Fotografía y Publicidad Profesionales, Diseño gráfico, imagen corporativa, creación de logotipos, catálogos, folletos, tarjetas de visita, Books personales y profesionales. Vísita www.kikematilla.com y podrás comprobar sus trabajos, presentados en categorías descubre todo lo que un profesional de la fotografía y del diseño puede hacer para ti.


Popularity: 2% [?]

Compártelo:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • Meneame
  • MisterWong
  • MySpace
  • Technorati
  • Twitter

Estores y Cortinas, nueva web de Cortinadecor

No hay comentarios 22 Junio 2010
Dentro de la categoría: Diseño gráfico, Diseño web, Posicionamiento web

Os presentamos Estores y cortinas – Cortinadecor nueva web de www.cortinadecor.com.

Estores, cortinas, paneles japoneses, venecianas, todo a tu medida en Cortinadecor

Estores y cortinas - Cortinadecor

Cortinadecor ha llevado a cabo la restructuración y diseño de su web www.cortinadecor.com, esto ha sido posible gracias al trabajo conjunto de un equipo de personas, Forisur, llevando a cabo la parte de la programación interna de la web. Kike Matilla, llevando a cabo la parte de Diseño y Fotografía de artículos de la web y Prananet para el desarrollo posterior, posicionamiento (SEO) y finalización de la misma, hemos conseguido que www.cortinadecor.com sea el referente en cuanto a la venta online de Estores, estores enrollables, paneles japoneses, venecianas de aluminio, mosquiteras, lamas verticales, y por supuesto cortinas, todos los artículos fabricados a la medida del cliente y por supuesto con la calidad de los productos de Cortinadecor.

En cualquiera de sus productos Cortinadecor obtiene un gran resultado en cuanto al posicionamiento orgánico de la web, debido a su programación interna (todos los artículos llevan “metas”) y a su posterior trabajo SEO.

Esperamos que os guste www.cortinadecor.com, más accesible, más usable y sobre todo, más cómodo para el usuario final. Recordad, Cortinadecor, mucho más que cortinas.

Popularity: 2% [?]

Compártelo:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • Meneame
  • MisterWong
  • MySpace
  • Technorati
  • Twitter

Diseños web naturales

No hay comentarios 8 Junio 2010
Dentro de la categoría: Diseño gráfico, Diseño web

Os dejamos una colección de diseños web con motivos de naturaleza. Estos elegantes Diseños web nos darán ideas para realizar los nuestros, ya que muchos de ellos son realmente impresionantes. Esperamos que os gusten.

Virtual Sky Studio

Virtual Sky Studio

Circa, the Prince

Circa, the Prince

Campus Vida

Circa, the Prince

PHUNK’N CREATIVE

Circa, the Prince

Diseños web usando nubes

Las nubes son un elemento natural muy utilizado. Paz, relajación, todo lo que nos quieren transmitir.. lo consiguen..

Jihane AMAL

Circa, the Prince

Blue Sky Resumes

Circa, the Prince

Ready Made Designs

Circa, the Prince

Chirp

Chirp

Just Made My Day

Just Made My Day

Elemodo Software

Elemodo Software

Silly Poems for Even Sillier Kids!

Silly Poems for Even Sillier Kids!

Diseño web de fotomontajes

Usando fotomontajes también realizaremos diseños web excelentes

Larva Labs

ACE Hardware Phoenix

ACE Hardware Phoenix

Nick Cates Design

Nick Cates Design

Aussie BBQ Legends

Aussie BBQ Legends

Villager Restaurant & Catering

Villager Restaurant & Catering

Discover Tennessee Trails & Byways

Discover Tennessee Trails & Byways

Studio 7 Designs

Studio 7 Designs

Story Pixel

Story Pixel

Parasol Island

Parasol Island

Corny

Corny

Surya Asri

Surya Asri

Utilizando Ilustraciones en nuestras web

Goin Nutty

Goin Nutty

Digiti

Digiti

GUERRILLA

GUERRILLA

IndoFolio

IndoFolio

Pralinen Schachtel

Pralinen Schachtel

Urban Roots

Urban Roots

The Shark Lab Aquarium and Research Facility

The Shark Lab Aquarium and Research Facility

Atomic Cartoons Inc.

Atomic Cartoons Inc.

Flourish Web Design

Flourish Web Design

Mark Forrester

Mark Forrester

Spoof University

Spoof University

Orange Label Design Studio

Orange Label Design Studio

Comcast Town

Comcast Town

pallygiraffe.com

pallygiraffe.com

The Great Bearded Reef

The Great Bearded Reef

profedota.ru

profedota.ru

LePushMail

LePushMail

RedBrick Health

RedBrick Health

Carbonmade

Carbonmade

Espe

Popularity: 3% [?]

Compártelo:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • Meneame
  • MisterWong
  • MySpace
  • Technorati
  • Twitter

Enlaces rotos en nuestra web, como encontrarlos y eliminarlos.

Un Comentario 24 Marzo 2010
Dentro de la categoría: Análisis web, Google


Los enlaces rotos
son enlaces que llevan a páginas que no existen. Cuando se hace clic en un vínculo roto, la página que en la tierra se denomina página de error 404, una respuesta HTTP estándar que indica que la dirección URL solicitada no existe.

¿Qué haces cuandoestás navegando y te encuentras con una de estas páginas 404? Para la mayoría de nosotros, la respuesta inmediata sería la de simplemente dejar el sitio actual en favor de otro.

Las páginas de error 404 junto con los enlaces rotos también tienen efectos negativos en el posicionamiento de los buscadores por lo que es bastante razonable actuar en consecuencia para evitar estos errores y aumentar el tráfico del sitio.

Los Bloggers actualizar el contenido de su blog con más frecuencia que otros propietarios de webs normales. Por lo tanto, hay una mayor probabilidad de que tengan vínculos rotos en todo su sitio web.

Para los blogs de WordPress, hay dos tipos de plugins que pueden ser utilizados para hacer frente a esos vínculos:

  1. Plugins que detectar vínculos rotos en su sitio como Verificador de enlaces rotos.
  2. Plugins que gestionan 301 redirige automáticamente como redirección.

También existe la posibilidad de hacer las cosas manualmente para evitar el uso y la instalación de plugins. En este caso, usted puede estar seguro de que tener la capacidad para hacer frente a estos problemas de manera eficiente vale la pena instalar otro plugin.

Si usted usa un plugin o no, le recomiendo revisar su sitio web de vez en cuando para verificar enlaces rotos y errores 404.

Detección y eliminación de URL no válidos a través de Google Webmaster Tools

Hay dos razones de por que las páginas están indexadas en Google a pesar de que no existen en su sitio web:

  1. Usted hizo referencia a un enlace interno nulo por error debido a un error tipográfico. Este es el momento para recomendar un plugin muy simple pero esencial para los autores de post – Plugin Post para evitar errores de este tipo).
  2. Usted publicó una entrada y decidió cambiar su Permalink después (URL de la entrada) después de que Google ya ha indexado el enlace original.

La mejor manera de detectar estos errores es mediante el uso de Herramientas para webmasters de Google. Si no lo ha hecho, registre su sitio allí. Es una herramienta esencial para cualquier persona que ejecuta un sitio web.

Vamos a ver cómo eliminar las direcciones URL mal del índice de Google.

La detección de páginas no válidas que son indexados por Google

Una vez que haya registrado en Google Webmaster Tools hay que verificar su sitio, aquí indicamos el proceso para encontrar páginas no válidas.

1 Haga clic en Diagnósticos en el menú izquierdo y seleccionar los errores de rastreo.

2 Seleccione la categoría no encontrado.

3 Si está disponible, haga clic para ver la página que contiene el vínculo roto.

4 Para asegurarse de que la dirección está indexadas en Google, copiar y pegar la URL en la búsqueda de Google y ver si aparece algún resultado.

Eliminar las URL de los resultados de búsqueda de Google

1 Haga clic en Configuración del sitio, y seleccione rastreo de acceso.

2 Seleccione Eliminar URL.

3 Haga clic en Nueva solicitud de eliminación.

4 Seleccione la primera opción de eliminar por completo una página de resultados de búsqueda de Google.

Seleccione la cuarta opción en caso de que quiera mantener la página en los resultados de búsqueda, pero le gustaría eliminar la versión en caché de la página. Esto es útil en el caso de Google muestra una versión obsoleta de la página en el “caché” vínculo.

5 Haga clic en Siguiente.

6 Escriba la dirección URL de la página que desea eliminar de Google.

7 Asegúrese de que la primera opción está seleccionada y luego haga clic en Añadir.

8 La URL que se retira debe aparecer ahora en la lista. Si lo desea, puede añadir más páginas para su eliminación.

9 Haga clic en Enviar solicitud de eliminación.

Su petición está pendiente en la mayoría de los casos, sólo se tarda de 2 a 3 días para que Google elimine la dirección URL.

10 Haga clic en Configuración del sitio y seleccione rastreo de acceso.

11 Seleccione Eliminar URL.

12 Asegúrese de que la URL solicitada para eliminar no aparece en la lista de solicitudes pendientes.

13 Haga clic en la URL eliminadas para ver que la dirección aparece ahora allí.

Para asegurarse de que la dirección era efectivamente eliminado de Google, copiar y pegar la URL en el cuadro de búsqueda de Google y ver si aparece algún resultado.

Detectar enlaces rotos utilizando Xenu Link Sleuth

Otra excelente herramienta que me gusta utilizar para cazar enlaces rotos en mis sitios web es Xenu Link Sleuth. Puede descargarlo aquí.

A diferencia de los plugins de WordPress se mencionó anteriormente en este artículo, Xenu es una aplicación independiente para Windows que los productos todos sus enlaces de la web de enlaces si son válidas o no válidas, y los agrupa en una forma muy legible.

Eliminar las URL de los resultados de búsqueda de Google

Después de instalar Xenu, usarlo es muy fácil.

1 Haga clic en Archivo y seleccione Comprobar URL.

2 Tipo de su sitio web URL (por ejemplo, http://www.prananet.es/).

3 Espere a que todos los enlaces estén disponibles ya que deben controlarse.

4 Cuando Xenu le pregunta si desea un informe, haga clic en Sí.

Eliminar las URL de los resultados de búsqueda de Google

Usted puede ingresar los datos de su servidor FTP, o simplemente haga clic en Cancelar y Xenu genera un informe de XHTML a nivel local (se abre una ventana de diálogo de forma automática).

En el informe generado, haga clic en enlaces rotos. Ahora solo hay que ordenar por enlace en la tabla de contenido para ver todas las páginas que se han roto los vínculos en ellas (y los vínculos rotos, por supuesto).

Por último, una vez que haya detectado todos los enlaces rotos, lo que queda por hacer es desplazarse a los puestos y las páginas que contengan referencias a enlaces rotos. Usted debe fijar o eliminar esos vínculos.

¿Cuáles son sus propias técnicas y herramientas para encontrar enlaces rotos? ¿Con qué frecuencia búsqueda de su sitio de enlaces rotos? ¿Cuán importante es para eliminar enlaces no válidos, y por qué?

Popularity: 27% [?]

Compártelo:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • Meneame
  • MisterWong
  • MySpace
  • Technorati
  • Twitter

Diseño web, 30 atractivos diseños con mucho estilo.

No hay comentarios 3 Marzo 2010
Dentro de la categoría: Diseño gráfico, Diseño web

Un diseño web es un reflejo de las habilidades y talentos del diseñador que lo realiza en sintonía con la persona que lo pide. A menudo, el diseño web es más difícil de lo que algunos piensan, y por lo tanto, se puede tomar mucho más tiempo hacerlo para crearlo y acabarlo. Esta colección es un buen ejemplo de atractivos diseños web. Esperamos que os gusten.

1. camellie

camellie

2. Fool’s House

Fool's House

3. Ed Peixoto – I create Flavors

Ed Peixoto - I create Flavors

4. COO/COO CORE Graphic

COO/COO CORE Graphic

5. n.design studio

n.design studio

6. Fully Illustrated

Fully Illustrated

7. Attack of the Web

Attack of the Web

8. Ekin Yalgin

Ekin Yalgin

9. Twenty3design

Twenty3design

10. Jirí Šebek

Jirí Šebek

11. Nathan Sanders

Nathan Sanders

12. Getmefast

Getmefast

13. The Design Studio of Mike Precious

The Design Studio of Mike Precious

14. Alexandra Tong

Alexandra Tong

15. Dezinerfolio

Dezinerfolio

16. Trevor Saint

Trevor Saint

17. Aaron Moody

Aaron Moody

18. SpoonGraphics

SpoonGraphics

19. Richard Carpenter

Richard Carpenter

20. Serj Kozlov

Serj Kozlov

21. davorvaneijk

davorvaneijk

22. agiaco

agiaco

23. Maurice Krijtenberg

Maurice Krijtenberg

24. Puppetbrain

Puppetbrain

25. heyIndy.com

heyIndy.com

26. Positive Hype

Positive Hype

27. Archives for Portfolio

Archives for Portfolio

28. ECTOMACHINE

ECTOMACHINE

29. TORRANCE WEB DESIGN

TORRANCE WEB DESIGN

30. gummisig

gummisig

Popularity: 10% [?]

Compártelo:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogosphere News
  • Meneame
  • MisterWong
  • MySpace
  • Technorati
  • Twitter