Archive for desarrollo web

Aprende acerca del posicionamiento con CSS

// Octubre 8th, 2009 // No Comments » // Web, desarrollo web

Seguramente has visto código como este en algunas hojas de estilo CSS:

1
2
3
4
5
6
7
8
9
10
11
12

#div-1 {
  position:relative;
  top:20px;
  left:-40px;
}
 
#div-1a {
  position:absolute;
  top:0;
  right:0;
  width:200px;
}

Pero, ¿te has preguntado qué hacen, cómo funcionan o cómo interactúan exactamente las posiciones absolute y relative?

¿Si? Pues yo también, y fue hasta que encontré este sitio que todas mis dudas fueron despejadas:
Learn CSS Positioning in Ten Steps

¡Una lectura bastante recomendada, si andas en el rollo del diseño web! :)

Artículos relacionados:

Un reproductor multimedia de código abierto para aplicaciones web

// Agosto 31st, 2009 // No Comments » // desarrollo web

flowplayer-logo

¿Eres un desarrollador de aplicaciones web (Rails, PHP, ASP, etc.) y necesitas reproducir video o música y no estás seguro de qué usar?

Te presento Flowplayer: Reproductor Flash de video para la web.

Flowplayer es un reproductor de video de código abierto (GPL 3) para la web. Úsalo para embeber videos y películas en tus páginas y sitios.

Descárgalo aquí.

Artículos relacionados:

Cómo instalar PostgreSQL en Ubuntu 9.04 Jaunty Jackalope

// Julio 20th, 2009 // 26 Comments » // desarrollo web, linux, tutoriales

postgresql-pwns-mysql

Acabo de incorporarme a un proyecto en Rails en el que usan PostgreSQL, y como recién formateé y le puse Ubuntu 9.04 a la laptop, necesito ahora instalarle ese manejador de base de datos.

Y es un buen pretexto para por fin escribir la guía de cómo instalarlo en Ubuntu.

Como siempre, vamos a la consola y tecleamos:

1

sudo apt-get install postgresql postgresql-client postgresql-contrib libpq-dev pgadmin3

Eso instala el cliente y servidor de la base de datos, algunos scripts de utilería y la aplicación pgAdmin para administrar la base de datos. El paquete de libpq-dev nos servirá para poder compilar la gema Ruby de PostgreSQL más adelante.

Confirmemos que la instalación terminó adecuadamente teclando:

1

psql --version

En mi caso la respuesta fue:
psql (PostgreSQL) 8.3.7

Cambiar la contraseña del usuario administrador

Ahora necesitamos establecer la contraseña del usuario administrador postgres. Teclea la siguiente línea en la terminal (cambia la palabra password por la contraseña que desees usar):

1
2
3

sudo su postgres -c psql
ALTER USER postgres WITH PASSWORD 'password';
\q

Eso altera la contraseña dentro de la base de datos, ahora necesitamos hacer lo mismo para el usuario Linux postgres:

1
2

sudo passwd -d postgres
sudo su postgres -c passwd

Te aparecerá un prompt, introduce la misma contraseña que pusiste antes.

Poner a punto pgAdmin

Listo, de ahora en adelante podemos usar pgAdmin o la terminal para administrar nuestra base de datos como el usuario postgres. Pero antes de que te metas a pgAdmin deberías configurar el PostgreSQL Admin Pack, que te permite llevar un mejor registro y monitoreo de tu base de datos.

Ejecuta lo siguiente desde la línea de comandos en tu terminal:

1

sudo su postgres -c psql < /usr/share/postgresql/8.3/contrib/adminpack.sql

Para ejecutar pgAdmin ve a tu menú de aplicaciones:
Aplicaciones → Programación → pgAdmin III

Cambiar el esquema de autentificación de PostgreSQL

Al ejecutar algunos comandos de base de datos, es posible que te encuentres con un error que dice algo como:

FATAL: la autentificación Ident falló para el usuario «x»

Para evitarlo necesitas editar el archivo /etc/postgresql/8.3/main/pg_hba.conf y cambiar el esquema de autentificación. Abre el archivo con privilegios de root:

1

sudo gedit /etc/postgresql/8.3/main/pg_hba.conf

Y cambia esto:

1
2

# "local" is for Unix domain socket connections only
local all all ident sameuser

