Crear gráficos de barras y lineas en Dreamweaver

X-Graph Generador de Gráficos

X-Graph Generador de Gráficos

Bueno se que muchos al ver el titulo del post dirán porque crear gráficos en Dreamweaver teniendo la herramienta de Google API Chart totalmente gratis, pero bueno considero que hay que darle gusto a todos los tipos de usuarios ademas me he encontrado recientemente con programadores que no apoyan los desarrollos basados en APIs externos, por lo tanto esta sera una buena opción para que el trabajo de generar los gráficos sea enteramente echo por tu sistema.

Aunque personalmente recomiendo mas la alternativa de Google, finalmente ustedes son los que deciden cual es la mejor. xD [Read more...]

Paginar resultados MySQL con PHP en Dreamweaver

FX Record Set Navigator

FX Record Set Navigator

Paginar los resultados de una consulta mysql es algo un poco aburrido y un poco engorroso ya que hay que hacer una serie de cálculos que aunque son simples resultan un poco tediosos, sin embargo actualmente uso una extencion de dreamweaver que me ha facilitado muchísimo el trabajo, se llama FX RecordSet Navigator, y como su nombre lo indica crea menus de navegacion o paginadores para los juegos de registros de Dreamweaver.

Lamentablemente su sencillez radica en algo que puede generar un problema, es que la extencion es dependiente de los juegos de registro de dreamweaver, así que si eres de las personas que construyen sus propios juegos de registros tal vez no puedas usar la extencion. [Read more...]

HTML5 y CSS3 en la batalla de los navegadores

La batalla de los navegadores ahora esta centrada en HTML5 y css3, buscando quien da soporte mas rápidamente a este nuevo lenguaje de marcas, lo bueno de esta competencia es que todos los fabricantes que compiten ponen a disposición de los developers una gran cantidad de código, ejemplos, funcionalidad y documentación para que se actualicen rápidamente ponerse al día de la ultima versión de HTML.

Error de apple en HTML5

Error de apple en HTML5

Primero fue apple quien creo un centro de desarrollo para html5 en su sitio web, diciendo que buscaban estandarizar el uso de HTML5 e impulsar su desarrollo, aunque como sabemos apple es igual que microsoft, no entienden el significado de la palabra estándar, ejemplo de esto es que para acceder a los demos del sitio debes usar el navegador web safari, aun si tu navegador actual (chrome, firefox, opera, etc) soporta html5 deberás instalar safari para ver los demos del sitio de desarrollo HTML5 de apple.

Esto podría interpretarse como una campaña psicológica sucia por parte de apple que buscaría crear la imagen de que ellos son el estándar de HTML5 y todo lo demás no funciona. Recordemos que la W3C es quien debe dictar estos estándares y los fabricantes solo deben apegarse a ellos, aunque a algunos (adobe, apple y microsoft) no lo hagan.

Ahora Google, la compañía que sabe hacer las cosas al derecho, ahora también a publicado su sitio para developers de HTML5 y CSS3, su nombre, HTML5 Rocks, es muy sencillo y minimista y tiene una presentación muy interesante que te llevara por el recorrido de HTML y las especificaciones y herramientas del nuevo HTML5.

HTML5 apple demos

HTML5 apple demos

Existe una tabla comparativa de las propiedades de HTML5 que ya han sido adoptadas por los navegadores, esta tabla esta echa en HTML5 así que te recomendamos verla en un navegador que tenga la mayor cantidad de soportes (que ironico verdad?) http://html5readiness.com/

Como se ve en la tabla safari solo supera a chrome en transformaciones 3D, y chrome supera a safari en geo localizacion. Este para mi si es un fail de Google, es verdad que su google maps no lo iguala nadie pero la herramienta de Geo localizacion frente a la de transformación 3D, mmmmm, yo prefiero el 3D.

Entre las cosas mas interesantes que encontré de HTML5 están la capacidad de utilizar elementos emergentes de escritorio y la posibilidad de usar y manipular fuentes no seguras, aunque esta es una propiedad de CSS3.

Infografia del nuevo HTML5

Infografia del nuevo HTML5

