Charsets y Entidades HTML

Los charsets son codificaciones que podemos incluir en nuestras paginas web para visualizar correctamente algunos caracteres como por ejemplo a ñ-Ñ del alfabeto español o símbolos acentuados o especiales de una región, ideogramas o fonemas. Para caracteres especiales del español se utilizan UTF-8 ó ISO-8859-1 que los podemos incluir el código html de declarándolo en los metatypes de la siguiente manera:

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

o bien

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

Existen diversos charsets para diferentes idiomas por ejemplo para el chino:

<META HTTP-EQUIV= "Content-Type"CONTENT="text/html;charset= chinese">

Estándar ISO 8859

El estándar ISO 8859 fue formado por diferentes paquetes de caracteres para las lenguas más comunes. Este estándar fué definido por la ECMA (Asociación de Fabricantes Europeos de Computadoras) en 1980, y aprobado posteriormente por la ISO (Organización Internacional de Normas), y es el que se debe usar en el lenguaje HTML.

Las principales familias de caracteres pertenecientes al ISO 8859 son:

ISO-8859-1 (Latin1): cubre las lenguas de Europa del Oeste, incluyendo francés, español, catalán, vasco, portugués, italiano, albanés, holandés, alemán, inglés, sueco, noruego y otras más.

ISO-8859-2 (Latin2): Lenguas de Europa Central y Occidental, como checo, polaco, rumano, croáta y esloveno.

ISO-8859-3 (Latin3): esperanto y maltés.

ISO-8859-4 (Latin4): estonio, el letón, lituano y lapón.

ISO-8859-5 (alfabeto cirílico): Búlgaro, bielorruso, macedonio, ruso, servio y ucraniano.

ISO-8859-6 (alfabeto árabe): comprende las letras básicas de la lengua árabe.

ISO-8859-7 (griego): cubre todas las letras de la lengua griega.

ISO-8859-8 (hebreo): abarca los caracteres necesarios para escribir en hebreo y yídish.

ISO-8859-9 (Latin5) y ISO-8859-10 (Latin6): amplía los conjuntos de caracteres latinos anteriores, añadiendo las letras que faltaban para poder escribir completamente en turco y en islandés, letón, el esquimal, el lapón y las demás lenguas nórdicas.

Juegos de caracteres UCS y UNICODE

Estos estándares son mas recientes, más completos y unificados: el UCS (Juego Universal de Caracteres), que es en realidad el ISO-10646, evolución del estándar ISO-8859, y el UNICODE, que contienen en un solo charset todos los caracteres mundiales. Ambos estándares se basan en asignar un número hexadecimal único a cada carácter.

Entidades HTML

Las entidades html es código con los que el interprete html reconoce de forma directa ciertos caracteres.

Podemos utilizar entidades HTML en los casos en que el charset que usamos no reconozca cierto carácter o en el caso de usar caracteres reservados para el interprete de código html como <,>.

Los mas conocidos son los de acentuación y la ñ del español entre otras:

Caracteres html mas comunes

símbolo	código	símbolo	código
á	á	Á	Á
é	é	É	É
í	í	Í	Á
ó	ó	Ó	Ó
ú	ú	Ú	Ú
ñ	ñ	Ñ	Ñ

algunos símbolos html

símbolo	código	símbolo	código
<	&lt;	>	&gt;
&	&amp;	"	&quot;
¡	&iexcl;	¢	&cent;
¬	&not;	°	&deg;
µ	&micro;	¶	&para;
©	&copy;	®	&reg;

Ver ejemplo de html entities

Video Hecho con Software Libre

OpenShot es uno de los tantos editores de video disponibles para Linux y en mi opinión es el mejor y mas fácil de utilizar y no tiene nada que envidiar a otros editores conocidos, hace un tiempo ya que lo uso para editar los videos de mi canal de youtube y para otros proyectos
 

Principales características: 

- Soporte gran cantidad de formatos de video audio e imágenes.

- Integración con Gnome (arrastrar y soltar).

- Múltiples pistas de video y audio.

- Edición lineal relativa, y corte de metraje.

- Transiciones de video con previsualizaciones en tiempo real.

- Composición digital, superposición de imagen, marca de agua.

- Títulos animados en 3D. (requiere tener blender instalado)

- Plantillas de títulos, creación de títulos, subtítulos.

- Admite imagenes SVG para crear títulos y créditos.

- Clips de color sólido (incluye canal alfa).

- Soporte para arrastrar y soltar en la línea de tiempo.

- Reproducción cuadro por cuadro con las teclas: J,K, y L.

