no puede seeeeeeeer Delfin unplugged

La taberna esta casi lista www.lataberna.pe

He venido trabajando con algunos amigos en un site peruano http://www.lataberna.pe para un pub . La verdad el site esta orientado por su simplicidad, hemos tenido muchas peleas sobretodo por cuestiones de diseño. Aunque no estoy del todo contento con el acuerdo final, creo que se acerca bastante a lo que yo buscaba.

El site se mantiene bastante simple al momento, comprar bebidas, ver fotografias de los clientes, ver los regalos que la compania ofrece entre otras cosas. Me hubiera gustado ver otras caracteristicas como comentarios y tags en las fotos, tal vez algun blog o actualizaciones de su pagina en twitter y facebook probablemente esten disponibles para futuras versiones.

Las lecciones aprendidas:

1. Django siempre nos salva y nos ahorra un enorme tiempo de desarrollo
2. Hacer mockups; nos falto hacer mockups para no tener tantas discusiones cuando las cosas ya estaba hechas
3. Los usuairos tambien piensan: muchas veces no los consideramos y este es un gran error, gente que poco sabe de desarrollo da muy buenas ideas.
4. Sorl thumbnails no solo hace thumbnails: por no leer la documentacion no sabiamos esto, ahora si notamos que sorl es bastante bueno
5. Algunas veces Internet Explorer 6 no tiene la culpa: siempre le hecho la culpa de todo (y es que generalmente si la tiene), pero sucede que algunas veces nuestro firefox o internet explorer 7 “corrige alguno de nuestros errores” no es hasta que no validamos el html/css que nos damos cuenta que el error es nuestro.
6. No necesitamos flash para hacer animaciones: muchas veces veo sitios web que tienen flash para cambiar algunas imagenes o hacer mas dinamicos sus banners. En realidad esto no es necesario ya que javascript lo puede hacer. Si bien es cierto era un poco mas trabajoso, ya no lo es tanto con los cientos de plugins que existen para jquery. Personalmente perfiero evitar el uso de flash en los websites

Bueno denle una mirada en http://www.lataberna.pe

ViaBCP

Hace unos dias tuve que ingresar al portal del banco de credito (www.viabcp.com) para hacer algunas transacciones y bueno como el site parece un poco antiguo y anticuado y yo tenia algo de tiempo libre me anime a revisar un poco el html del site. Aqui lo que encontre:

• Al ingresar a http://www.viabcp.com.pe me redirecciona a http://www.viabcp.com/zona_publica/01_persona/index.html. Es esto necesario? por que una url tan compleja para el homepage? Igualmente la redireccion me parece algo brusca.
• Si uno nota las urls del site, se da cuenta que son realmente feas y parecen no tener mucha coherencia entre si. Por ejemplo al hacer click sobre el tab “instituciones” la redireccion es a http://www.viabcp.com/zona_publica/09_banca/index.html esto me parece en extremo innecesario y mal organizado. zon publica???? es eso neceario???, 09_banca ??? entonces no deberia existir 08_banca??? por que todas sus paginas terminan en index.html es eso necesario?????
• la cabecera y pie no cuadran con el ancho del contenido (ver la imagen al final del post)
• Se usan tablas para el layout, el layout principal de la pagina se hace con tablas, lo que no es para nada elegante, incluso se incluyen tds para dar espacio entre columnas. Esto produce codigo html inentendible llegue a encontrar 4 tablas anidadas cuando ninguno de los elementos deberia era “tabulable”
• CSS redundate, no se usan mucho las cascadas para generalizar algunos elementos
• ninguno de sus links tiene el atributo title que es obligatorio
• WTF? no hay doctype en la declaracion del documento, sera 1.0?? transitional??? strict???xhtml?
• Se usan atributos y reglas que ya no deberian ser utilziadas (atributos de estilo como height width border en el html), como width para tablas en el html, etiquedas del tipo topmargin marginwidth marginheight entonces para que esta el css????
• No se especifica el type en sus scripts
• Existen scripts dentro del html (deberia ser mejor que los tengan afuera del documento)
• Aunque no es vital, es una buena practica poner los scripts en la parte final del html, aqui estan principalmente en el head
• Se usa

  nbsp;

  para saltos de linea

• Los scripts de js tienen llaves confusas, la indentacion no siempre es corecta
• existen tags script sin contenido
• algunos tags estan con mayusculas y otros con minusculas (si es xhtml todos deberian ser minusculas pero como dije antes, no sabemos si es o no xhtml por que no hay doctype)
• Hay tags con el atributo style, entonces para que tienen hojas de estilo externas?
• las imagenes no tienen el atributo alt que es obligatorio
• no existe ningun tipo de indentacion en el html generado
• en el css todo se hace mediante clases y el nombre de las clases esta totalmente relacionado con el estilo, por ejemplo txt12naraAri, es para textos de tamanio 12 de color naranja en Arial. Y que pasa si quiero que sean helvetica azul??? tendria que cambiar el nombre de la clase y actualizar todos los elementos que la referencian????
• el enlace a correoweb no funciona
• el logo del banner del header deberia ser un link al homepage no? (no es necesario pero se estila hacer eso)
• el site no funciona en absoluto (se muestra una pagina en blanco) si no se tiene javascript habilitado

site http://www.viabcp.com

Candidato presidencial

Un amigo me paso este tremendo link http://modestoerestu.blogspot.com/ Se trata de Modeto, un tio que quiere ser presidente. En su plancha presidencial propone a Optimus Chafloque con el lema “Peruanos Transormense y avanzen”

Recomiendo dar una revisada a sus afiches que son realmente buenos jajajajaja se nota que tiene un sentido del humor excepcional. Aqui una muestra

Trampa?

… and Anyone can join

facebook

Ukulele Hero

Street Fighter

Perreo Chacalonero para ninños

gracias a rlazo tenemos este interesante y educativo video para niños

Some XHTML and CSS rules you must consider

Writing valid XHTML is not that hard so give it a try

1. All tags must be written in lowercase.
2. All tags must be closed. So
   <input ... > must be replaced by <input .... />
3. Be careful when ending nested tags. The order of ending nested tags must be like a pile. The last tag you start is the first tag you should end.
4. Values for atributes must be enclosed in quotes.
5. Every atribute must have a value. So, for making an input disabled write:
   <input ... disabled="disabled" ... /> instead of <input ... disabled/>
6. NEVER forget the doctype declarion

The following rules are not mandatory for validating XHTML neither CSS but can help you write better code

1. Do not use tables to layout your page. This produces many nested tables and makes your code awful.
2. Separate the styling from the html, always use css files. Avoid using css blocks or even worse style attributes. This makes your visual design easier to maintain and modify.
3. Separate javascript from html. Use js files.
4. Try to use the attribute id instead of name. Remember you can use it everywhere when necesary.
5. Try not to define one style for each element. Use classes to generalize the design and cascade styles
6. Always indent your code.
7. Style naming must be according to the meaning of the element instead of its visual representation. Avoid using names like “redBox” because probably in the future you would want the box to be blue, consider using something like “commentBox”
8. Always try to reuse styles of course without scarifying simplicity and cleanliness
9. Remember definition lists, they are cool.
   
   
<dl>
<dt> Item </dt>
<dd> Item Description </dd>
</dl>

10. Do not forget the title and alt attributes because they are really helpful.