Te recomiendo mucho que revises esta imagen donde no solo se explica que es HTML5 sino que hace una anlisis del actual soporte de los navegadores sino que también informa sobre el soporte con la que vendrán las nuevas versiones, increíblemente Firefox 4.0 aparentemente tomara la delantera y como siempre microsoft Internet Explorer quedara resagado pero probablemente siga siendo el mas usado.

También muestra la comparativa entre HTML5 y Flash, otra de las cosas que se vienen con HTML5 y donde adobe, aun sin tener navegador propio tendrá mucho que ver al tener que pensar que va a hacer con Flash y Dreamweaver en sus futuras ediciones dela creative suite. ¿Dara que Adobe CS6 ya traerá soporte HTML5 incorporado en Dreamweaver?.

Visita el sitio de desarrollo HTML5 de apple: http://www.apple.com/html5/

Visita el sitio de desarrollo HTML5 de Google: http://www.html5rocks.com/

Recuerden que en el Campus Party se van a dedicar varias conferencia y talleres para hablar de HTML5 y CSS3.

HTML5 Rocks de Google

HTML5 Rocks de Google

Adobe CS3 para Mac

La suite CS3 de Adobe es la plataforma de herramientas mas completas para los diseñadores, publicistas, fotógrafos, ilustradores y desarrolladores web que existe, sin embargo, en algunas ocasiones resulta complicado conseguirla para nuestra Mac, es por eso que buscamos el mejor torrent y lo pones a disposición de ustedes, para que no tengan que ir hasta el sillicon valley local para comprar uno.

Adobe CS3 para Mac

Adobe CS3 para Mac

Estaremos publicando tutoriales de este suite con el tiempo, sin embargo puedes ayudarnos enviando los enlaces a los tutoriales a travez del sistema de comentarios. También puedes consultar los vídeos de Adobe en su web oficial donde podrás hacerte una idea de la potencia de la Suite Adobe CS3 para Mac, o Googlear un poco en busca de información.

Si no sabes como descargar los archivos .torrent puedes ir a la pagina que dedicamos a bit torrent (excelente cliente de torrentz) y ver el video tutorial que se ha publicado sobre como utilizarlo.

http://tupale.com/descarga-bit-torrent-v6-4-y-torrenteate-tupale.html

El paquete de Adobe CS3 para Mac incluye:

  1. Adobe Flash CS3 Mac
  2. PHOTOSHOP CS3 EXTENDED Mac
  3. DREAMWEAVER CS3 Mac
  4. FIREWORKS CS3 Mac
  5. ILUSTRATOR CS3 Mac
  6. InDesign CS3 Mac
  7. Entre otros

Para descargar Adobe CS3 para mac solo debes dar click aqui:
Adobe_CS3_Design_Premium_OSX

Como hacer Stencil con fireworks 8

Este fue uno de los primeros video tutoriales que hice hace ya mucho tiempo, sin embargo aun es muy util para las personas que desean aprender a hacer Stencil. No es un proceso complicado pero si no tienes idea de manejo de software de diseño como Macromedia Freworks 8 (Ahora Adobe Fireworks CS3, CS4 o CS5) este video tutorial te dará una guía muy sensilla para que puedas hacer tu stencil sin ningún problema.

