Scriptaculous es una librería que extiende a Prototype proporcionándonos la capacidad de crear efectos visuales e incluso animaciones a partir de unas funciones muy sencillas. Para poder implementar listas ordenadas necesitamos usar una de las funciones de Scriptaculous que convierte una lista convencional en una lista ordenable en tiempo real.

Para crear la lista ordenada nos basaremos en  el ejemplo que podemos encontrar en la wiki de scriptaculous.

En primer lugar crearemos un documento html en el que añadiremos nuestra lista:

<ul id="lista">
  <li style="position:relative;">Lorem</li>
  <li style="position:relative;">ipsum</li>
  <li style="position:relative;">dolor</li>
  <li style="position:relative;">sit</li>
  <li style="position:relative;">amet</li>
  <li style="position:relative;">consectetur</li>
  <li style="position:relative;">adipisci</li>
  <li style="position:relative;">velit</li>
</ul>

Como veis hemos asignado una id al elemento ul llamado “lista” que después utilizaremos para decirle a Scriptaculous que lista debe convertir en ordenable. Por otra parte también hemos añadido position:relative; como estilo de cada ítem de la lista para que al convertirse en ordenable se puedan mover.

Para poder hacer uso de Prototype y Scriptaculous tenemos dos maneras de incluir las librerías, la primera de ellas es descargárnoslas y llamarlas desde nuestro html y la segunda manera es incluirlas directamente desde la web oficial (cabe destacar que google tiene una versión cacheada de estas librerías y podemos acceder a ellas desde el apartado API’S).

En nuestro código optamos por incluírlas directamente, para ello escribiremos el siguiente fragmento html entre las etiquetas head (aunque recientemente ha aparecido una Best Practice que indica que para cargar la página más rápidamente hay que llamar a javascript al final de la página justo antes del cierre del body) :

<script src="http://script.aculo.us/prototype.js" type="text/javascript"></script>
<script src="http://script.aculo.us/scriptaculous.js" type="text/javascript"></script>

Por último debemos decirle a Scriptaculous que lista debe convertir, para ello utilizaremos la siguiente instrucción:

<script language="javascript">
  Sortable.create("lista");
</script>

Con la línea “Sortable.create(“lista”);” convertimos nuestra lista convencional en una lista ordenable mediante Drag&Drop que esta muy de moda en la web 2.0. Si os fijáis en la llamada a la función create pasamos como primer parámetro el id de la lista que queremos convertir, esta función tiene otro parámetros que podemos descubrir en la página de la wiki referente a esta función, entre otras opciones podemos especificar que elementos son los que se van a mover por la lista (como por ejemplo tr en el caso de querer una tabla con sus filas ordenables) e incluso podemos especificar un handler (un elemento que va a actuar como el punto desde el que arrastrar el elemento).

Si os interesa saber más sobre los efectos que puede realizar esta librería sólo es cuestión de investigar en la wiki de scriptaculous dónde tenéis otra manera de ordenar listas como por ejemplo escoger que parte del ítem es la que queréis mover.

Aquí os dejo una pequeña demo de nuestra lista:

• Lorem
• ipsum
• dolor
• sit
• amet
• consectetur
• adipisci
• velit

Nano es un editor de ficheros por terminal, nos puede ser muy util sobretodo si tenemos que editar ficheros en un servidor o maquina remota mediante una conexión SSH. Aparentemente puede parecer muy sencillo pero tiene algunas características que lo hacen muy potente como las búsquedas por expresiones regulares, coloreado de sintaxis, etc.

Actualmente nano viene instalado o se puede instalar en aquellos sistemas operativos que son compatibles con UNIX como Linux, BSD o MacOS X incluso existe en la web oficial una versión para Windows utilizando las herramientas Cygwin. En principio suele venir ya pre-instalado, como es el caso de MacOS X o Ubuntu Desktop pero en otros sistemas operativos como Ubuntu server será necesario instalarlo desde el terminal o algún programa de gestión de paquetes.

Cómo instalar Nano

Para instalar nano desde el terminal en sistemas Debian basta con ejecutar este comando:

sudo apt-get install nano

Como he comentado antes en el sistema operativo MacOS X nano ya viene pre-instalado así que no hará falta hacer nada para tenerlo.

Configuración de nano

La configuración de nano es extremadamente sencilla, solo debemos editar un fichero de configuración. La ruta a este fichero puede variar dependiendo del sistema operativo, en el caso de Ubuntu y MacOS X lo podremos encontrar en /etc/nanorc.

Para proceder a editarlo podemos ejecutar este comando en el terminal:

sudo nano /etc/nanorc

Básicamente nos encontraremos con tres casos, el primero es que no exista el fichero con lo cuál lo crearemos, el segundo caso es que el fichero este vacío y el último caso es que el fichero venga con contenido por defecto. En este último caso solo tendremos que ir descomentando las líneas que nos interesen, en los otros dos casos simplemente escribimos las líneas de configuración que queremos utilizar.

Aquí debajo podremos encontrar una muestra de cómo puede ser el fichero nanorc.

## Sample initialization file for GNU nano.
##
## Please note that you must have configured nano with --enable-nanorc
## for this file to be read!  Also note that this file should not be in
## DOS or Mac format, and that characters specially interpreted by the
## shell should not be escaped here.
##
## To make sure a value is disabled, use "unset ".
##
## For the options that take parameters, the default value is given.
## Other options are unset by default.
##
## Quotes inside string parameters don't have to be escaped with
## backslashes.  The last double quote in the string will be treated as
## its end.  For example, for the "brackets" option, ""')>]}" will match
## ", ', ), >, ], and }.

## Use auto-indentation.
# set autoindent

## Backup files to filename~.
# set backup

## The directory to put unique backup files in.
# set backupdir ""

## Do backwards searches by default.
# set backwards

## Use bold text instead of reverse video text.
# set boldtext

## The characters treated as closing brackets when justifying
## paragraphs.  They cannot contain blank characters.  Only closing
## punctuation, optionally followed by closing brackets, can end
## sentences.
##
# set brackets ""')>]}"

## Do case sensitive searches by default.
# set casesensitive

## Constantly display the cursor position in the statusbar.  Note that
## this overrides "quickblank".
# set const

## Use cut to end of line by default.
# set cut

## Set the line length for wrapping text and justifying paragraphs.
## If fill is 0 or less, the line length will be the screen width less
## this number.
##
# set fill -8

## Enable ~/.nano_history for saving and reading search/replace strings.
# set historylog

## The opening and closing brackets that can be found by bracket
## searches.  They cannot contain blank characters.  The former set must
## come before the latter set, and both must be in the same order.
##
# set matchbrackets "(< [{)>]}"

## Use the blank line below the titlebar as extra editing space.
# set morespace

## Enable mouse support, if available for your system.  When enabled,
## mouse clicks can be used to place the cursor, set the mark (with a
## double click), and execute shortcuts.  The mouse will work in the X
## Window System, and on the console when gpm is running.
##
# set mouse

## Allow multiple file buffers (inserting a file will put it into a
## separate buffer).  You must have configured with --enable-multibuffer
## for this to work.
##
# set multibuffer

## Don't convert files from DOS/Mac format.
# set noconvert

## Don't follow symlinks when writing files.
# set nofollow

## Don't display the helpful shortcut lists at the bottom of the screen.
# set nohelp

## Don't add newlines to the ends of files.
# set nonewlines

## Don't wrap text at all.
# set nowrap

## Set operating directory.  nano will not read or write files outside
## this directory and its subdirectories.  Also, the current directory
## is changed to here, so any files are inserted from this dir.  A blank
## string means the operating directory feature is turned off.
##
# set operatingdir ""

## Preserve the XON and XOFF keys (^Q and ^S).
# set preserve

## The characters treated as closing punctuation when justifying
## paragraphs.  They cannot contain blank characters.  Only closing
## punctuation, optionally followed by closing brackets, can end
## sentences.
##
# set punct "!.?"

## Do quick statusbar blanking.  Statusbar messages will disappear after
## 1 keystroke instead of 26.  Note that "const" overrides this.
##
# set quickblank

## The email-quote string, used to justify email-quoted paragraphs.
## This is an extended regular expression if your system supports them,
## otherwise a literal string.  Default:
# set quotestr "^([     ]*[#:>\|}])+"
## if you have extended regular expression support, otherwise:
# set quotestr "> "

## Fix Backspace/Delete confusion problem.
# set rebinddelete

## Fix numeric keypad key confusion problem.
# set rebindkeypad

## Do extended regular expression searches by default.
# set regexp

## Make the Home key smarter.  When Home is pressed anywhere but at the
## very beginning of non-whitespace characters on a line, the cursor
## will jump to that beginning (either forwards or backwards).  If the
## cursor is already at that position, it will jump to the true
## beginning of the line.
# set smarthome

## Use smooth scrolling as the default.
# set smooth

## Use this spelling checker instead of the internal one.  This option
## does not properly have a default value.
##
# set speller "aspell -x -c"

## Allow nano to be suspended.
# set suspend

## Use this tab size instead of the default; it must be greater than 0.
# set tabsize 8

## Convert typed tabs to spaces.
# set tabstospaces

## Save automatically on exit, don't prompt.
# set tempfile

## Disallow file modification.  Why would you want this in an rcfile? 
# set view

## The two single-column characters used to display the first characters
## of tabs and spaces.  187 in ISO 8859-1 (0000BB in Unicode) and 183 in
## ISO-8859-1 (0000B7 in Unicode) seem to be good values for these.
# set whitespace "  "

## Detect word boundaries more accurately by treating punctuation
## characters as parts of words.
# set wordbounds

## Color setup
##
## Format:
##
## syntax "short description" ["filename regex" ...]
##
## The "none" syntax is reserved; specifying it on the command line is
## the same as not having a syntax at all.  The "default" syntax is
## special: it takes no filename regexes, and applies to files that
## don't match any other syntax's filename regexes.
##
## color foreground,background "regex" ["regex"...]
## or
## icolor foreground,background "regex" ["regex"...]
##
## "color" will do case sensitive matches, while "icolor" will do case
## insensitive matches.
##
## Valid colors: white, black, red, blue, green, yellow, magenta, cyan.
## For foreground colors, you may use the prefix "bright" to get a
## stronger highlight.
##
## To use multi-line regexes, use the start="regex" end="regex"
## [start="regex" end="regex"...] format.
##
## If your system supports transparency, not specifying a background
## color will use a transparent color.  If you don't want this, be sure
## to set the background color to black or white.
##
## If you wish, you may put your syntaxes in separate files.  You can
## make use of such files (which can only include "syntax", "color", and
## "icolor" commands) as follows:
##
## include "/path/to/syntax_file.nanorc"
##
## Unless otherwise noted, the name of the syntax file (without the
## ".nanorc" extension) should be the same as the "short description"
## name inside that file.  These names are kept fairly short to make
## them easier to remember and faster to type using nano's -Y option.
##
## All regexes should be extended regular expressions.

## Key bindings
## Please see nanorc(5) for more details on this
##
## Here are some samples to get you going
##
# bind M-W nowrap main
# bind M-A casesens search
# bind ^S research main

## Set this if your backspace key sends delete most of the time (2.1.3+)
# bind kdel backspace all

## Nanorc files
# include "@PKGDATADIR@/nanorc.nanorc"

## C/C++
# include "@PKGDATADIR@/c.nanorc"

## Cascading Style Sheets
# include "@PKGDATADIR@/css.nanorc"

## Debian files
# include "@PKGDATADIR@/debian.nanorc"

