Tags web …

jul 05 2011
Deja tu comentario
Programacion

Como centrar una imagen con CSS

Si lo que necesitas es centrar una imagen con Hojas de Estilo, pues dejame decirte que existen 2 métodos, usa el que más te convenga:

img { display: block; margin: auto; }

El único inconveniente que tiene esta opción es que no funciona e en Internet Explorer… Pero esta  forma, tal ves no sea la más profesional pero funciona:

<div style=”text-align:center”><img src=”http://direccion/de/la/imagen.jpg”/></div>

 

Si tuvieras alguna duda, puedes dejarla en los comentarios

Tags , , , , , , , ,
may 06 2011
1 Comentario
Programacion

Como convertirme en un buen programador

Deseas aprender a programar y no sabes como hacerlo bien… A continuación te presento una lista de consejos que te ayudarán a convertirte en un experimentado programador Web, recuerda:

Programar es como ejercitar un músculo, debes ejercitarlo para que se desarrolle

 

  1. Estudia en todo momento. Mientras más estudiemos más oportunidades de programar mejor tendremos.
  2. Busca antes de preguntar. Porque no intentas buscar lo que necesitas y si no encuentras la solución… ahora si: Pregunta, pero recuerda ser amable… No llegues exigiendo la solución; presenta tus pruebas y teorias, y veras que alguien amablemente te ayudará.
  3. Busca código ya hecho. Tienes pensado desarrollar una aplicación, porque no buscas un código libre que haga lo que necesitas, lo estudias, modificas  y posteriormente intenta mejorarlo.
  4. No hagas copy & paste. El peor error que puedes cometer es solamente copiar y pegar código, creeme no te dejará nada bueno a largo plazo.
  5. Comenta tu código. Aunque el realizar comentarios en tu código puede resultar estorboso y molesto te ayudará si es que quieres aprender a ser un buen programador.
  6. Participa en redes sociales. Porque siempre habrá alguien más a quien puedas asesorar y con quien puedas fortalecer tu conocimiento…
  7. Mantente actualizado. Los lenguajes de programación estan evolucionando diario, por lo que debes siempre estar siempre al día de lo que ocurre para optimizar tus códigos y conocer las nuevas implementaciones realizadas a tu lenguaje.
  8. Practica en todo momento. Dicen que la practica hace al maestro y que crees: ¡Es muy cierto!

 

Tags , , , , , , , ,
feb 14 2011
Deja tu comentario
Programacion

Algunos consejos para ser un buen programador Web

Aprende a usar estándares

Desde que te inicies en la programación web, intenta implementar la mayor cantidad de estándares posibles, acostúmbrate a usarlos pues te facilitarán la vida una vez que te hayas adentrado bastante en este mundo.

Aprende Hojas de Estilo y lo básico de diseño Web

Dale la importancia necesaria a tu sitio web y las hojas de estilo te ayudarán para que tu sitio luzca presentable. Puedes recurrir al uso de plantillas si el diseño no es lo tuyo pero te aconsejo sepas lo suficiente de CSS para que puedas modificar tu template a tu gusto y si hay algún error sepas realizarla.

Cuida el uso Flash

No uses demasiadas animaciones flash en tu página Web, ya sabemos que buscas un sitio Web atractivo, pero el usarla en exceso alejará a tus clientes además de que puede alentar la carga de tu sitio Web.

Aprende el código paso a paso

En un principio trata de no recurrir a algún framework, empieza a codificar paso a paso todo, para que te vayas relacionando con las funciones, es es recomendable tanto para:  Hojas de Estilo, HTML, JavaScript, PHP y la consola.

Tags , , , ,
feb 10 2011
Deja tu comentario
Entretenimiento

El Photoshop que todos deberían tener

Cuantas veces estamos trabajando un proyecto y el cliente pide que para mañana le hagamos un logotipo bonito y barato… o que le entregues un diseño Web rápido y super atractivo como por arte de magia.

Pues para todos aquellos que deseen complacer a su cliente, Adobe ha liberado su nueva versión de Photoshop, listo para clientes exigentes.

photoshop-todos-deberian-tener

Fuente: Jaume Estruch

Tags , , , , , , , ,
feb 09 2011
Deja tu comentario
Tecnologia

