mauro_mb

¿Que es Bespin? Bespin es una herramienta que (tal como dice su descripcion)sirve para "Code in the Cloud" (crear codigo en la nube) Es muy util porque te deja crear paginas html y tambien archivos javascript y hojas de estilo de cascada (CSS). La diferencia con el notepad de windows o cualquier otro programa, es que tiene algunas funciones como hacerte automaticamente los espacios, O sea, cuando pones enter en una linea en la que antes del codigo habia dos espacios, en la siguiente linea se te van a crear dos espacios. Tambien tiene la funcion de colorear los valores de las variables en javascript. Por ejemplo: dijo: var hola= "hola"; Pero esto no funciona en html ni css. NOTA: NO ANDA EN INTERNET EXPLORER, PORQUE USA HTML5 ¿Como se usa? Es facil, para empezar, te creas una cuenta. Apenas termines te va a redireccionar a el editor. Si entraste y ya estas registrado, arriba podes iniciar sesion y despues te va a aparecer un link al editor Ahi tenes varias opciones 1 - Primero cerra el cartelito que se te abrio. (Aunque te conviene apretar en los links que te aparecen para ver) 2 - Arriba vas a ver unos iconos como estos: Abre la linea de comandos. Sirve para varias cosas, por ejemplo, cambiar el tema. Abre el explorador de archivos, de ahi podes crear y borrar archivos en cualquier formato. Guarda el archivo que tenes abierto. Abre el archivo en una nueva ventana. (Si es HTML lo previsualiza). Cambia el tamaño de fuente del editor. La linea de comandos Esto sirve para cambiar algunas configuraciones, y te permite hacer lo mismo que el explorador de archivos, pero manualmente (escribiendo codigos) Veamos por ejemplo como cambiar el tema. Escribi en la linea de comandos dijo:set theme white Los temas disponibles por defecto son: ☻ coffee (viene por defecto) ☻ pastel ☻ black ☻ white y a todos se les puede agregar "zebra" seguido para hacer que las lineas pares sean mas oscuras que las impares. EJ: set theme whitezebra. Tambien se puede crear un tema colocandolo en /BespinSettings/Themes/Elnombredetutema.js Para crear un archivo hace click en la ruedita de la carpeta Te recomiendo que copies el contenido del tema "greenonblack" (que vendria a ser coffee) y le cambies los colores. Otro comando util es "help", que muestra todos los otros comandos, aunque te conviene entrar ACA porque estan mejor explicados. Colaboración Una de las funciones de bespin es que te permite colaborar con otro para hacer un proyecto entre los dos. Para eso apreta en el iconito de las presonas y ahi te da una pagina de ayuda para que sepas como hacerlo. Ya me harte de escribir. Les dejo la pagina de ayuda de bespin para que vean ustedes si tienen alguna duda https://wiki.mozilla.org/Labs/Bespin/UserGuide comenten

Este tutorial lo hice yo, lo único que necesitan es el Inkscape, que lo pueden descargar para Linux, Windows o Mac en http://www.inkscape.org/download/?lang=es. El programa es muy fácil de usar, les recomiendo probarlo un rato y van a descubrir las funciones básicas que van a necesitar para seguir este tutorial. Resultado final: 1 Primero, hay que hacer un espiral común (ver imagen). 2 Después hay que seleccionarlo 2 veces con la herramienta selección, para que te de la opción de rotarlo. Luego, establecer el punto de rotación (la cruz) en el principio del espiral. 3 Mas tarde, empezar a rotar en círculos y, sin soltar, apretar la barra espaciadora cada lapsos aleatorios. Esto hará que se cree una copia de el objeto y quedara parecido a esto: 4 Pintar de negro (seleccionando el color desde abajo) y quitar el trazo (click derecho en el color transparente, es decir, el que tiene una cruz, y seleccionar "Fijar Trazo". 5 Seleccionar todos e ir a Trayecto > Unión (Ctrl++) Esto hace que todas las formas se junten en una sola. 6 Crear un rectángulo fino al lado de nuestra forma. 7 Ir a Edición > Clonar > Crear Clones en mosaicos con nuestra forma seleccionada. 8 Modificar las opciones: En Simetría: Filas, Columnas 30 x 1 En Desplazamiento: Desplazar X por fila: 60%, exponente 1,4. En Escala: Escalar Y por fila: 40% Basicamente lo que esto hace es repetir esa misma forma 30 veces, pero cada vez va a estar 60% separada del anterior, y ese 60% aumenta 1,4 cada vez, ya que tambien estamos aumentando el tamaño a un 40%. 9 Apretar en Crear. En el caso de que te quede mal, podes apretar Ctrl+Z y cambiar el tamaño del rectángulo o las opciones. Deberia quedar algo parecido a esto: 10 Seleccionar las figuras que sobren (las que pasen el alto de la primera forma) y borrarlas. 11 Seleccionar las restantes e ir a Edición > Clonar > Desconectar clon. Luego a Trayecto > Unión Esto convierte todos los cuadrados en una sola imagen, pero primero los "desconecta". 12 Mover la figura arriba de la otra, puede que necesites estirarla para que la cubra por completo En esta imagen le cambie el color para que se vea las diferentes formas. 13 Seleccionar ambas figuras (podes usar Ctrl+A) e ir a Trayecto > Intersección. En el caso que te quede invertido podes usar Excusión (eso depende de cual imagen se seleccione primero) Para exportarlo y convertirlo a imagen hay que ir a Archivo > Exportar Mapa de bits Resultado: