Prananet, Diseño y Posicionamiento Web

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

bella6 — Mon, 26 Jul 2010 11:07:10 +0000

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

Post de: Prananet Web Alicante

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

Fotografía y Publicidad – Kike Matilla

bella6 — Thu, 24 Jun 2010 07:27:00 +0000

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.

Post de: Prananet Web Alicante

Fotografía y Publicidad – Kike Matilla

Estores y Cortinas, nueva web de Cortinadecor

bella6 — Tue, 22 Jun 2010 16:04:04 +0000

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

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.

Post de: Prananet Web Alicante

Estores y Cortinas, nueva web de Cortinadecor

Diseños web naturales

bella6 — Tue, 08 Jun 2010 08:53:25 +0000

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.

Diseños web usando nubes

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

Silly Poems for Even Sillier Kids!

Diseño web de fotomontajes

Usando fotomontajes también realizaremos diseños web excelentes

Villager Restaurant & Catering

Discover Tennessee Trails & Byways

Utilizando Ilustraciones en nuestras web

The Shark Lab Aquarium and Research Facility

Orange Label Design Studio

Comcast Town

pallygiraffe.com

The Great Bearded Reef

Espe

Post de: Prananet Web Alicante

Diseños web naturales

Enlaces rotos en nuestra web, como encontrarlos y eliminarlos.

bella6 — Wed, 24 Mar 2010 09:53:59 +0000

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:

Plugins que detectar vínculos rotos en su sitio como Verificador de enlaces rotos.
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:

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

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

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é?

Post de: Prananet Web Alicante

Enlaces rotos en nuestra web, como encontrarlos y eliminarlos.

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

bella6 — Wed, 03 Mar 2010 09:48:48 +0000

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

2. Fool’s House

3. Ed Peixoto – I create Flavors

4. COO/COO CORE Graphic

5. n.design studio

6. Fully Illustrated

7. Attack of the Web

8. Ekin Yalgin

9. Twenty3design

10. Jirí Šebek

11. Nathan Sanders

12. Getmefast

13. The Design Studio of Mike Precious

14. Alexandra Tong

15. Dezinerfolio

16. Trevor Saint

17. Aaron Moody

18. SpoonGraphics

19. Richard Carpenter

20. Serj Kozlov

21. davorvaneijk

22. agiaco

23. Maurice Krijtenberg

24. Puppetbrain

25. heyIndy.com

26. Positive Hype

27. Archives for Portfolio

28. ECTOMACHINE

29. TORRANCE WEB DESIGN

30. gummisig

Post de: Prananet Web Alicante

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

Red y Libertad

bella6 — Tue, 12 Jan 2010 11:29:54 +0000

Consideramos imprescindible la retirada de la disposición final primera de la Ley de Economía Sostenible por los siguientes motivos:

