Desarrollo Web

Acá dejo el enlace a un post de cssblog.es que muestra el código CSS de 10 técnicas de reseteo de CSS. Esto de resetear el CSS nos sirve para que distintos navegadores tengan el mismo comportamiento, y de esta manera evitar sorpresas “porque IE muestra los <h1> y <h2> más grandes que Firefox”, y ese tipo de cosas molestas de la maquetación.

Cada una de estas “técnicas” es el enfoque particular de personas o corporaciones para llegar a lograr una hoja de estilos cross browser.

Sinn más que agregar, les dejo el link:

http://www.cssblog.es/10-tecnicas-para-resetear-css/

Saludos desde Friendlysoft!

Muchas veces nos es más fácil instalar, configurar y armar nuestro sitio Drupal en nuestro servidor local (localhost) y luego, cuando está terminado, subimos los archivos al servidor definitivo. Esto es fácil si se sabe excatamente que elementos editar para que la instalación funcione en el nuevo servidor.

A continuación se listan los pasos necesarios para migrar una instalación Drupal desde nuestro localhost a un servidor en internet.

1. Exportar la base de datos. Generamos un archivo SQL desde nuestro administrador de base de datos local (por ejemplo phpMyAdmin) y lo cargamos en la aplicación correspondiente del servidor nuevo.
2. Subir por FTP todos los archivos al nuevo servidor (tener cuidado con el archivo .htaccess ya que es un archivo oculto y algunos clientes FTP no muestran estos archivos).
3. Editar el archivo settings.php (en el directorio sites/default/) con los nuevos datos de conexión a la base de datos.
4. Ajustar ruta al directorio TEMP. (Administrar > Configuración del Sitio > Sistema de Archivos). Esta ruta normalmente apunta a un lugar de nuestro disco local, por esta razón hay que indicar una nueva ruta para el directorio temporal.
5. Cuando utilizamos el módulo IMCE, es probable que las rutas de los archivos subidos durante el desarrollo en nuestro localhost tengan la dirección de nuestro servidor local. Una forma rápida de corregir esto es editar el archivo SQL que exportamos y reemplazar las aparaciones de la ruta erronea con la nueva ruta que ahora es la correcta.

Opcional. Para probar la instalación se puede ejecutar el archivo update.php. En caso de error al ejecutar este archivo, establecer en settings.php el valor de la variable $update_free_access en TRUE.

Acabo de entrar al perfil de Twitter de Designshack donde encontré el twit sobre un par de artículos interesantes que postean desde otro sitio, llamado DesignM.ag.

Están orientados a diseñadores y maquetadores/codificadores de XHTML y CSS. Están en inglés pero vale la pena hacer el esfuerzo y seguirlos, sobre todo para tener una referencia de cómo trabaja la gente que sabe.

El primero en “orden de uso” se llama “Cómo diseñar un sitio web corporativo en Photosop” (How to Design A Corporate Website in Photoshop). Es un tutorial paso a paso, desde que abrimos un nuevo archivo, pasando por detalles finos del proceso hasta un final que incluye el archivo PSD para descargar. Rescato acá algo que conversamos siempre con Dani y tratamos de transmitir a los diseñadores: el uso de Photoshop como herramienta principal a la hora de llevar a cabo un diseño para pantalla. A la hora de maquetar y lograr terminaciones excelentes, es necesario diseñar a nivel píxel,  y esto sólo se puede hacer en programas que están hechos para trabajar a nivel píxel. Si, los vectores son fantásticos, pero cuando hay que exportar los sectores para armar una página web, los programas como Illustrator exportan siempre con un suavizado que deja, por ejemplo, las líneas que deberían ser de 1px de ancho en dos o mas, generando un efecto indeseado. En fin…

El segundo artículo encontrado trabaja sobre el diseño hecho en el anterior, y el autor va confeccionando la página a partir de la exportación de imágenes desde Photoshop para luego volcarse al código. Se llama “Codificando un sitio corporativo a partir de Photoshop: de PSD a HTML” (Code a Corporate Website from a Photoshop Design: PSD to HTML Tutorial).

Aprovecho también para recomendar un sitio que comenzó como galería de sitios con buen CSS y se convirtió en un magazine con un montón de referencias, artículos e inspiración para diseñadores y codificadores web: DesignShack.co.uk.

Saludos desde Friendlysoft!

Jakob Nielsen, considerado el padre de la Usabilidad, la definió como el atributo de calidad que mide lo fáciles de usar que son las interfaces web. Un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil, cómoda, segura e inteligente posible.

Es decir que la finalidad, en este caso de un sitio web, es lograr que el usuario encuentre lo que busca en el menor tiempo posible.

La Usabilidad de un sitio web está determinada por sus contenidos: mientras más cercanos estén al usuario, mejor es la navegación por los mismos y más acertada será su experiencia al enfrentarse a la pantalla.

Lógicamente es imposible crear un sitio web ciento por ciento perfecto y en óptimas condiciones, pues no se puede agradar al mismo tiempo a millones de usuarios. Sin embargo, los diseñadores y creadores deben tratar de mostrar todos los elementos de una manera clara y concisa, evitando el menor número posible de clics y de scroll.

Aunque no hay estándares definidos para la Usabilidad, depende en cierta forma del espacio donde se desenvuelve el navegante. Pero lo importante en este caso es que el usuario no se deje consumir ni dominar por el sitio, es decir que sea él mismo quien tome el control de la navegación por medio de un aprendizaje sencillo y el dominio de los elementos necesarios, para encontrar finalmente y en el menor tiempo posible lo que busca.

Un buen sitio Web debe responder a las necesidades del usuario.

Un error recurrente de los creadores y diseñadores de sitios Web, es querer imponer sus decisiones y criterios sin pensar en el usuario. Por eso en el momento de diseñar el sitio e introducir contenidos, siendo está última labor de los editores, y no de los diseñadores, es importante pensar en el otro.

Un poco de Wikipedia.

El desarrollo de un sitio web genera expectativas en todas las empresas, porque es su “vidriera al mundo”. Las potencialidades de Internet son insuperables por cualquier otro medio. Permite que durante las 24 horas, todos los días del año, su empresa pueda recibir visitas, consultas, contacto. Es una fuente de información permanente y global para cualquier persona que busque lo que usted ofrece.

Esto genera la idea de que, por si mismo, el sitio web funcionará como un imán que atraiga nuevos clientes potenciales.

La realidad es que el sitio web es solo una parte (la primera, quizá) de un proceso en permanente evolución: el marketing en Internet.

La audiencia potencial de su sitio web probablemente no este buscando “su empresa”. Esta audiencia incluso puede no saber que su empresa existe en Internet. Por eso si quiere conquistar clientes en la web, tiene que ir a buscarlos.

Internet es un canal ideal para fortalecer el conocimiento de la audiencia sobre sus productos. Para que lo conozcan, usted debe ser parte de los medios en los que se mueve su público objetivo.

Dependiendo del nivel que quiera que ocupe Internet como medio para vincularse con los clientes, serán las estrategias.

Algunas empresas les sirven grandes públicos, diversos, mientras que otras requieren de nichos pequeños y específicos de la audiencia digital. En la naturaleza de su producto o servicio usted define cual es su segmento en Internet que le interesa.

Con FriendlyClick usted garantiza contenidos renovados, presencia en redes sociales, publicidad en los medios específicos, posicionamiento web y otras múltiples herramientas que le permitirán que su sitio web se un efectivo canal de ventas.