Posts Tagged ‘ diseño web avanzado ’

Nuevo micrositio 3D, MSI big bang fuzion 3d


Nueva web interactiva 3D, big bang fuzion MSI

Nuevo micrositio con contenido 3D interactivo totalmente funcional para web

link a la web MSI big bang fuzion 3D interactiva

msi big bang fuzion 3d interactivo realida virtual

En este caso se muestra la cantidad de información visual que se presenta en una pequeña porción del total un sitio, en incluso la forma en que esta información es presentada, ideal para marketing de productos físicos, da la sensación de llevar el producto, desde la fabrica directo a la mano del consumidor, vía web, lo mas cercano a meter la mano en la pantalla y retirar una bebida.

Como puede funcionar la web 3d y la realidad virtual, para el marketing de productos?

Altamente efectivo para marketing de productos físicos, donde la presencia del producto hace la diferencia a la hora de la compra, piense que mientras mas grande sea la escena, la apreciación del producto es aun mayor, y presenta un plus importante, todas estas sensaciones se dan en la comodidad de la casa, de ahí al impulso de compra existe medio metro, en este caso se trata de un motherboard dirigido a un público muy específico, la MSI big bang fuzion, la cual entre otras cosas, puede montar dos placas de video de diferentes fabricantes para destinarlas a procesos diferentes a nivel hardware, a pesar de ello y su elevado costo, se requiere que el comprador sostenga en sus manos el equipo para poder definir la compra.

Detalles técnicos:

La forma de navegación, incluye arrastra y soltar para los dos clicks y contempla el uso de las teclas de dirección del teclado, y presenta carga-descarga interactiva de objetos

Si hasta acá era poco, todavía queda más.

al momento de publicarlo, uno de los puntos críticos era la cantidad de polígonos en pantalla, los cuales consumían memoria a una progresión geométrica, no es nunca un cuello de botella en la maquina que se produce, pero si lo es las maquinas que reproducen la escena, en este caso se cuido de llegar a no pasar los 64mb usando un ancho de 960px y 450px de alto, teniendo bajo la manga, un Hack para abrir memoria hasta los 96 y 128 mb, pero a la mitad de la producción llego una actualización que entre otras cosas empuja ese limite hasta los 512 mb, nada mal, teniendo en cuenta la cantidad de potencia promedio de los navegantes actuales, de modo que ahora se puede tener gran cantidad de objetos en una ventana capaz de presentarse a pantalla completa a resolución total.

el resto de la página se completa con una plantilla css líquida y  elementos ajax para presentar la información escrita en el menor espacio posible y un módulo de contacto ajax, altamente interactivo.

Ideal para marketing

Arquitectura

Ingeniería

Productos y elementos físicos

link a la web MSI big bang fuzion 3D interactiva

Anuncios

Fotografia publicitaria con 3D


Fotografia publicitaria en 3D

ideal para productos no impresos, diseñados o fabricados aún, ideal para testeos  en publico o presentaciones de negocios.

Que puedo hacer con las imagenes 3D fotorrealistas en publicidad?

con las imagenes  3D usted podrá simular cualquier producto, envase, vehiculos, y hasta edficios y medio ambientes, pero mejor aún, dejemos hablar a las imágenes:

Sigue leyendo

Mejores diseños para seo


HTML es un estándar propuesto por el Consorcio W3C, y se pretende conseguir que todos los documentos web sean compatibles en cualquier navegador (no solamente en ordenadores, sino también en cualquier dispositivo).

CSS son las siglas de “Cascade StyleSheet”, y especifica la forma del diseño de los documentos. Una misma página web (un mismo documento HTML, por ejemplo) puede ser vista de diferente forma en un PC que un PDA, gracias a diferentes hojas de estilo CSS.

Sigue leyendo

78 efectos y scripts ajax