1-Viola los derechos constitucionales en los que se ha de basar un estado democrático en especial la presunción de inocencia, libertad de expresión, privacidad, inviolabilidad domiciliaria, tutela judicial efectiva, libertad de mercado, protección de consumidoras y consumidores, entre otros.
2-Genera para la Internet un estado de excepción en el cual la ciudadanía será tratada mediante procedimientos administrativos sumarísimos reservados por la Audiencia Nacional a narcotraficantes y terroristas.
3-Establece un procedimiento punitivo “a la carta” para casos en los que los tribunales ya han manifestado que no constituían delito, implicando incluso la necesidad de modificar al menos 4 leyes, una de ellas orgánica. Esto conlleva un cambio radical en el sistema jurídico y una fuente de inseguridad para el sector de las TIC (Tecnología de la Información y la Comunicación). Recordamos, en este sentido, que el intercambio de conocimiento y cultura en la red es un motor económico importante para salir de la crisis como se ha demostrado ampliamente.
4-Los mecanismos preventivos urgentes de los que dispone la ley y la judicatura son para proteger a toda ciudadanía frente a riesgos tan graves como los que afectan a la salud pública. El gobierno pretende utilizar estos mismos mecanismos de protección global para beneficiar intereses particulares frente a la ciudadanía.
Además la normativa introducirá el concepto de “lucro indirecto”, es decir: a mí me pueden cerrar el blog porque “promociono” a uno que “promociona” a otro que vincula a un tercero que hace negocios presuntamente ilícitos
5-Recordamos que la propiedad intelectual no es un derecho fundamental contrariamente a las declaraciones del Ministro de Justicia, Francisco Caamaño. Lo que es un derecho fundamental es el derecho a la producción literaria y artística.
6-De acuerdo con las declaraciones de la Ministra de Cultura, esta disposición se utilizará exclusivamente para cerrar 200 webs que presuntamente están atentando contra los derechos de autor. Entendemos que si éste es el objetivo de la disposición, no es necesaria, ya que con la legislación actual existen procedimientos que permiten actuar contra webs, incluso con medidas cautelares, cuando presuntamente se esté incumpliendo la legalidad. Por lo que no queda sino recelar de las verdaderas intenciones que la motivan ya que lo único que añade a la legislación actual es el hecho de dejar la ciudadanía en una situación de grave indefensión jurídica en el entorno digital.
7-Finalmente consideramos que la propuesta del gobierno no sólo es un despilfarro de recursos sino que será absolutamente ineficaz en sus presuntos propósitos y deja patente la absoluta incapacidad por parte del ejecutivo de entender los tiempos y motores de la Era Digital.

La disposición es una concesión más a la vieja industria del entretenimiento en detrimento de los derechos fundamentales de la ciudadanía en la era digital.

La ciudadanía no puede permitir de ninguna manera que sigan los intentos de vulnerar derechos fundamentales de las personas, sin la debida tutela judicial efectiva, para proteger derechos de menor rango como la propiedad intelectual. Dicha circunstancia ya fue aclarada con el dictado de inconstitucionalidad de la ley Corcuera (o “ley de la patada en la puerta”). El Manifiesto en defensa de los derechos fundamentales en Internet, respaldado por más de 200 000 personas, ya avanzó la reacción y demandas de la ciudadanía antes la perspectiva inaceptable del gobierno.

Para impulsar un definitivo cambio de rumbo y coordinar una respuesta conjunta, el 9 de enero se ha constituido la “Red SOStenible” una plataforma representativa de todos los sectores sociedad civil afectados. El objetivo es iniciar una ofensiva para garantizar una regulación del entorno digital que permita expresar todo el potencial de la Red y de la creación cultural respetando las libertades fundamentales.

En este sentido, reconocemos como referencia para el desarrollo de la era digital, la Carta para la innovación, la creatividad y el acceso al conocimiento, un documento de síntesis elaborado por más de 100 expertos de 20 países que recoge los principios legales fundamentales que deben inspirar este nuevo horizonte.

En particular, consideramos que en estos momentos es especialmente urgentes la implementación por parte de gobiernos e instituciones competentes, de los siguientes aspectos recogidos en la Carta:

1-Los artistas como todos los trabajadores tienen que poder vivir de su trabajo (referencia punto 2 “Demandas legales“, párrafo B. “Estímulo de la creatividad y la innovación”, de la Carta);
2-La sociedad necesita para su desarrollo de una red abierta y libre (referencia punto 2 “Demandas legales“, párrafo D, “Acceso a las infraestructuras tecnológicas”, de la Carta);
3-El derecho a cita y el derecho a compartir tienen que ser potenciado y no limitado como fundamento de toda posibilidad de información y constitutivo de todo conocimiento (referencia punto 2 “Demandas legales“, párrafo A, “Derechos en un contexto digital”, de la Carta);
4-La ciudadanía debe poder disfrutar libremente de los derechos exclusivos de los bienes públicos que se pagan con su dinero, con el dinero publico (referencia punto 2 “Demandas legales“, párrafo C, “Conocimiento común y dominio público”, de la Carta);
5-Consideramos necesaria una reforma en profundidad del sistema de las entidades de gestión y la abolición del canon digital (referencia punto 2 “Demandas legales“, párrafo B, “Estímulo de la creatividad y la innovación”, de la Carta).