Las herramientas que necesitas son simplemente:

  1. Macromedia Fireworks 8 o Adobe Fireworks CSx.
  2. Acetato o radiografía.
  3. Bisturí (preferiblemente punta de lanza.
http://video.google.com/videoplay?docid=7408580533568682553

Como se explica en el video, luego de imprimir tu stencil sobre un acetato o una radiografía solo debes recortarlo con el bisturí punta de lanza y hacer la prueba en cualquier superficie.

Como ven, hacer stencil con Fireworks 8 o superior es realmente sencillo.

Sin no tienes Adobe Fireworks puedes descargarlo desde aqui.
Adobe CS4 Master Collection con Crack

Adobe CS4 Master Collection con Crack

Este es un post importantisimo para los diseñadores graficos, desarrolladores de codigo, fotografos, diseñadores web, printers, etc, etc, etc, en fin todo el que usa las herramientas de las Creative Suite de Adobe para algo.

Adobe CS4

Adobe CS4

Se trata de la Creative Suite 4 de Adobe (Adobe CS4) completa con el crack y un tutorial sobre como usar el crack, si estan acostumbrados a CS3 o peor aun a CS2 cuando vean CS4 van a quedar sorprendidos en especial los usuarios de Flash, Fireworks, DreamWeaver y Photoshop ya que para ellos se generaron las principales mejoras.

Desde hace un par de meses me mude de Adobe Creative Suite 3 a las Creative Suite 4 y estoy feliz, entre otras cosas este sitio web (tupale.com) es posible gracias a herramientas de Dreamweaver y Fireworks CS4.

Aqui hablare de las caracteristicas de algunos de los software de la Suite CS4 que yo mas uso, de las que puedo hablar con sierta seguridad y publico tambien algunos screenshots. Proximamente publicare algunos tutoriales.

Adobe DreamWeaver CS4

DreamWeaver CS4

DreamWeaver CS4

Para comenzar la interfaz, aunque esto ya viene desde CS3 donde Adobe se dio cuenta que los usuarios odian las estupidas ventanas flotantes, en CS4 puedes reducir aun mas el espacio que ocupan las barras de herramientas y las ventanas de los paneles laterales, llegando a solo iconos.
Tiene una barra llamada barra Spry donde puedes insertar muchos elementos ·prefabricados” que no son mas que buenas herramientas AJAX, es como tener un jQuery en tu Dreamweaver con el que puedes crear, pestañas, acordeones, transiciones, juegos de datos,  etc.
Tambien dispone de mejoran en la parte de administracion de bases de datos y sitios dinamicos, trae nuevos comportamientos que puedes usar de maneras muy sensillas y dinamicas.

Otra de las grandes mejoras se hizo en la parte del visor de navegación, aquella herramienta que nos permite ver nuestro código ejecutándose en un navegador sin salir de dreamweaver, ahora soporta AJAX y javascripts sin problemas, ademas de los tradicionales PHP y Flash.
También es importante y casi se me olvida, es que ahora en el panel de propiedades van a encontrar de manera separa las acciones que se aplican al formato en HTML y CSS dando preferencia al CSS, así que si eres usuario de CSS te va a ir muy bien y si no es la mejor oportunidad para aprender.

Adobe Fireworks CS4

Fireworks CS4

Fireworks CS4

La principal mejora según adobe (y estoy de acuerdo)  es la corrección de la critica fuga en ram de este software, en versiones anteriores después de trabajar durante un tiempo de manera seguida en este programa comenzaba a ralentizar el equipo e incluso podía cerrarse Adobe Fireworks, esto se debía a que Fireworks no limpiaba eficientemente la memoria RAM de los datos que utilizaba pero en la nueva versión CS4 parece estar solucionado el inconveniente.
Por otro lado los estilos se dividen en categorías y hay una nueva cantidad de estilos para escoger, nuevas auto formas y activos que te pueden ser útiles, dentro de ellos encontré una que se llama “inspirar” que genera un gráfico vectorial aleatorio muy interesante para desarrollar artes, fondos fractales, etc.
Una cosa que no me gusto tanto es que ya no puedes aplicar estilos a las auto formas sin antes des agruparlas, el problema es que cuando des agrupas pierden sus propiedades de formas inteligentes.

Flash CS4

Flash CS4

Flash CS4

Este programa es una nueva ciencia, me parece que esta muy desligado de las versiones anteriores de Flash y que es un mundo nuevo para el usuario promedio de Flash CS3 o anteriores.
Primero que todo, aunque da soporte para Action Script 2 no es igual la cantidad de herramientas nuevas disponibles solo para Action Script 3 hace que uno se sienta perdido.
Pero por otro lado la herramienta de huesos es bastante interesante para hacer animación de personajes u objetos con características un poco mas reales.
Te da un mayor soporte 3D ya que desde Flash player 10 el mismo reproductor incluyo soporte para gráficos 3D y no requiere de plugins como en las versiones anteriores.
La verdad no tengo mucho que decir sobre Flash CS4 ya que actualmente en la mayoría de los casos sigo usando el CS3.
Importante, la interfaz sigue siendo la misma, pero cambiaron todo de posición jejejej.

Ya que te leíste o te saltaste todo el contenido descargate Adobe-Master-Collection-CS4.

Con el fin de cumplir con las politicas de Google para editores, todo el contenido protegido por leyes de derechos de autor ha sido eliminado de tupale.com.