Por:

1
2

# "local" is for Unix domain socket connections only
local all all md5

Reinicia el servidor de PostgreSQL tecleando en tu terminal:

1

sudo /etc/init.d/postgresql-8.3 restart

PostgreSQL Ruby gem

Si planeas usar PostgreSQL dentro de Ruby, necesitarás esto:

1

sudo gem install postgres

En Rails, puedes crear una aplicación configurada para usar PostgreSQL con este comando:

1

rails miaplicacion -d postgresql

¡Listo! :D

Recursos

Install PostgreSQL on Ubuntu 8.04 (cómo acceder de manera remota a tu servidor)
Switching Rails to PostgreSQL

Artículos relacionados:

Enlaces sobre desarrollo web

// Julio 14th, 2009 // No Comments » // desarrollo web, enlaces, web development

links.jpg

Aquí les traigo una serie de enlaces a diferentes artículos y tutoriales, que tratan el tema del desarrollo web, espero les sean útiles:

Ahora que Javascript no es menospreciado, ¿a quién no le gustaría aprender algo de Javascript avanzado?

O si no eres avanzado, tal vez te interese conocer 24 mejores prácticas con Javascript para principiantes.

También por ahí anda un artículo con 30 mejores prácticas con HTML para principiantes

Cuando te sientas un poco suelto en el webdev, podrías echarle una mirada a detalle al 960 CSS Framework, un framework en CSS para desarrollo rápido de aplicaciones web.

Andando en los frameworks, ¿por qué no conocer 10 maneras de incrementar tu desempeño en jQuery? Y de paso aprender a hacer animaciones asombrosas con jQuery.
O un slideshow, al estilo de algún software de presentación ¡pero en la red!

Y ya que seas todo un master, puedes darte una vuelta por las instrucciones paso a paso para usar la API de Google Maps.

Artículos relacionados:

Ext JS 3.0 ya está aquí

// Julio 13th, 2009 // No Comments » // andanzas, desarrollo web

extjs

Fue liberada hace unos días la versión 3.0 de este framework para desarrollo de aplicaciones web.

Entre sus monerías incluye:

  • Soporte para peticiones directas, CRUD y REST
  • Nuevos ejemplos y componentes (incluye un componente para gráficas)
  • Más de 1,000 mejoras y correcciones – administración de memoria mejorada para IE6 (¡guácala!)
  • API documentada y CSS refactorizado
  • Compatibilidad con versiones anteriores

Aquí puedes ver una lista más detallada sobre lo nuevo.
O revisar algunas de las cosas que puedes hacer con él.

Artículos relacionados:

Recopilador de complementos para Firefox

// Julio 7th, 2009 // No Comments » // Web, desarrollo web

firefox.jpg

A veces se volvía algo tedioso el tener que apuntar todas las extensiones y agregados que uso en mi Firefox, para poder instalarlas en otro lado.

Al parecer no soy el único con este problema. Ya que, para aliviar esta situación, Mozilla decidió crear un recopilador de complementos.

Como su nombre lo indica, este agregado nos permite suscribirnos a paquetes probados y recomendados de extensiones útiles para nuestro Firefox. Y también, nos permite crear nuestras propias colecciones para después compartirlas con nuestros amigos y el mundo.

Por ejemplo, tenemos que hay una colección llamada Web Developer’s Toolbox que incluye cosas como: Firebug, Web Developer, FireFTP, Tamper Data entre otros. Tenemos también la lista de las más populares.

Muy recomendable. :)

Aquí te puedes dar una idea de las mejores extensiones que hay en este momento para Firefox:
Top 10 Must-Have Firefox Extensions, 2009 Edition

Artículos relacionados:

RubyCamp México

// Junio 3rd, 2009 // No Comments » // desarrollo web, eventos, programación

rubycamp_mx.png

¡Para todos los fans de los barcamps y Ruby (♥) viene ahora RubyCamp Ciudad de Mexico – IFUNAM! :D

¿Qué es un RubyCamp?

Un RubyCamp es un conjunto de “desconferencias” (eventos abiertos y participativos) que tendrán como temas principales:

  • El lenguaje de programación Ruby
  • Ruby On Rails, Merb, Sinatra, etc