A la hora de crear aplicaciones con estilo es muy aconsejable usar Ajax para las peticiones al servidor, con la que crearemos mas interactividad y funcionalidad para el usuario. Como ejemplo tenemos al cliente de correo GMAIL, que utiliza Ajax, siendo muchisimo más rapido que sus competidores como Hotmail, que a mi parecer, esta anticuado. La definición de Ajax es la siguiente: “AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.” Wikipedia A veces tenemos que recurrir a scripts ya creados por otros usuarios para realizar una tarea específica y así centrarnos en otras tareas. Por eso hay recopilaciones que nos pueden ayudar muchisimo, como es la que nos presenta delimitdesign.com, en el que encontraremos script referentes a: * Autocompletar * “Edit in place” * Menu Tabs * Menu Arbol * Calendarios * Sistema de Rating * Sistema de Estadisticas * Paginación * Formularios de Login * Imagen con Precarga * Tooltips * Web Controls * Mensajes con transparencia * ComboBox Anidados * etc….. Como veis es una recopilación de lo más variado que podremos usar para incluir algún script en nuestros proyectos. Enlace: delimitdesign.com – 80 ajax solutions that are usefull and innovative

1. AJAX AutoSuggest

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

Instant Editor Scripts

6. AJAX inline text edit 2.0

7. AJAX & CSS Flickr-like Editing Fields

8. AJAX Instant Edit

Tab and Menu Scripts

9. 14 Tab-Based Interface Techniques

10. AJAX Accordion Navigation

11. AJAX Dialogs, Menus, Grids, Trees and Views

12. AJAX Tab Module – Closeable Implementation

13. Ajax Tabs Content

14. MooTabs – Tiny tab class for MooTools

15. Dynamically loaded articles

Calendar/Datetime Scripts

16. AJAX Datetime Toolbocks – Intuitive Date Input Selection

17. AJAX Calendars

Interactive Elements Scripts

18. AJAX Floating Windows

19. AJAX Star Rating Bar

20. Ajax poller

Developer’s Suite Scripts

21. AJAX HistoryManager, Pagination

22. AJAX Login System Demo

23. AJAX image preloader

24. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com

25. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine

26. AJAX Web Controls

27. AJAX syntaxhighlighter

28. Transparent Message

29. ModalBox — An easy way to create popups and wizards

30. Chained select boxes

31. Fly to basket

32. AJAX Key Events Signal

33. Disable form submit on enter keypress

Enhanced Solutions

34. AJAX Instant Completion

35. Novemberborn: Event Cache

36. Altering CSS Class Attributes with JavaScript

37. Select Some Checkboxes JavaScript Function

38. AJAX Emprise Charts

39. amCharts: customizable flash Pie & Donut chart

40. PJ Hyett : The Lightbox Effect without Lightbox

Forms

41. AJAX Upload Form

42. An AJAX contact form

43. AJAX contact form

44. Ajax.Form

45. Ajax form validation

46. Really easy field validation

47. AJAX fValidate

48. Ajax newsletter form

49. wForms

Tables and Grids

50. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine

51. Grid3 Example

52. AJAX Table Sort Script (revisited)

53. AJAX Sortable Tables

54. AJAX TableKit

Showcases, Galleries, and Lightbox Scripts

55. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine

56. AJAX LightBox, Sexy Box, Thick Box

57. AJAX Lightbox JS

58. AJAX Unobtrusive Popup – GreyBox

59. SmoothGallery: Mootools Mojo for Images | Full gallery

60. AJAX Libraries and Frameworks

Animation and Visual Effects Scripts

61. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS

62. How to Create a Collapsible DIV with Javascript and CSS

63. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS

64. AJAX Shopcart

65. Draggable content

66. Dragable RSS boxes

67. AJAX Pull Down Effect

68. AJAX Animation Effects

69. Combination Effects in scriptaculous wiki

70. AJAX Motion Transition

Useful Javascript Scripts

71. 9 Javascript(s) you better not miss!