## Gentoo files
# include "@PKGDATADIR@/gentoo.nanorc"

## HTML
# include "@PKGDATADIR@/html.nanorc"

## PHP
# include "@PKGDATADIR@/php.nanorc"

## TCL
# include "@PKGDATADIR@/tcl.nanorc"

## TeX
# include "@PKGDATADIR@/tex.nanorc"

## Quoted emails (under e.g. mutt)
# include "@PKGDATADIR@/mutt.nanorc"

## Patch files
# include "@PKGDATADIR@/patch.nanorc"

## Manpages
# include "@PKGDATADIR@/man.nanorc"

## Groff
# include "@PKGDATADIR@/groff.nanorc"

## Perl
# include "@PKGDATADIR@/perl.nanorc"

## Python
# include "@PKGDATADIR@/python.nanorc"

## Ruby
# include "@PKGDATADIR@/ruby.nanorc"

## Java
# include "@PKGDATADIR@/java.nanorc"

## AWK
# include "@PKGDATADIR@/awk.nanorc"

## Assembler
# include "@PKGDATADIR@/asm.nanorc"

## Bourne shell scripts
# include "@PKGDATADIR@/sh.nanorc"

## POV-Ray
# include "@PKGDATADIR@/pov.nanorc"

## XML-type files
# include "@PKGDATADIR@/xml.nanorc"

Básicamente las líneas que deberíamos descomentar son las siguientes:

set const (Esta funcionalidad muestra constantemente la posición del cursor file/columna en el cuadro de abajo)
set mouse (Habilita el uso del ratón para poder seleccionar texto, pegarlo y demás)
set rebinddelete (Configura el botón de borrar como acción borrar y no suprimir como puede venir en algunos sistemas)
set smooth (Mejora el salto del texto al hacer scroll)
set tabsize 2 (Especificamos el numero de columnas que va a ocupar una tabulación)
set tabstospaces (Especificamos que el programa debe utilizar espacios en lugar de tabulaciones, muy útil si modificamosficheros YAML)

Y además también descomentamos todos los includes que hay al final del fichero (solo en sistemas linux, no sirve en MacOS X) para poder activar el coloreado del texto dependiendo del tipo de fichero. Como podréis comprobar la línea set tabsize 2 es la línea set tabsize 8 en el fichero de arriba, además de descomentarla le hemos modificado el tamaño de 8 a 2.

Una vez realizados todos estos cambios pulsamos las teclas Ctrl+X escribirmos “Y” y pulsamos Enter.

Ahora al abrir un fichero ANSI C por ejemplo podremos ver que nos muestra algo similar a esto.

Fichero ANSI C abierto en nano después de configurarlo

Para ello vamos a hacer uso de la Utilidad de Discos, pero desde el terminal obviamente. Debemos abrir un terminal y navegar hasta la ruta:

cd /Applications/Utilities/

Una vez en este directorio, antes de conectar nuestra unidad flash externa, ejecutamos el siguiente comando para listar los discos conectados en ese momento a nuestro Mac:

diskutil list

Ahora conectamos el pendrive y volvemos a ejecutar el comando anterior.

diskutil list

Debe aparecer un dispositivo nuevo, algo como /dev/diskX (donde X es un número). Una vez identificado, procedemos a desmontar el volumen de nuestra máquina con el comando:

diskutil unmountDisk /dev/diskX

Ahora es cuando procedemos a grabar la imagen ISO en nuestro pendrive (para ello debemos conocer el path hasta el fichero de la imagen) ejecutando lo siguiente (¡Alerta, se perderán todos los datos contenidos en el pendrive!):

sudo dd if=/path/hasta/imagen.iso of=/dev/diskX bs=1m

Sed pacientes porque el proceso puede durar bastantes minutos. Una vez terminado solo nos queda desmontar el dispositivo para poseer nuestro pendrive bootable!

diskutil eject /dev/diskX

Espero que os sea útil a todos los usuarios de la manzana y, como siempre, ante cualquier duda usad los comentarios.