Errores que no debes cometer al Construir tu sitio Web

  1. El usuario debe saber de qué es tu sitio Web en pocos segundos. Cuentas com menos de 10 segundos para impresionar a tu visitante úsa ese tiempo sabiamente.
  2. Haz el contenido “scaneable”. “Los usuarios no leen los sitios, los scanean” (Jakob Nielsen).
  3. No uses tipografías difíciles de leer en textos que quieres que se lean. La fuente Kunstler Script sin duda es muy bonita… pero has intentado leer todo un artículo con ella.
  4. No uses tipografías pequeñas. Recuerda que NO todos tienen una vista privilegiada como la tuya.
  5. No abras páginas nuevas. Porque obligar a los usuarios a tener cientos de ventanas abiertas si ya existen los PopUp Modales con Jquery.
  6. No redimensiones la ventana del navegador. Y menos hagas sitios FullScreen, acaso crees que lo único que quiere ver el usuario es tu página Web.
  7. No solicites regitrarse al usuario a no ser que sea necesario. Regístrese aquí! ¿Para qué? ¿Por que si?.
  8. No uses Flash sin una razón de peso (ojo que hay pocas). Flash es muy útil para darle movimiento solo a algunas secciones de tu Sitio Web… no a todo.
  9. No toques música en el sitio. Acaso crees que el usuario le interesa escuchar tu canción? ¿Crees qué no tiene en su computadora música que preferiría escuchar antes que la tuya?.
  10. Si debes reproducir audio, deja que el usuario lo inicie. No se trata tampoco de hacer un Sitio Web mudo, si eres músico y quieres colocar audio en tu sitio, puedes hacerlo, sólo asegurate que se pueda iniciar y detener por el usuario.
  11. No llenes tu sitio con “badges”. Los Badges son esas estrellas con muchas puntas que aparecieron con el boom del Web 2.0 en el 2005… el tiempo pasa.
  12. Asegúrate de colocar una forma de contacto. ahora cómo puedo comunicarme con ustedes, que?? no hay un formulario de contacto, ni teléfono?.
  13. No uses texto parpadeante. Y texto son palabras que no deberían estar juntas nunca, aparte que cuesta leerlo.
  14. Evita Estructuras de URL complejas. Piensa en que alguien pueda pasarle la URL a otra persona por teléfono, twitter o facebook, evita las URL inintendibles, si lo haces te ayudará incluso en tu SEO.
  15. Prefiere el CSS por sobre las tablas. Las tablas son para información… no para diagramar.
  16. Si estás vinculando hacia un PDF… Házlo saber. El PDF abre el Acrobat en el Browser lo cual consume una cantidad importante de recursos que podrían incluso mstar una PC viejita, deja que usuario decida si quiere verlo o no.
  17. No confundas al visitante con varias versiones del sitio. Haz una sóla, eso de versión flash y HTML son cosas del pasado.
  18. Usa estructuras de navegación simples. Haz que tus menús sean tan claros como para que el usuario pueda intuir fácilmente que hay dentro.
  19. Evita por sobre todas las cosas un Intro. Ya estamos grandesitos para eso, no?
  20. Asegúrate que tu sitio sea compatible en varios Navegadores Web. Inicia con FireFox y luego asegúrate que se vea bien en Internet Explorer y termina probandolo en una netbook, iPhone, Blackberry, etc.
  21. No metaforices los links. “El baúl de disfraces” no es un nombre para una sección, sé directo y claro, la sección es de contacto, llamala “Contacto”.
  22. Haz que los links se noten. Si tus links parecen contenido o parte del diseño, nadie sabrá que puede darlse clic.
  23. No subrayes texto a menos que sea un Link. Está estandarizado que los textos subrayados son links, NUNCA subrayes un texto si no es link, confundirás al usuario.
  24. Haz que los links visitados queden marcados. Personalmente aplico esta decisión sólo en listados de links o en páginas con muchos links, considero innecesario hacerlo en sitios pequeños en donde no hay mas de 5 secciones, simplemente puede terminar confundiendo más que ayudando
  25. No uses Gifs Animados. no hay más que decir…
  26. Asegúrate de colocar los atributos ALT y TITLE en las imágenes. Mejorará la accesibilidad de tu sitio Web y el SEO.
  27. No uses colores molestos. Una cosa es querer ser llamativo, o llamar la atención, otra completamente distinta es hacer de tu sitio el festival del color en donde no se puede leer nada porque la selección amarilla perturba.
  28. No uses Pop-Ups. Aunque tu cliente y tu flojera te lo exijan!!
  29. Evita los Links por JavaScript. Los típicos “on click” que luego son reemplazados por gatos (#) no son reconocidos por los robots de los buscadores por lo tanto no son correctamente indexados en Google.
  30. Incluye links funcionales en tu Footer. Si tus usuarios no encuentran la información en el principio de la página, irán a buscarla al fondo, preocúpate que tu footer tenga info relevante como teléfonos direcciones o accesos a información destacada.
  31. Evita las páginas largas. Google adora las páginas largas, mientras más contenido mejor (con limite eso si) pero a la gente no les gusta tanto, hoy están mas acostumbradas a hacer scroll a lo que lo estaban hace un par de años, sin embargo, recuerda siempre que debes mantener tu contenido lo mas conciso posible, la gente no lee textos enormes.
  32. No uses el Scroll horizontal. Mucha gente ni siquiera notará que tu sitio tiene un scroll horizontal, por lo que posiblemente pierdan contenido importante, ahora si tienes un monitor de 800×600… acostumbrate al scroll horizontal.
  33. Cuidado con los errores de ortografía. Loz herrores de hortografia le kitan credivilidad a lo que escrives.
  34. Si usarás CAPTCHA en los formularios, asegúrate que los textos sean legibles. Si no me crees aqui unos ejemplos de ellos.
Tags , , , , , , , , , , , ,
Página 1 de 3123

Escribo de los siguientes temas


Sitios que te recomiendo leer

Monetizado con WP-HOTWords.