Foros del Web » Creando para Internet » CSS » Competencias CSS »

Votaciones de la categoria Novatos

Estas en el tema de Votaciones de la categoria Novatos en el foro de Competencias CSS en Foros del Web. Como es de el conocimiento de muchos, los novatos nos dejaron con la gana de ver una competencia... Sin embargo, contamos con la responsabilidad y ...
  #1 (permalink)  
Antiguo 17/02/2010, 11:08
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Votaciones de la categoria Novatos

Como es de el conocimiento de muchos, los novatos nos dejaron con la gana de ver una competencia... Sin embargo, contamos con la responsabilidad y el compromiso de uno que si entregó su trabajo. Les dejo los enlaces que me envió memoadian quien me pidió que lo ayudaramos a mejorar su sitio web votando por él y haciendo sugerencias.

Los enlaces son:
http://manganimemas.com/competencia/index.html

Y esta es la del contenido:
http://manganimemas.com/competencia/php.html

Desde yá, un 10 en responsabilidad y compromiso para ti memoadian!

Edito: Olvidé agregar el sitio donde fueron publicadas las reglas. Estan Aqui
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #2 (permalink)  
Antiguo 17/02/2010, 17:24
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 8 años, 5 meses
Puntos: 641
Respuesta: Votaciones de la categoria Novatos

jajaja nadie comenta nada
  #3 (permalink)  
Antiguo 17/02/2010, 18:37
 
Fecha de Ingreso: febrero-2010
Mensajes: 30
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Votaciones de la categoria Novatos

Te quedo bien el sitio :)
  #4 (permalink)  
Antiguo 17/02/2010, 19:41
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 9 meses
Puntos: 1314
Respuesta: Votaciones de la categoria Novatos

Cita:
Iniciado por memoadian Ver Mensaje
jajaja nadie comenta nada
Bueno yo seré el primero. Seré muy extenso, así que agarra un lugar cómodo

La página la estoy visualizando en un monitor a 1024x768 px con Opera 10.0 y analizando con FireBug Lite (sí, en opera ) además de verificar los archivos manualmente, luego la pase por IE Tester para verificar que se visualizara en Internet Explorer.

Diseño

El diseño me parece bueno, los colores quedan bien con el logotipo de FDW. Quizá un poco más grande la letra en los formularios (los valores que tienen por defecto) y los botones más llamativos.

Código HTML y CSS

General.

Veo que utilizas muchos wrappers, creo que con uno que fuera general te hubiera sido suficiente. En general estas usando muchos más DIVs de los que necesitas.

Recuerda que elementos de Bloque se pueden manejar como si fueran DIV's (por que también es un elemento de bloque) así que no los tienes que meter en capas.

Yo normalmente suelo usar algún reset CSS para quitar los valores por defecto de cada Navegador.

Se ve bien en IE 6, 7 y 8, solo que hay algunos espacios de más, por lo mismo de que no usas reset además de que no incluiste nada para la transparencia png en ie6.

Header

Tienes el logotipo en un DIV con background, esto tiene algunos problemas, uno es que si por alguna razón no se carga la imagen no vas a ver absolutamente nada, otra es que si se usa un navegador de texto no mostrará tampoco nada, incluso Google no encontrara nada; el logotipo vendría siendo el titulo de tu página así que no puedes permitirte que no se muestre.

Un titulo debe estar dentro de sus correspondientes etiquetas hx, que en este caso, por ser el titulo de la página debe ser h1; hay varias formas para poner correctamente el título pero yo lo hago así:

Código HTML:
Ver original
  1. <h1><a href="#"><img src="imagen.jpg" Title="Foros del Web" alt="Foros del Web" /></a></h1>
Nota que he puesto el atributo ALT, importante para que sea visualizado aún si no carga la imagen, ademas de mantener el valor semántico del h1.

El menú esta bien, excepto por que utilizaste un li para los separadores; yo lo hubiera hecho dándoles un poco más de padding a la derecha y poniéndoles un fondo alineado a la derecha, y al último quitarle el fondo. Algo así:

Código CSS:
Ver original
  1. #menu ul li {
  2.     padding: 3px 8px 3px 5px;
  3.     background: url(separador.jpg) no-repeat right bottom;
  4.     }

Contenido

Veo que tienes h2 como subtitulos pero luego tienes h3 como descripción del h2, lo mejor sería el párrafo resaltando esa descripción con strong. El menú esta bien, no veo problema con ese.

En el sitio de login, olvidaste poner la etiquetas form, de hecho se me hace raro que valide y ni siquiera una advertencia muestre En el campo de contraseña debiste ponerle type="password" el lugar de text. También usaste un div vació para separar los inputs, no era necesario ya que pudiste darle margin a cualquiera de los dos inputs (claro, dándoles su respectivo id). Usaste un enlace para el botón de login, lo correcto era un input submit. Lo mismo con el formulario de contacto.

