asd

29

Dic

Diferentes flash player en el mismo navegador

Publicado por: LeoBaraldi

Aquí les dejo una extensión para Firefox muy útil a la hora de probar nuestras películas y si son compatibles con las diferentes versiones de Flash Player. El plugin es muy simple lo que hace es dejarnos seleccionar que versión de flash player queremos utilizar desde la 1.0 hasta la versión 9.

Página de descarga aquí 

categorias: Firefox Coment.: -

16

Dic

Descargar videos youtube a nuestra pc

Publicado por: LeoBaraldi

Esta herramienta la encontre navegando en la web por necesidad de un amigo que debía tomarle prestado :P algunos vídeo a youtube, es interezante y funciona muy bien para descargar el vídeo que en ese momento estemos viendo. Pero no todo es tan fácil, dicho programita es una extensión para Firefox así que si sos solo usuario de IE vas frito.video download youtube

El uso es muy simple solo debes descargarte la extensión, instalarla en tu Firefox y navegar donde este el video.Para iniciar la descarga, solo debes hacer clic en la barra inferior derecha en el icono DownloadVideo, se abrirá una ventanita con el link a descargar. Aqui el link: http://javimoya.com/blog/youtube_en.php

categorias: Otros Coment.: 1

16

Dic

Calculadora y conversor de pixel a em

Publicado por: LeoBaraldi

Cuantas veces nos encontramos de que necesitamos trabajar con valores relativos para las dimensiones de un nuevo sitio, y sobretodo cuando usamos ccs con div. Estos valores relativos (em) nos pueden acarrear dolores de cabeza por las pruebas que debemos hacer hasta conseguir las proporciones adecuadas si es que no somos muy duchos en el tema.

Navegando por ahí encontre esta curiosa calculadora que nos realiza el trabajo de conversión de una manera mas fácil, ahorrandonos muchos dolores de cabeza. Aquí el link: http://riddle.pl/emcalc/

categorias: CSS Coment.: -

16

Dic

Centrar película flash en el navegador

Publicado por: LeoBaraldi

Muchas veces nos encontramos con el problema de como resolver este simple requerimiento de nuestros clientes que es centrar el sitio al medio de nuestro navegador sin importar la resolución en el cual se este mostrando.

Para resolver esto lo que vamos a hacer es simplemente usar un poquito de ccs y veremos que no es tan complicado y nos ayudara mucho a la hora de desarrollar nuestros sitios.

Lo primero que heremos sera crear una nueva hoja de estilos, o usar la que ya tenemos si es que estamos usando una. Las hojas de estilos es un simple archivo de texto que guardaremos con la extensión "mihoja.css".
Para vincular nuestra hoja de estilos con nuestro html debemos agregar esta linea en el HEAD:

HTML:
  1. <link href="css/centrar.css" rel="stylesheet" type="text/css">

, esta linea vincula nuestro css que esta en la carpeta CSS.

En ella vamos a colocar las siguientes líneas.:

CSS:
  1. body{
  2. text-align:center;
  3. }
  4. /* el body es el cuerpo de nuestro html, y el text-align: center se refiere a que los contenidos dentro del body se aliñen al centro*/
  5.  
  6. #contenido{
  7. margin-top: -100px;
  8. margin-left: -100px;
  9. position: absolute;
  10. top: 50%;
  11. left: 50%;
  12. }
  13.  
  14. /*con este conjunto lo que haremos es crear una id para luego aplicarsela a una div, como podemos ver los margin top y left le pusimos -100px que es la mitad de lo que mide nuestra película, lo que resta de importante es que luego le estamos indicando que su posición tanto top (superior) y left (izquierda) sean de un 50%. De esta manera logramos sacar el punto central de nuestra película, la cual se posicionara automáticamente al centro de nuestro navegador.*/

El siguiente paso seria colocar en nuestro html una div a la cual le asignaremos la id "contenido", así que por lo tanto lo único que debemos hacer es colocar los siguiente entre nuestra película flash