- Codificación de video (ffmpeg).

- Animación por cuadro clave.

- Zoom digital para los clips de video.

- Cambio de velocidad de reproducción de los clips.

- Soporta máscaras personalizadas para las transiciones.

- Escalado de video.

- Mezcla y edición de audio.

- Gran cantidad de efectos.

- Capacidad para trabajar con video de alta definición como HDV y AVCHD. 

para instalar OpenShot en ubuntu, lo puedes buscar en el centro de software o con el siguiente comando en terminal: 

sudo apt-get install openshot

si quieres tener la última versión agregas el repositorio:

sudo add-apt-repository ppa:jonoomph/openshot-edge
sudo apt-get update
sudo apt-get install openshot openshot-doc

Cogs - puzles en 3D

Hace ya algún tiempo que fue lanzado Cogs (Humble Indie Bundle 3), un estupendo juego de puzles 3D, multiplataforma y bastante adictivo diría yo, pero por algún motivo después de instalarlo en Ubuntu no iniciaba correctamente así que me pasé un buen tiempo tratando de resolver el problema y descubrí que las exigencias gráficas de este juego superaban la capacidad de mi targeta gráfica intel HD sandy bridge de 64 MB y aunque tengo entendido que las gráficas intel HD son dinámicas, o sea que su memoria se expande de ser necesario, no conseguía correr Cogs.


La verdad es que en el mercado existen muchas nothebock que son bastante modestas como la mía, que trabajan con los gráficos al tope, y aunque los nuevos núcleos están mejorando mucho el procesamiento gráfico, aun les falta mucho, una mejor opción es usar los drivers privativos para obtener aceleración gráfica.



De cualquier manera si su equipo se encuentra en el limite de la memoria de vídeo, pueden tratar de bajar un poco los requerimientos del juego, para hacerlo, si Cogs no les corre o si les corría y después de uno ajustes no lo hace, entonces pueden editar su archivo de configuración manualmete:

~/.local/share/Cogs/cogs.ini 

VolumeMusic 0.044484
VolumeEffects 0.750000
EnableShadows false
EnableFilters false
Fullscreen false
IntervalImmediate true
Resolution 0
WindowPosX 0
WindowPosY 0
Antialiasing 0
Language spanish

Si después de esto no les funciona aun, creo que tendrán que comprar otra targeta gráfica o vivir sin este juego.


para instalarlo en ubuntu, windows y mac:


http://www.desura.com/games/cogs

VLC, automatización

El día de hoy les voy a hablar de otra de las buenas cualidades de mi reproductor favorito: VLC. ¿Alguna vez haz querido ver tu programa favorito vía streaming pero no puedes estar en casa en ese momento?,  si tienes vlc instalado y usas ubuntu no tienes por que perdértelo.

Para lograr tal efecto vamos a utilizar el soporte por comandos de vlc,  también necesitaremos instalar una aplicación llamada alarm-clock. para instalarla en ubuntu abrimos un terminal y digiramos lo siguiente:

sudo apt-get install alarm-clock 

o desde el centro de software.

paso 1- Crear el archivo con el comando personalizado.

Abrimos Gedit y escribimos el siguiente codigo:

#!/bin/bash

vlc mms://195.90.118.87/somethingmovies2_1 --run-time=3600 --sout '#transcode{vcodec=theo,vb=64,fps=4,scale=1,acodec=mp3,ab=128, channels=2}:std{access=file,mux=ogg,dst='/home/usuario/tv-record.avi'}' vlc://quit; 

 shutdown now;

Para personalizar este comando solo tienes que sustituir: mms://195.90.118.87/somethingmovies2_1 por la ruta de tu canal,

controlas el tiempo de grabación con: --run-time=3600 (expresado en segundos), configuras los codex de grabación con: --sout '#transcode{vcodec=theo,vb=64,fps=4,scale=1,acodec=mp3,ab=128, channels=2}:std{access=file,mux=ogg,dst=, y la ruta y nombre de archivo de salida: /home/usuario/tv-record.avi, y por ultimo para salir de vlc: vlc://quit. y apagar el equipo, aunque puedes quitar este comando si no lo deseas.

Ahora lo guardas en la carpeta terminal como grabacion.sh o con el nombre que quieras mientras lo recuerdes después.

paso 2- Configurar alarm-clock.

Abrimos alarm-clock, seleccionamos nueva alarma, 
 

escoge la opción despertador, le colocas el nombre que quieras y colocas la hora a la que aparece tu programa, en el área de alertas escoges iniciar programa, comando personalizado y escribes lo siguiente: bash "grabacion.sh". No olvides dejar la alarma activa.