72. Top 10 custom JavaScript functions of all time

73. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail

74. JavaScript: Top 10 Most Useful JavaScripts

75. My Favorite Javascripts for Designers: Blakems.com ?

More Resources and Galleries

76. Max Kiesler – mHub : Ajax and rails examples & how-to’s

77. Ajax Resources

78. DZone Snippets: Store, sort and share source code, with tag goodness

si te gusto comentame en:

mandame a Menéame


mandame a Fresqui


mandame a Twitter

Esquemas de colores para diseño grafico


los mejores sitios con muestras de esquemas de colores

Esquemas de colores A la hora de diseñar un sitio siempre aparecen problemas cuando tenemos que elegir los colores y sus combinaciones. Para hacernos la vida más sencilla existen sitios con las combinaciones de colores posibles, en algunos inclusive los usuarios votan por las combinaciones que les resultan mas agradables o están mas a la moda. Les dejo la lista de sitios con esquemas de colores en línea.

http://colorcell.uneven.org/index2.php juego de paletas de 4 colores

4096 Color Wheel, rueda interactiva de paletas de colores 7 colores, este es el que mas me gusto, tiene muestras de colores real, safe web color, y smart color, todos mostrados con su respectiva muestra y codigo hexadecimal

infohund, creador de paletas a 5 colores

500 color name 500+ Colours This page lists over 500 colours by colour name, Hex value, RGB value and Microsoft Access code number.

Colourlovers.com: Muy interesante, los usuarios votan por las mejores paletas.

Kuler: Similar al anterior, el sitio pertenece a la empresa Adobe. *

Colorcombos.com: Mucho más básico que los anteriores, no obstante tiene combinaciones y paletas de colores que me parecen muy buenas.

Top Colors: Este es un ranking de los mejores, me gusta mucho mas los de arriba pero no esta mal.

Colorburn: Este funciona a modo de competencia, entre todos los esquemas de colores enviados se eligen los mejores.

template PHP HTML/CSS. REDUX


Proyecto tras proyecto, prueba tras prueba, siempre volvemos a escribir el mismo código una y otra vez.

El diseñador Phil Thompson ha liberado REDUX que es un simple y pero utilísimo template PHP HTML/CSS.

Este consta de :

  • una página HTML básica con el patrón de diseño MVC o Model View Controller(mi patrón de diseño favorito);
  • una cabecera o header HTML que se incluye como /templates/header.php;
  • un pie de página o footer HTML que se incluye como /templates/footer.php;
  • y un simple template para la clase  /class/template.class.php.

Acorta los tiempo pruebas, de desarrollo y evita tener que volver a escribir el mismo código una y otra vez con REDUX, simple, pequeño pero poderoso.

Visita : REDUX

Vía: CSS GLOBE

framework php, kumbia


Kumbia PHP Framework es una excelente y potente herramienta de desarrollo open source.

Este está escrito en PHP5 y con el objetivo de lograr “velocidad y eficiencia en la creación y mantenimiento de aplicaciones web, reemplazando tareas de codificación repetitivas por poder, control y placer”.

La verdad es que estoy impresionado, descubrí Kumbia ayer gracias a mi socio y amigo Pablo Vera del blog Adictos a la Red. Y es que esta herramienta de desarrollo presenta un conjunto de características que lo hace una opción más que interesante.

Características principales:

  • integra las bibliotecas: prototypejs, phpMailer, Smarty, FPDF y Script.aculo.us;
  • utiliza un modelo de objetos y el patrón de diseño MVC;
  • posee un sistema de plantillas;
  • permite la generación de formularios;
  • soporte para Ajax;
  • componentes gráficos;
  • y manejo de cache entre otras.

Toda la documentación está en español y disponible en distintos formatos (todo un lujo).

Kumbia PHP Framework una opción excelente, potente y fácil de implementar.

Blog: www.kumbiaphp.com/blog