HTML:
  1. <div id="contenido">mi película flash</div>

Lo mejor de este ejemplo es que te descargues los archivos y veas insitu como estan hechos pero como puedes ver es bastante simple y no hay muchos secretos. Esta manera de centrar nuestras películas en flash es valido para IE y Firefox.

categorias: CSS Coment.: 1

10

Dic

Consejos al comenzar escribir código

Publicado por: LeoBaraldi

Como ya nos vamos a ir sumergiendo en ejemplos a partir de esta sección es recomendable que sigamos ciertas reglas a la hora de escribir nuestro código, por una razón de facilitar la búsqueda de errores o también para cuando nuestro trabajo debe ser continuado por otros.

Usar nombres acordes para variables, funciones o instancias.
Al momento de inicializar una variable es recomendable no solo obviar el uso de las palabras reservadas o también nunca inicializarlas con número. Es recomendable utilizar nombres que las identifique bien, porque de esa manera con solo leerla en pantalla sabremos que función cumple en nuestro proyecto o que datos almacena.

Ejemplo: incorrecta: a=”mi casa” / correcta: var lugares:String = “mi casa”

Usar la primera letra mayúscula para el nombre de las clases. Las clases que veremos mas adelante son aquellas propiedades de cada elemento que usemos en flash. Un ejemplo seria cuando usamos un campo de texto en nuestro proyecto estamos usando un elemento que con el lleva muchas propiedades de la clase TextField

Usar solo una capa de nuestra línea de tiempo separada de todos los elementos para escribir nuestro código, tratando siempre en lo posible agrupar en ella todas las funciones y variables o cualquier segmento de nuestro ActionScript. También en lo posible usemos 1 solo frame para nuestro ActionScript.

Usar la menor cantidad de fotogramas posible, esto nos ayudara a mejorar nuestro código exprimiendo al máximo y mejorar notable mente el peso de nuestros archivos finales.

Usar comentarios para nuestro código mientras escribimos, así nos ayudara a encontrar mas rápidamente los elementos a la hora de retomar un proyecto

Ejemplo:
Incorrecta: a=”mi casa”
Correcta: var lugares:String = “mi casa” //mi comentario

Usar los sufijos correspondientes para cada uno de los elementos que vallan surgiendo en nuestro proyecto flash. El uso de sufijos nos permitirá trabajar de una manera muy rápida y con un contacto mas directo con las clases de cada elemento accediendo directamente a sus propiedades a medida que vallamos escribiendo nuestro código.

Ejemplo usando un nombre de instancia:
Incorrecta: mimodulo
Correcta: mimodulo_mc
Como pueden ver en el ejemplo agregamos a esta instancia el sufijo _mc que a la hora de programar flash nos desplegara automáticamente todas las propiedades para este elemento sin necesidad de que nosotros tengamos que recurrir a nuestra memoria humana.
La mayoría de los elementos que utilicemos tienen su sufijo:


Array: _array
Button: _btn
Camera: _cam
Color: _color
ContextMenu: _cm
ContextMenuItem: _cmi
Date: _date
Error: _err
LoadVars: _lv
LocalConnection: _lc
Microphone: _mic
MovieClip: _mc
MovieClipLoader: _mcl
NetConnection: _nc
NetStream: _ns
PrintJob: _pj
SharedObject: _so
Sound: _sound
String: _str
TextField: _txt
TextFormat: _fmt
Video: _video
XML: _xml
XMLNode: _xmlnode
XMLSocket: _xmlsocket

9

Dic

Inicialización de variables y modificación de tipos de datos en flash 8

Publicado por: LeoBaraldi

