RSS Feeds

31.12.10

Feliz navidad y año nuevo



El 2011 esta en puerta y con el vienen nuevos proyectos y cambios, este año ha sido estupendo, hay muchos proyectos en puerta y un refrescamiento de imagen del blog y el concepto Criogenia.

Hay muchas más cosas que quisiera compartirles pero será poco a poco en el transcurso de este año nuevo, no me queda más que desearles una muy hermosa noche de fin de año con sus familias y amigos, que este 2011 todos los días sean llenos de alegría y emociones nuevas.

A mis lectores y amigos, reciban muchas bendiciones.

!Feliz Año Nuevo 2011¡
Carlos Maldonado.

7.12.10

Acentos y caracteres del español en PHP y MySQL

Cuando programamos en PHP y por consecuente en MySQL es común que se nos pase por alto el tipo de codificación de caracteres que se utiliza para guardar simbolos, acentos, o caracteres propios de nuestro lenguaje español, lo que da por resultado que al guardar la información en la base de datos o mostrarla en pantalla con PHP se interprete con un juego de caracteres que no corresponde al adecuado y muestra símbolos extraños en lugar de los acentos o ñ's, para solucionar esto basta con colocar en el inicio de nuestro documento PHP la siguiente línea dentro del <head>:

<meta http-equiv="Content-Type" content="text/html; charset=iso8859-1" />

Con eso los acentos y caracteres del español se ven correctamente en la página y también se guardan bien en la base de datos.

12.11.10

Render Rápido con Global Illumination en Cinema 4D



El nombre del post lo dice todo, si quieren acelerar un poco más la velocidad de render de su escena con Iluminación Global, solo tienen que ajustar los parametros del efecto en la pestaña Irradiance Cache, disminuir a Low el valor de Record Density y aumentar los valores de Stochastic Samples y Smoothing.

Hice un ejemplo con una escena sencilla y con los valores por defecto el render tardó unos 23 Seg. Cambiando los valores de las opciones mencionadas el segundo render tardó 11 Seg. Vaya, más del 50% es una ganancia altamente considerable no?.

Espero tener un tiempo extra para complementar esta info graficamente para dejarlo más claro, ya que la universidad y el trabajo no dejan mucho tiempo libre para blogear. - Ya hubo tiempo y aquí les dejo la versión gráfica. -

Saludos y espero que les sirva.

10.9.10

Comparativa reproductores de video en HTML5

Buscando información acerca de las nuevas etiquetas de HTML5 me topé con esta lista comparativa de reproductores de video en esta nueva y controversial actualización de este lenguaje, la mayoría utilizan jQuery como librería y hacen una revisión a fondo sobre sus recursos y limitaciones.

El video que usan como ejemplo es algo desagradable pero creo que no es el objeto de este listado, guaarrg!

Comparativa Reproductores Video HTML5

Ya entrados en el tema les dejo también este enlace donde muestran las bondades de HTML5, presentadas nada más ni nada menos que por Apple, transiciones, tipografía, video, galerías y entornos 360, simplemente genial.

Apple HTML5 Examples.

18.8.10

W3Schools - Aprende a usar HTML, PHP, CSS, y más online

W3Schools es un sitio donde existe una enorme cantidad de información que puede servirnos de referencia a la hora de desarrollar un sitio web, con cientos de ejemplos perfectamente categorizados podemos pasar un largo rato practicando los tutoriales y consultando las listas de referencias de uso para las funciones y métodos de cada lenguaje, entre ellos podemos encontrar HTML, CSS, AJAX, PHP, ASP, SQL, JAVASCRIPT, XML y muchos más.

Definitivamente es una enorme fuente de aprendizaje y es de lo más estructurado que he visto hasta ahora.

W3Schools

17.8.10

MockFlow - Para diseñar esquemas de sitios web

Como diseñador web en la oficina a veces tenemos que bocetar a mano los mockups o borradores de los sitios web que realizamos, en lo personal prefiero trabajar directamente en la pc y para los que compartan conmigo este gusto les presento MockFlow.

En pocas palabras este programa/servicio (lo digo así pues tiene versión en línea y de escritorio), permite crear borradores de la estructura para nuestro futuro sitio web, cuenta con una gran variedad de componentes como cajas de texto, parrafos, menús horizontales y verticales, botones, cuadros de dialogo, elementos de formularios, etc, para bosquejar nuestro diseño, además de poder trabajar en equipo, a distancia y en tiempo real en un mismo diseño con la versión online.

Para armar tu estructura basta con solo arrastar y soltar, lo demás es cuestión de acomodar los elementos a tu gusto, una funcionalidad que en lo personal me llamó mucho la atención es la posibilidad de diseñar gráficamente tu layout y exportarlo a CSS sin programar una sola línea de código, o como imágen o a PDF, así sin más con un solo clic, además puedes exportar tu mapa de navegación organizado jerárquicamente para el sitio completo en caso de que tengas varias páginas dentro del proyecto.