Cuyo contenido será provisto por los participantes. Este RubyCamp se realizará en el Instituto de Física de la UNAM el día 05 de junio de 2009 (¡este viernes!).

¿Cómo me puedo registrar?

Registro RubyCamp (es un evento sin costo)
Pueden ver más información en el siguiente enlace: Rubycamp

Seguramente andaré por ahí, si se animan allá vemos. ;)

Artículos relacionados:

Ext JS 2.2 liberado

// Agosto 8th, 2008 // 3 Comments » // desarrollo web

simple-tasks.png

Siendo un ávido desarrollador de aplicaciones web, Ext JS se ha convertido en una herramienta imprescindible en mi stack de programación.

Ahora me llega la excelente noticia de que Ext 2.2 ha sido liberado. Y al parecer con un buen de mejoras y un par de componentes y ejemplos nuevos a pesar de ser sólo una versión de mantenimiento.

Lo nuevo

  • CheckboxGroup / RadioGroup
    Por fin soporte “oficial” para checkboxes y radiobuttons al más puro estilo Ext (demo).
  • History
    Ya podremos manipular el botón de “Back” de nuestro navegador para que coopere con nuestra aplicación de una sola página hecha en Ext (demo).
  • MultiSelect / ItemSelector
    Seleccionar múltiples elementos en las listas (demo).
  • FileUploadField
    Este componente es invaluable si tu aplicación debe permitir a los usuarios enviar archivos al servidor (demo).
  • XmlTreeLoader
    Componente para cargar un documento XML como árbol (demo).
  • GMapPanel
    Componente para cargar un mapa de Google en un panel de Ext. El ejemplo muestra como se puede extender un componente de Ext para que se comunique con una API externa (demo).

Otros cambios notables

  • Soporte total para Firefox 3
    Ext JS 2.2 ahora funciona mejor en Firefox 3. Se han corregido una serie de problemas visuales que presentaban algunos componentes como el DatePicker.
  • Ejemplos avanzados de Drag and Drop
    • Cómo implementar las clases Ext.DragZone/DropZone en el contexto de una aplicación de negocios (demo).
    • Arrastrar y soltar elementos de una grilla a otra (demo).
    • Arrastrar elementos de una grilla y soltarlos sobre una forma para poblar sus campos (demo).
  • Mejoras en rendimiento, corrección de bugs y más
    Mejoras en el rendereo de las grillas y corrección de algunos detalles con IE.

¡Ya lo quiero probar!

Para descargar el nuevo Ext 2.2, da clic aquí.
Pueden leer información más detallada sobre esta versión en: Ext 2.2 Released.

Artículos relacionados:

Firefox error 203

// Mayo 15th, 2008 // 5 Comments » // desarrollo web, linux, tips

firefox.jpg

Aunque traté de usar a Firefox 3 beta 5 como mi ambiente de desarrollo web, no pude. Aún le falta mucho trabajo al Firebug alpha para ser realmente útil. :(

Sin embargo, decidí dejarlo en mi máquina para seguirlo calando, y procedí a instalar Firefox 2. Pero al intentar instalarle alguna extensión (add-on) siempre me aparecía el mensaje de error número 203.

Hay quien propone borrar todo el directorio .mozilla de tu home (~). Funciona, pero no es necesario. La solución es más simple, sólo necesitas eliminar el archivo: extensions.rdf que se encuentra en: ~/.mozilla/firefox/80×821ay.default

Recuerda presionar Ctrl + H para ver los archivos ocultos.

Artículos relacionados:

Cómo instalar LAMP en Ubuntu 8.04, 8.10, 9.04, 9.10

// Abril 30th, 2008 // 107 Comments » // desarrollo web, linux

apache.jpg

Instalar LAMP (Linux Apache MySQL PHP) en tu máquina con Ubuntu no podría ser más fácil.

Con esta guía aprenderás cómo hacerlo en unos cuantos minutos. El procedimiento se divide en tres partes: Instalar y probar Apache, después PHP y finalmente MySQL.

Comencemos con Apache

En tu terminal (Aplicaciones → Accesorios → Terminal) teclea:

1

sudo apt-get install apache2

Listo, ya tienes instalado Apache 2 en tu máquina.

(más…)

Artículos relacionados:

« Older Entries
FireStats icon Con la potencia de FireStats