Por todo ello hoy se inicia la campaña INTERNET NO SERA OTRA TELE y se llevarán a cabo diversas acciones ciudadanas durante todo el periodo de la presidencia española de la UE.

Consideramos particularmente importantes en el calendario de la presidencia de turno española el II Congreso de Economía de la Cultura (29 y 30 de marzo en Barcelona), Reunión Informal de ministros de Cultura (30 y 31 de marzo en Barcelona) y la reunión de ministros de Telecomunicaciones (18 a 20 de abril en Granada).

La Red tiene previsto reunirse con representantes nacionales e internacionales de partidos políticos, representantes de la cultura y delegaciones diplomáticas.

Firmado
Red SOStenible

La Red SOStenible somos todos. Si quieres adherirte a este texto, cópialo, blogguéalo, difúndelo.

Post de: Prananet Web Alicante

Red y Libertad

Diseños con Humo

bella6 — Tue, 05 Jan 2010 09:14:46 +0000

Os presentamos esta colección de Diseños con Humo, realizados por varios artistas estos diseños pueden dar ideas para añadir a nuestras composiciones.

10 magníficos tutoriales de photoshop

bella6 — Tue, 29 Dec 2009 09:21:22 +0000

Os dejamos estos 10 increíbles tutoriales para crear efectos con photoshop. Esperamos que les gusten y que para ir acabando el año vayamos practicando o aumentando los conocimientos de diseño gráfico con photoshop.

1. Salpicaduras de pintura en una cara.

Utilice herramientas diversas como la herramienta de clonación para eliminar los rasgos faciales y la herramienta Pincel para crear una salpicadura realista combinada con técnicas de mezcla profesional para moldear las salpicaduras de pintura sobre una cara.

2. Crear un texto 3D en una fotografía.

Aprende a combinar el arte vectorial con pixel art en este tutorial excelente. Hay que usar varios modos de fusión y las técnicas de manipulación para conseguir hacer un plano en 3D.

3. Manipular humo para hacer que parezca una fotografía real.

Aprender a aplicar la herramienta Warp (así como algunos trucos de otros) para manipular el humo real para que aparezca un cráneo.

4. Combinar varias fotografías para realizar una foto surrealista.

Utilice el color y los saltos de los niveles para cambiar la sensación general de una fotografía. Seleccione las áreas de fotos de archivo con la herramienta Lazo magnético o de una máscara rápida para fusionarlos en su composición.

5. Diseñar una radio de los años 20.

La misma técnica también puede ser utilizada para producir otros iconos tales como amplificadores de guitarra y televisores.

6. Crear un poster Retro con Photoshop

Aprende a combinar el arte vectorial con píxeles, añadir textura para limpiar obras de arte, y jugar con los modos de fusión.

7. Crear una perspectiva funky con volumen.

La manipulación de uso profesional y técnicas de edición con varias fotos, para hacer una bella composición. Utilice la herramienta Deformar para cambiar ángulos y formas para hacer que encajen exactamente cómo desea que queden en su composición.

8. Crear una escena espacial.

Siga este tutorial y el trabajo con las texturas, los niveles y estilos de capa para crear una escena increíblemente realista.

9. Crear un Efecto de luz.

Con las herramientas de ajuste de imagen como los niveles, las curvas y la tonalidad / nivel de saturación podrás crear un impresionante efecto de luz vibrante.

10. Crear un efecto de cámara super-lenta

Crearás con este tutorial el efecto de una bala a cámara lenta.

Post de: Prananet Web Alicante

10 magníficos tutoriales de photoshop

Colección de Wallpapers de Estilo Retro

bella6 — Thu, 24 Dec 2009 10:53:54 +0000

Os dejamos una colección de Wallpapers de Estilo Retro, esta colección es de varios diseñadores famosos de la web, que quieren compartir sus diseños con todos nosotros.

Aprovechamos para desearos unas Felices Fiestas Navideñas y que entremos todos en el año Nuevo con Renovado espíritu para mejorar e intentar hacer mejor las cosas.