Fuente

Ubuntu Documentation - https://help.ubuntu.com/community/Installation/FromImgFiles#Mac%20OS%20X

Hemos creado una herramienta, que en su versión beta funciona por terminal, que nos va a ayudar en este proceso, básicamente las funciones que realiza son:

1. Descarga e instala la última versión de CodeIgniter desde la página oficial.
2. Aplica el parche de idioma en castellano a CodeIgniter.
3. Descargar e instala la última versión del editor WYSISYG TinyMCE desde la página oficial.
4. Instala también la versión comprimida del editor TinyMCE.
5. Descarga la última versión de Prototype desde la página oficial.
6. Descarga la última versión de Script.aculo.us desde la página oficial.
7. Crea el fichero robots.txt con el contenido por defecto para los bots de búsquedas.
8. Crea la carpeta css.
9. Crea la carpeta img.
10. Crea la carpeta js.
11. Crea la carpeta swf.
12. Crea el fichero .htaccess con las directivas necesarias para que funcione CodeIgniter con mod_rewrite y permite el acceso a todas las carpetas creadas.

Las características que esperamos tener en la versión estable a parte de las existentes son:

1. Selección del idioma a instalar con CodeIgniter.
2. TinyMCE, Prototype y Script.aculo.us pasarán a ser instalaciónes opcionales (podremos escogerlo en el momento de la instalación).
3. En caso de instalar TinyMCE podremos escoger el idioma que queremos instalar así como la versión, estándar o comprimida.
4. Posibilidad de nombrar a las carpetas de imágenes, css, js y swf de la manera que nosotros queramos (se decide en el momento de la instalación).
5. Integración en el propio sistema operativo (Solo para Linux y MacOS de momento), es decir desde el terminal escribiremos installci y automáticamente se ejecutará el script.
6. Integración con el Finder de MacOS.

Para ejecutar el script hay que crear una carpeta dónde vamos a ir metiendo nuestros ficheros, copiar ahí el script installci.sh otorgar permisos con chmod 777 ./installci.sh y ejecutar dicho script con ./installci.sh.

De momento y hasta que esté disponible la versión estable aquí os dejamos el enlace para descargar la versión beta. Esperamos vuestras sugerencias y opiniones en los comentarios.

Y lo engorroso del Terminal suele ser el hecho de tener que teclear largos comandos llenos de opciones secundarias y parámetros. Casualmente estos comandos interminables acostumbran a ser los que más debemos utilizar (cosas de la Ley de Murphy).

¡Pero éste no va a ser un problema para nosotros! Para estos casos contamos con nuestros amigos los “alias”. Crear un alias, como su propio nombre indica, consiste en renombrar un comando, posiblemente pesado de escribir o difícil de recordar, para denominarlo de forma más corta o intuitiva.

A continuación os voy a indicar como crear un alias en vuestro Mac de forma rápida y sencilla. Como ejemplo tomaremos el comando para listar todos los ficheros (incluidos los ocultos) de un directorio concreto:

ls -la

En el sistema operativo de la manzana los alias se definen en el fichero de configuración profile, situado en /etc/profile. Abrimos un terminal y lo editaremos utilizando el editor nano (Advertencia: Necesitamos permisos de administrador).

El comando es:

sudo nano /etc/profile

Después de introducir la contraseña de administrador podemos ir al final del fichero y escribir lo siguiente:

alias ll='ls -la'

Ahora pulsamos Ctrl+X para salir del programa y seguidamente le damos a la tecla Y para guardar los cambios. Para que podamos utilizar nuestro alias debemos reiniciar el Terminal. Un vez reiniciado, solo deberemos teclear:

ll

y voilá… El resultado será algo parecido a esto:

De esta forma podéis definir los alias que queráis y así agilizar vuestro trabajo en la linea de comandos. Espero que os sea útil  este pequeño truquillo. ¡Ante cualquier duda nos vemos en los comentarios!