Para la versión en línea hay que pagar una cuota si se quiere utilizar sin restricciones, para la versión de escritorio solo hay que descargarlo, es gratuito.


Requiere tener instalado Adobe Air.

Les dejo los enlaces:
MockFlow Online
MockFlow Desktop

Espero que les sirva.

13.8.10

Facebook: FBML para personalizar nuestra fanpage



Buscando info sobre como customizar o modificar las páginas de facebook me encontré este artículo en el blog de Miguel Manchego donde nos enseña como cargar contenido flash dentro de las páginas o pestañas del face con FBML, sin mas que decir les dejo el link:

Facebook: FBML para personalizar nuestra fanpage

5.8.10

Generador de Bordes Redondeados en CSS

El otro día me pidieron realizar un layout con bordes redondeados sin utilizar los conocidos hacks con imagenes y hojas de estilo o sea con CSS puro y duro, asi nomas, buscando en la red encontre este generador que hace exactamente lo que buscaba, bordes redondeados puramente con CSS y nada más, espero que les sirva igual que a mi.

Les dejo el Link

27.7.10

Generador de Formularios Online WYSIWYG

Les comparto este creador de formularios online que a mi paracer está buenisimo, es WYSIWYG osea lo que ves en pantalla es lo que obtienes, es gratuito y muy práctico, arrastra, suelta y edita tus formularios para tu pagina web en minutos.

Ir a la aplicación JotForm

7.4.10

Cuando tu disco duro piede el formato - recuperar archivos de tu disco duro


Hoy pasé por un momento desagradable cuando al conectar mi disco duro portatil me apareció el mensaje macabro "El disco no tiene formato, desea darle formato ahora?", este mensaje aparece por que a veces se daña el sector de arranque (Boot Sector) de la unidad y cuando esto pasa, si no tienes ni idea de que es el sector de arranque y que puedes recuperarlo das por perdidos tus archivos y toda una vida de documentos que habían en el disco duro, como dije, esto se puede recuperar y para eso está este conjunto de herramientas recopilado llamado Hiren's Boot CD, a todo esto yo use la versión 10.3 la cual puedes descargar gratuitamente.

Esta recopilación trae una cantidad impresionante de aplicaciones que pueden sacarte de enormes apuros con respecto a tu sistema y fallos en el mismo.

A manera de tutorial les comparto los pasos que seguí para recuperar el sector de arranque y asi poder ver de nuevo los archivos que tengo en mi disco.

Fué horrible pensar que no podría recuperarlos :S.

Nota: El archivo que lanza la aplicación es "Windows Menu" y está dentro de la raíz del cd.

Ver Tutorial

4.4.10

Intro Criogenia Estudio

Intro Criogenia Estudio from Carlos on Vimeo.

Intro del nuevo logotipo de Criogenia Estudio Multimedia, realizado con Cinema 4D y postproducido en After Effects

3.4.10

Tutorial - Setup de Huesos en 3d Studio Max


En esta ocasión les traigo un tutorial que hice para aplicar un conjunto de huesos a una malla para animación en 3d Studio Max, asumo que tienen conocimiento básico del programa, es por eso que no ahonde en algunas cosas.

Espero que les sea de ayuda.
Saludos.

Visita el tutorial

29.3.10

La Carpa de Los Sueños - Promocional

La Carpa de los Sueños - Circus Performance - Happening - Instalación from Carlos on Vimeo.

Spot Promocional para un evento en la universidad, se trata de llevar a cabo las tres actividades, happening, performance e instalación en un mismo lugar.


Agradecimientos muy especiales a mi amigo y compa Lex Revolter por su colaboración con las ilustraciones de los personajes, saludos bro!.


Para realizarlo utilicé: 3ds Max, After Effects.

21.3.10

Quitar borde punteado de links y objetos flash con CSS

Trabajando en un proyecto web me di cuenta que en firefox los links (a href="") y en las páginas que hago enteramente en flash al dar clic sobre la película en un botón, aparece un borde punteado alrededor de mi película flash, por cuestiones estéticas no me gustó asi que encontré una forma de quitarselo con CSS, también aplica para vinculos directamente en HTML.

ejemplo:







en nuestra hoja de estilos ponemos:

Solución Flash:
object{outline:none;}

Solución links HTML:
a{outline:none;}

voilá! con eso queda sin esos molestos bordes.

no se si sea problema de firefox pero en internet explorer no es necesario aplicarlo.

23.2.10

Stripe Generator 2.0 - Crea fondos de lineas para tu web










Con esta herramienta puedes crear fondos con estilos de líneas para tu diseño en tan solo unos segundos, ajusta los colores, el grosor, si se va a repetir o no, versatil, fácil e intuitivo de utilizar.

Tinyurl - Recortando URL's Kilométricas

Twitter, para quien no lo conoce es un servicio de microblogging que al igual que otras redes sociales ha ganado adeptos alrededor del mundo de una manera tremendamente brutal!, la única desventaja (si pudiéramos llamarle así) es la pequeña cantidad de texto que puedes postear (140 caracteres), esto puede ser un inconveniente si queremos hacer un tweet en donde compartamos una dirección web pero esta sea mas extensa que el minimo de caracteres aceptado por la aplicación.