Desde linea de comandos puedes realizar todas las acciones que realizamos comúnmente en forma gráfica y algunas otras que mas, por ejemplo puedes grabar con tu webcam de la siguiente manera:

#!/bin/bash

cvlc v4l2:///dev/video0 --run-time=10 --sout '#transcode{vcodec=theo,vb=64,fps=4,scale=1,acodec=none}:std{access=file, mux=ogg,dst='/home/rolando/webcam-record.avi'}' vlc://quit;

nota: si usas cvlc en lugar de vlc el reproductor no será visible.

En conclusión, el mundo del software libre está lleno de grandes posibilidades y VLC no es la excepción, los animo a explorar el soporte de comandos de vlc, son muchas las posibilidades.

Mas información: http://wiki.videolan.org/VLC_command-line_help

PlanetUbuntu: funcionando al 100%

Hoy me tope con una muy grata sorpresa, PlanetUbuntu: funcionando al 100% y aceptando donaciones.

Después de varias semanas sin saber nada sobre PlanetUbuntu ya lo tenemos otra vez "vivito y coleando", desde hace un tiempo para acá que es la primera página que visito al conectarme, así que comprenderán como me he sentido estos días.

Desde aquí los invito a participar en este sitio: comenten, suscribanse y sobre todo ¡donen! que todo lo que es libre se mantiene, con trabajo, voluntad y el apoyo de los demás.

Y a los amigos de PlanetUbuntu, ¡binevenidos de nuevo!
http://www.planetubuntu.es/ 

Matriminios modernos [Humor]

Tomado de ubuntips:

http://www.ubuntips.com.ar/2011/10/16/humor-matrimonios-modernos/

Fuente original:

http://www.inheritthemirth.com/

Traducido por: UnaWeb+Libre

Dropbox, hosting para tus proyectos de clase

Son muchas las formas de aprovechar los 2 GB de almacenamiento gratuito que brinda dropbox y si eres estudiante de informática entonces sabes de que estoy hablando, pues bien, en estos días he estado recibiendo un curso sobre diseño web y como no tenia un lugar donde colgar mis proyectos y prácticas de clase me pareció muy útil usar la carpeta pública de Dropbox para tal efecto.

Es muy sencillo, creas una carpeta que contenga todos los archivos de tu proyecto, la pegas dentro de la carpeta pública de Dropbox, entras y buscas tu pagina de inicio o index.html, click derecho copiar enlace público y publicas o la envías el link por correo a compañeros o profesores.

Y ya tienes colgada una pagina web, así de sencillo.

Aquí les dejo un ejemplillo:

https://dl.dropbox.com/u/59010066/web/ejemplo-javascript.html

VLC !Es mas que un reproductor!

El día de hoy ha sido actualizado mi reproductor de video faborito VLC a la versión 2.0.2, y es mi faborito no solo por ser software libre, sino por lo su gran eficiencia, es capas de reproducir casi todos los formatos existentes, (al menos los mas populares y utilizados en la actualidad) sin tener que instalar codecs al sistema.

Últimamente vlc ha cambiado notablemente de apariencia, lo cual me parace un ben cambio en favor de los que si nos importa la apariencia.

Entre las mejores caracteristicas que posee puedo citar las siguientes:

-Multiplataforma: Windows, Linux y Mac.

-Maneja subtitulos y varias pistas de audio.

-Guarda listas de reproduccion.

-Controla la velocidad de reprodución.

-Sincronisación de pistas de audio y/o subtitulos.

-Soporta skins y visualizaciones.

-Salida de video a otros monitores

-Extraer o "ripear" peliculas de DVDs

-Puede grabar vídeos mientras se reproducen. 

-Puede reproducir videos dentro de comprimidos RAR.

-Escuchar emisoras de radio online.

-Convertir archivos de vídeo y audio a otros formatos.

-Ver y descargar vídeos de Youtube.

Formatos Soportados:

Archivos capaces de leer

UDP/RTP unicast o multicast, HTTP, FTP, MMS, RTSP, RTMP, DVD, VCD, SVCD, CD Audio, DVB, Video acquisition (a través de V4l y DirectShow), fuentes RSS/Atom y archivos almacenados en tu computadora.

Formato contenedor

3GP,5 ASF, AVI, FLV, Matroska, Musical Instrument Digital Interface (.mid/.midi), QuickTime, MP4, Ogg, OGM, WAV, MPEG-2 (ES, PS, TS, PVA, MP3), AIFF, Raw audio, Raw DV, MXF, VOB.