Las imágenes de los proyectos deberían ser con etiquetas img, lo mismo en la imagen de "Indispensables" e igual aquí no era necesario el DIV vacío.

El texto principal tienes algunos spans para resaltar el texto, aquí también debería ser con strong (o quizá em si lo crees conveniente, por lo del otro párrafo en strong)

En los meses de las fechas que tienes a la derecha también pudiste a ver sustituido el span por small, aunque en este caso no es tan importante.

Footer

Aquí no hay mucho, y lo poco que hay me parece correcto, salvo lo que ya te había comentado con el menú principal (los separadores).


Conclusión

Bueno parece que no tienes mucho problema con CSS, más bien con algunas cosas de semántica y problemas menores.

Vote por un Regular.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 17/02/2010, 20:07
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Votaciones de la categoria Novatos

aver ami me toca dar mi opinion no? jejeje

Diseño
emmm.. ummm....
nose siento que me pierdo donde empieza y termina algo nose...

Codigo HTML/CSS
bueno bueno... h2, h3... perfecto emm y el h1?
como te dicen antes se puede ahorrar codigo... y el css... pues en cascada me da peresita verlo jeje... pero esta bien solo vi algo en el validador "Las Advertencias (13)" jeje bueno yo soy muy "tiquis miquis" y no me gusta verlas jaja...

enfin pequeños detalles como
margin : 31px 0 0 0; /*no mejor margin top*/
font-family : Georgia; /*y si no tengo georgia?*/
se repiten parecidos una y otra vez jeje...

el resto me parece bien...

vote regular tambien... y pues la misma conclucion que Carlangueitor jeje
  #6 (permalink)  
Antiguo 17/02/2010, 21:39
Avatar de HackmanC  
Fecha de Ingreso: enero-2008
Ubicación: Guatemala
Mensajes: 1.817
Antigüedad: 9 años, 10 meses
Puntos: 260
Sonrisa Respuesta: Votaciones de la categoria Novatos

Hola,

Excelente, me parece muy buena página.

Yo no voy a hacer una critica técnica porque estoy participando en la otra categoría, y bueno, se comprende no. Pero hay algo que me llamó mucho la atención y es la forma de cambiar las imagenes de las viñetas, interesante .

Saludos,
  #7 (permalink)  
Antiguo 18/02/2010, 09:32
Avatar de junihh  
Fecha de Ingreso: febrero-2004
Ubicación: República Dominicana
Mensajes: 997
Antigüedad: 13 años, 10 meses
Puntos: 7
Respuesta: Votaciones de la categoria Novatos

@Carlangueitor: Hiciste un analisis muy objetivo. Interesante la idea de poner la imagen del logo dentro de un h1, que para SEO es lo correcto, pero que hasta que lo mencionas no lo hacia. Disculpen que rompa el hilo de la conversacion pero no queria dejarlo pasar por alto.
__________________
JuniHH
- Mi blog
- Mi portafolio
  #8 (permalink)  
Antiguo 18/02/2010, 12:48
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 8 años, 5 meses
Puntos: 641
Respuesta: Votaciones de la categoria Novatos

Gané¡¡¡ gané¡¡¡ ah no verdad jaja

fiu gracias, por sus comentarios y votaciones a todos, en especial a carlangueitor por un análisis taaaaaaaaaaaaaaaaaaaaaaaaaan profundo he tomado nota de todo.

Última edición por memoadian; 18/02/2010 a las 13:19
  #9 (permalink)  
Antiguo 18/02/2010, 15:15
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.728
Antigüedad: 8 años, 6 meses
Puntos: 1512
Respuesta: Votaciones de la categoria Novatos

Iiiiiccchh que bueno que no participe . Me gusto tu trabajo, no voy a dar detalles, pero me gusto mucho.
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #10 (permalink)  
Antiguo 20/02/2010, 03:24
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 14 años
Puntos: 13
Respuesta: Votaciones de la categoria Novatos

¿Novato?

Joder como ha subido el nivel. Enhorabuena!
__________________
MUERTE a Internet Explorer


Mi portfolio de diseño web en Elda
  #11 (permalink)  
Antiguo 28/02/2010, 15:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Votaciones de la categoria Novatos

Hola:

Muy buena, después de lo que te han dicho los que saben más que yo no tengo nada que añadir, simplemente me ha gustado.

Saludos.



P.D.: Por supuesto, un 10 (o más) en seriedad.

Etiquetas: novatos, votacion, categorias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:44.