Para estos casos les recomiendo este servicio web para recortar la extension de las direcciones largas por una mas corta y de su preferencia, sin afectar en nada al link original, el servicio se llama tinyurl y es muy fácil de utilizar.

Si aún así no les queda claro de que va este asunto le dejo el siguiente Ejemplo, podemos convertir esta dirección:

http://rover.ebay.com/rover/1/711-53200-19255-0/1?t
ype=3&campid=5336224516&toolid=10001&customid=tiny-
hp&ext=unicycle&satitle=unicycle


En esta:

http://tinyurl.com/unicycles

y ambas apuntan al mismo lugar, fácil ¿verdad?

Visita Tinyurl

¡Espero que les sirva!

20.2.10

Processing - Motion Graphics con Programación

Processing es un lenguaje de programación de código abierto para la creación de proyectos multimedia y efectos visuales, para darse una ejemplo basta con ver los siguientes videos:


Weird Fishes: Arpeggi from flight404 on Vimeo.



MTV Brasil ID 2009 from Dmtr.org on Vimeo.



Utilizado por artistas y diseñadores este lenguaje se ha ganado un lugar de gran relevancia en el mundo motion graphics si de sorftware de uso libre hablamos, su aplicación es muy buena para animación experimental con programación, ya sean imagenes, texto, sonido o video o partiendo desde una simple linea se pueden crear interesantes animaciones y efectos, aqui les dejo unos links para saber de que va.



Descárgalo gratis de la web oficial:
Processing Web Oficial

Links de interés:
Robert Hodgin - Artista en Processing
Taller de Processing y Arduino

18.2.10

Autodesk Freestyle - Project Cooper

De la mano de Autodesk, les traigo esta nota sobre un programa que en lo personal me encantó por su facilidad y sencillez, me refiero al Project Cooper ahora llamado AutoCAD Freestyle, si bien esta empresa ya tiene un software para la elaboración de planos y dibujo en 2D (AutoCad), Cooper sobresale por su bajo costo, aunque no lo crean es Gratis!, y a pesar de ser software gratuito no le pide nada a otros programas para dibujo arquitectonico en 2D.

Freestyle, cuenta con una interfaz tan sencilla que en tan solo 5 minutos ya estarás dibujando tus primeros trazos y exportando al formato .dwg, tan conocido por usuarios de Autocad.

Algo que noté y que fué un factor decisivo para probarlo, es el modo de dibujo, para los usuarios de Adobe Flash se les hará familiar, por ejemplo: cuando intersectamos dos lineas podemos eliminar partes de esta intersección como líneas independientes, esto es fantástico al menos para mi ya que me permite trabajar más rápido.

Conoce más:
AutoCAD Freestyle.

15.2.10

Pixeles Vs. Pulgadas


Hace unos días me compré un precioso monitor Samsung SyncMaster 933, sí, es ese de la foto, y sí, lo estoy presumiento jaja!, el punto es, que buscando información sobre calibración de color y resolución de la pantalla me encontré con esta fabulosa nota donde aclara la diferencia entre pixeles por pulgada / puntos por pulgada, si bién ambas difieren una de la otra van de la mano del diseñador pues en ocasiones a quien no le ha pasado que lo que ves en la pantalla no sale igual en la impresión? (hablando de dimensiones de la imagen).

A grandes rasgos explica que los pixeles por pulgada aplican al monitor y medios como el sensor de la cámara y los puntos por pulgada (dpi, dots per inch) a los medios impresos y escáners.

En la web del autor encontramos ejemplos prácticos que aclaran esto.

Lee la nota completa en: xatakafoto.com

12.2.10

Tips para tus clientes de diseño



Leyendo en el blog de diego mattei encontre este listado de 15 puntos que sería bueno que todo cliente tomara en cuenta al momento de contratar nuestros servicios, pues muchas veces parece tan fácil la labor del diseñador que se subestima como un trabajo serio (pero eso es harina de otro costal) sin mas que decir estos son los 15 puntos para ser un buen cliente.

Visita el post original.

Tutorial - Configurando Edirol Orchestral en FL Studio


Para los que no conocen, edirol orchestral es un VSTi (instrumento virtual) para recrear orquestas completas, desde trompetas, trombones, flautas hasta cellos, todo en un solo plugin.
Buscando información sobre como utilizar orchestral en FL Studio me encontre con un post de Arkanoise en hispasonic donde explica como hacerlo.

Sinceramente encontre un poco complicada la explicación sin una versión gráfica de como se realiza este proceso, si este es tu caso puedes visitar este tutorial de orchestral que hice hace un tiempo para mostrar paso a paso como configurarlo, espero que les sea de ayuda.

---Actualizado---
Disculpen no haber subido el tutorial nuevamente, he estado ocupadísimo en el trabajo y con proyectos nuevos, pero ya está funcionando nuevamente en link.

Saludos.