Como ya sabemos las variables son contenedores de datos como una letra (a), un numero (4), un dato boolean (false) o una expresión (2+2).
Pero cabe dedicar o detenernos un instante como flash identifica esos diferentes elementos o contenedores para luego trabajar con ellos. Por ejemplo si tenemos una variable (a=”misitio”) y creamos otra variable (b=a+15) es decir que la variable b es igual a el valor de a y a este le sume 15 el resultado del mismo seria (misitio15).
Como podemos observar a=”misitio” es una cadena o string en cambio 15 es un numero o number y vemos que la variable (b) es una suma de a+15. Se a procedido a sumar diferentes tipos de datos (string + number) y el resultado mas allá de su forma literaria es una nueva cadena o de tipo string.
Como podemos ver con este simple ejemplo flash puede identificar que tipo de datos estamos almacenando y agruparlos a cada uno dentro de la categoría que le corresponda ya sea number, estring, null etc.

a= 2Este tipo de identificación y/o inicialización de una variable es conocido como declaración por contexto. Es cuando el fhash debe por si mismo identificar el tipo de dato almacenado en la variable.

var a:Number = 2
Este tipo de identificación y/o inicialización de una variable es conocido como declaración estricta.
En la misma estamos indicando no solo que es una variable que almacenara un tipo de dato sino también le estamos indicando que tipo se encontrara en ella, en este ejemplo un Number o número por lo tanto nunca esta variable va a almacenar otro tipo de dato que no sea un number o número.

Un ejemplo notable de el uso estricto es cuando inicializamos las variables ala hora de trabajar, por ejemplo cuando creamos un proyecto nos vemos con la necesidad de declarar nuestras variables al principio de nuestro trabajo o en nuestra línea de tiempo principal. Pero el problema viene que muchas veces tenemos que declarar un valor pero no sabemos cual será??, pero si sabemos que tipo será. Un ejemplo simple. Supongamos que de una base de datos tenemos que cargar el stock de mercadería que tenemos pero por cada día que pasa y por cada venta que hacemos la misma se va restando, por lo tanto al inicializar nuestro programa este debe extraer el total que nos queda y almacenarlo en una variable de tipo numérico entonces lo normal seria inicializar nuestra variable no con el valor 0 (cero) sino mejor sin nada, pero informándole que solo debe almacenar y/o solo va a recibir números

var stock:number;

Simplemente así declaramos nuestra variable que se quedara a la espera para almacenar un nuevo valor numérico

En el caso de un texto seria var mitexto:String = “hola”; , en el caso de un boolean seria var quees:Bolean = false

Modificacion de tipos de datos.Muchas veces nos vamos a encontrar que necesitamos modificar el tipo de contenido de una variable, sobretodo a la hora de pasar cadenas o string a números para realizar operaciones de tipo matemáticas.
Uno de los casos que mas vemos esto es cuando operamos con campos de introducción de texto. Ejemplo:

total = micajadetexto1.text + micajadetexto2.text

En este ejemplo lo que estamos haciendo es sumando los valores que el usuario introdujo en las cajas de texto 1 y 2 pero como dichas cajas texto son cadenas o string sucederá que nos sumara los numero de manera literal (2+2=22). Si en realidad queremos que evalué la operación de una manera matemática deberíamos hacer lo siguiente.
A la hora de operar con los datos le indicaremos que son de tipo numérico de la siguiente manera:

total = Number(micajadetexto1.text) + Number (micajadetexto2.text)

Vemos que en el ejemplo agregamos antes del elemento a sumar Number y dentro de los paréntesis el valor a convertir (micajadetexto1.text).
Number (expresion)

Leonardo David Baraldi

Leonardo Baraldi

Nací en Villa Carlos Paz, tengo 33 años y me dedico a desarrollos para la web desde el año 99, preferentemente en las aéreas de ActionScript y CSS. Trabajo para la firma Manifesto Solutions como jefe de producción.

ultimos post

Usa Firefox es mejor che!!!
Copyright © 2008 LeoBaraldi. Todos los derechos reservados.
Designed by LeoBaraldi and powered by Wordpress | RSS Feed
Love WordPress
Manifesto
Manifesto solutions
Sponsort Oficial de LeoBaraldi