Formatos de video

Cinepak, Dirac, DV, H.263, H.264/MPEG-4 AVC, WebM, HuffYUV, Indeo , MJPEG, MPEG-1, MPEG-2, MPEG-4 , RealVideo 3&4, Sorenson, Flash Video, Ogg Theora, VC-1,7 VP5,7 VP67 y WMV.

Subtítulos

DVD, SVCD, DVB, OGM, SubStation Alpha, Advanced SubStation Alpha (mediante LibASS), SubRip, MPEG-4 Timed Text, documento de texto, Vobsub, MPL28 y Teletext.

Formatos de audio

AAC, AC3, ALAC, AMR,5 DTS, DV Audio, FLAC, MACE, MP3, QDM2/QDMC, RealAudio, Speex, Screamtracker 3/S3M, TTA, Vorbis y WMA.   

para instalar esta versión en ubuntu agregamos su repositorio oficial:

sudo add-apt-repository ppa:videolan/stable-daily

sudo apt-get update sudo apt-get install vlc

para instalar en Windows
Puedes descargar la ultima versión desde su pagina oficial: http://www.videolan.org/vlc/

Instalacion del kernel Linux 3.4.4

El kernel 3.4.4 es el utilizado en la nueva versión de Ubuntu 12.10 e incorpora lgunos drivers inalámbricos, Radeon y USB actualizados, algunas correcciones de ARM, mejoras para las arquitecturas x86 y PowerPC, y otros cambios menores. Esta actualización es considerada como estable y se recomienda su instalación.

Nota: instalar manualmente nuevos kernels nunca deja de ser un riesgo si no se sabe lo que se está haciendo. No me hago responsable de una "mala praxis" en tu sistema.

Para instalarlo podemos elegir una de las siguientes opciones:

1- Instalando el poquete .deb

2- Agregando el repositorio

3- Mediante el script de instalación

4- Compilando las fuentes

En este tutorial haremos uso del terminal, no se preocupen, no muerde.

1- Instalando el poquete .deb:

Si tienes un procesador 32 bits con 4 GB de RAM o menos, deberás descargar estos archivos:

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-headers-3.4.0-030400-generic_3.4.0-030400.201205210521_i386.deb

$ wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-image-3.4.0-030400-generic_3.4.0-030400.201205210521_i386.deb

Si tienes un procesador de 32 bits con más de 4 GB de RAM, deberás descargar estos archivos:

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-headers-3.4.0-030400-generic-pae_3.4.0-030400.201205210521_i386.deb

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-image-3.4.0-030400-generic-pae_3.4.0-030400.201205210521_i386.deb

En el caso de que tengas un procesador 64 bits, descargaremos estos archivos:

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-headers-3.4.0-030400-generic_3.4.0-030400.201205210521_amd64.deb

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-image-3.4.0-030400-generic_3.4.0-030400.201205210521_amd64.deb

Solo queda descargar este archivo, tanto si usas 32 bits, como si usas 64:

wget http://kernel.ubuntu.com/~kernel-ppa/mainline/v3.4-precise/linux-headers-3.4.0-030400_3.4.0-030400.201205210521_all.deb

Ahora  instalas los archivos con gdebi en el orden de de la descarga, si no tubieras instalado Gdebi lo instalas así: 

sudo apt-get install gdebi

Después, click derecho, abrir con gdebi y listo. recuerda que debes tener 3 archivos e instalarlos en el orden correcto (como fueron descargados).

2- Agregando el repositorio

sudo gedit /etc/apt/sources.list

Al final de archivo añadimos lo siguiente:

# Ubuntu Quantal Quetzal Repositories

deb http://security.ubuntu.com/ubuntu quantal-security main universe restricted multiverse

deb-src http://security.ubuntu.com/ubuntu quantal-security main universe restricted multiverse

deb http://it.archive.ubuntu.com/ubuntu/ quantal-updates main universe restricted multiverse

deb-src http://it.archive.ubuntu.com/ubuntu/ quantal-updates main universe restricted multiverse

deb http://it.archive.ubuntu.com/ubuntu/ quantal main universe restricted multiverse

deb-src http://it.archive.ubuntu.com/ubuntu/ quantal main universe restricted multiverse

Guardamos y cerramos el archivo y procedemos a actualizar la lista recién modificada:

sudo apt-get update

Y por último, falta instalar; para los usuarios con 32 bits con 4 GB de RAM o menos y usuarios con un procesador de 64 bits:

sudo apt-get install linux

Y para los usuarios con un procesador de 32 bits con más de 4 GB de RAM:

sudo apt-get install linux-generic-pae

Tan solo queda reiniciar el sistema y, probablemente, reinstalar drivers. La ventaja de este método es la constante actualización del kernel. O desventaja, ya que puede llegar a ser pesado, y además, añade la actualización de varios paquetes.

después de esto, si no quieres tener un montón de actualizaciones de más,borras los repositorios anteriores.

sudo gedit /etc/apt/sources.list

Y eliminando estas líneas que habias agregado:

Guardamos y cerramos el archivo y, procedemos a actualizar la lista recién modificada:

sudo apt-get update

y listo.

3- Mediante el script de instalación:

descargas el script:

wget http://ubunteate.es/wp-content/uploads/ubunteate-kernel-3.4.sh

Le das permisos de ejecución:

sudo chmod +x ubunteate-kernel-3.4.sh

Lo ejecutas:

./ubunteate-kernel-3.4.sh

y listo.

4- Compilando las fuentes

1- Verificar si se tiene todo lo necesario para compilar el kernel:

sudo apt-get install build-essential gcc libncurses5-dev

2- Descargar la fuente del Kernel Linux 3.4.4:

wget http://www.kernel.org/pub/linux/kernel/v3.0/linux-3.4.4.tar.bz2

3-Las descomprimes: 

tar -xjvf linux-3.4.4.tar.bz2

4-ir a la carpeta descomprimida y crear el makefile

cd linux-3.4.4

sudo make Makefile

5- Hay tres formas de configurar el kernel:

make menuconfig - sólo texto y en colores

make xconfig - gráfico (Qt) en KDE

make gconfig - gráfico (Gtk) Gnome

elegen las que mas les convenga:

sudo make menuconfig ,

sudo make xconfig ó sudo make gconfig

Aparece un menú, donde podemos seleccionar los módulos a instalar.

6- Compilar el kernel, esto puede tomar varias horas, dependiendo de lo que se haya elegido en el menú, así que hay que armarse de paciencia: 

sudo make

7- Compilar los módulos del kernel

sudo make modules

8- Instalar los módulos

sudo make modules_install

9-  y por último Instalar el kernel

sudo make install

10- reiniciamos y listo.

Espero que este tutorial halla cido de utilidad.

Diseño web con Firefox

Una de las labores que mas disfruto es el diseño web, no es que sea un experto, me declaro un amater, pero en lo poco que explorado en el tema me he dado cuenta que con firefox, mi navegador favorito, es muy fácil y cómodo hacerlo.

Aunque no sea el mas rápido, tengo a posposición de unos pocos clicks varias herramientas para el diseño y en esta entrada repasaremos algunos de ellos y como nos hacen más fácil la vida.

1- Firebug

Una vista del código que compone cualquier página web, estándares usados, esquemas de color, dimensiones de cada objeto, CSS completo y demás. Lo mejor es que se permite editar cualquier espacio en caliente y ver los cambios instantáneamente.

Añadir a firefox: 

firebug 

2- FireFTP

Un cliente de FTP para descargar, subir y gestionar los archivos almacenados en un servidor sin necesidad de salir del navegador. Se integra perfectamente a las funciones de ejecución y vista por defecto de Firefox. Existen varios complementos como este para firefox, pero concidero que este es el mejor.

Añadir a firefox:

fireftp

3- Web Developer

Web developer es un paquete de utilidades de desarrollo organizadas en forma de barra de herramientas: bloqueo de scripts, cookies e imágenes, edición de CSS, resaltado de características, información específica de los objetos, detalles de formularios, búsqueda de errores y otras varias opciones.

Añadir a firefox:

web-developer

4- Colorzilla

Este complemento en particular me gusta mucho, colorzilla tiene la capacidad de tomar una muestra de color de cualquier página web y devolvernos su código en RGB, hexadecimal, lo cual es muy útil ya que aveces cuesta atinarle al código de algún color que queramos usar.

Añadir a firefox:

colorzilla

5-  tilt 3D y css Editor

Puedes visualizar las capas de una página, utilizar los botones del ratón y el teclado para acercar o alejar el zoom, rotar y desplazar la página web y desplazarte por cada segmento de código de la misma.

El editor le permite cambiar fácilmente los elementos de código CSS de la página web y ver los cambios al mismo tiempo. Para utilizar el editor de estilo, abierto "herramientas" del menú desplegable y abierto "editor de estilo" en el menú de desarrolladores web. 

Añadir a firefox:

tilt-3D
Nota: si usas firefox de la versión 11 en adelante ya lo tienes instalado.