JUGANDO CON CSS: Rookies vs Rookies. Actidad de Mayo

kseso? · #1 (**permalink**) 22/04/2009, 12:10

JUGANDO CON CSS: Rookies vs Rookies. Actidad de Mayo
Actividad abierta de CSS del mes de Mayo.

OBJETIVOS:
Facilitar la participación de los nuevos usuarios de FdW en este tipo de actividades.
Divertirse
Aprender
Arriesgar/experimentar en la realización de una página con la libertad que da no tener jefe ni cliente al que complacer

A QUIEN VA DIRIGIDA:
--> A nivel individual: usuarios de FDW que se haya registrado con posterioridad al 1 de Mayo de 2008 y antes de la fecha de publicación de esta convocatoria.
--> Equipos de un máximo de tres integrantes. La suma de su antigüedad (en meses) dividido entre el nº de miembros no puede ser mayor de 12 y el miembro más veterano no puede superar los 18 meses de antigüedad. (Ejemplo: equipo de 2, si uno de ellos tiene 18 meses de veteranía, el otro tiene que tener menos de 6 meses.). Los equipos pueden tener nombre representativo, pero sus integrantes deben hacerse públicos.

El objetivo es la realización de una página web que cumpla con los
REQUISITOS:

Cita:

- El código html no debe contener errores. (validador HTML)
- El código css debe ser válido sin errores. (validador CSS 2.1)
- Se debe superar el nivel A (simple A) de accesibilidad automática en sidar.org
- El código html ha de estar totalmente limpio de formatos. Éstos deben colocarse en la hoja de estilo y ser enlazada desde el html.
- Se debe usar obligatoriamente el doctype:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">

- No se podrá utilizar ningún otro tipo de lenguaje de programación (flash, php, scripts, etc.)
- La página debe mostrarse correctamente en FF, Opera 9 e IE 7. Se deja fuera ie6 debido a la incompatibilidad con vi$ta. (¿algún otro navegador?).
- La página debe "aguantar" el deshabilitar el css.

PROPIEDADES CSS con las que jugar y base de la competencia:

Cita:

- Diseño "líquido" y centrado: esto es, adaptado a la pantalla. Es aconsejable por lo tanto que tengas presente el max-width" y "min-width" para evitar sorpresas desagradables.
- Uso de "esprites" para las imágenes background implementadas via css, con un máximo de 4 archivos de imagen para contenerlas. aquí hay información
- Esquinas redondeadas en algún elemento contenedor, usando para ello css.
- Se admiten sugerencias...

La estructura de la página:

Cita:

Cabecera: que contendrá:
-- Nombre de la página (título)
-- Subtítulo o leyenda

Cuerpo o contenido principal.

Cierre de página (o pie).

La naturaleza de la página y sus contenidos se facilitarán a los participantes y se consensuarán con ellos. No se harán públicos en favor de la sorpresa final.

PLAZOS:

Cita:

INSCRIPCIONES: en este hilo hasta el 30 de Abril o hasta que haya 6 inscritos (lo que antes ocurra). Los 2 siguientes actuarán como reservas. Se fija este máximo para que las valoraciones, opiniones o estudios de los trabajos presentados sean de utilidad para sus autores.

ENTREGA de los trabajos: hasta el 31 de Mayo (improrrogable por respeto a los que sí cumplan con la fecha de entrega). A quienes se apunten y no entreguen la página se les morderá una oreja (o las dos si no presenta justificante) y serán corridos a gorrazos

EVALUACIÓN/VALORACIÓN de los trabajos: desde su presentación al público hasta que no haya más opiniones. Procuraré que miembros de reconocido prestigio y conocimientos valoren una (a lo sumo dos) páginas en profundidad cada uno.

Todo lo anterior es discutible y negociable

Los participantes están aquí (mensaje nº 15)

jeybi · #2 (**permalink**) 23/04/2009, 02:34

Y que, los participantes del concurso anterior tambien podemos entrarle ? :D

kseso? · #3 (**permalink**) 23/04/2009, 08:50

Hola Jeybi:

Cita:

Iniciado por jeybi

Y que, los participantes del concurso anterior tambien podemos entrarle ? :D

Siempre que cumpláis con el tema de la antigüedad como usuarios registrado en FdW y os lo queráis pasar bien podéis entrarle.

Un saludo

pao01 · #4 (**permalink**) 23/04/2009, 09:02

Genial

Triby · #5 (**permalink**) 23/04/2009, 16:14

Interesante propuesta kseso?, tengo mis reservas con algunos puntos, pero sera cuestion de analizarlos mas a fondo, porque se trata de un reto y no hacer lo que estamos acostumbrados... ya veremos, dijo el ciego.

Dalvenjha · #6 (**permalink**) 23/04/2009, 16:26

Excelente!, bueno, declaro en este momento la formación de un clan dentro de Foros del Web, este clan será formado por:

-CalizZz
-Xlogus
-Triby
y un servidor.

Para comenzar con nuestras actividades, participaremos del concurso que ha convocado Kseso? representados por 3 de nuestros miembros.

Código javascript:

Ver originalvar equipo = new Array();
equipo[0] = 'CalizZz';
equipo[1] = 'Xlogus';
equipo[2] = 'Triby';

Dicho, lo dicho, pasan a planear la estrategia.

Saludos y nos veremos el 30.

jeybi · #7 (**permalink**) 23/04/2009, 23:19

Así que he ahí el primer team!, ya conosco el nivel de 2 de sus participantes y creo que el nombre de la competencia "rookies vs rookies" como que no va, aun así espero que esto se ponga bueno!.

Yo me ofrezco por si a algún equipo le hace falta un integrante, tengo bastante tiempo libre y estaria encantado de colaborar.

kseso?, por que nos hablas un poco mas sobre el tema a tratar en el diseño, veo que dices que es una sorpresa pero no estaria mal ver por donde va la cosa. También seria bueno decir que las css no debe ser validas entonces, ya que el border-radius(ejemplo) quiebra la validación, o bien no permitir su uso en la competencia.

Espero que mas gente se interese, yo creo se dederia promover mas este tipo de cosas, por ejemplo posteando en la seccion de noticas o un foro aparte para todo tipo de competencias, desde de diseño hasta programación, asi habria mas gente interesada y por consencuencia mucho mas nivel en los trabajos. Yo en particular siento que este subforo competencias css esta como muy "anidado", y no se ve.

Saludos.

kseso? · #8 (**permalink**) 24/04/2009, 10:36

Pues bienhallado el primer equipo inscrito, sólo resta que elijan un nombre para identificarlos y que los tres integrantes confirmen su pertenencia al mismo.

jeybi:
Sobre el diseño: cada participante opta por el que crea más conveniente, libertad total.
A lo que me refería con la sorpresa es sobre el tema a desarrollar (que sólo lo conocerán los participantes.
Sobre las esquinas redondas: hay otras formas aparte del "border-radius" y que si valida, como pueden ser imágenes combinando con los "sprites" para que funcionen correctamente en un diseño "líquido".

Pero si hay interés y mayoría, se podría permitir validar el css bajo la 3.0. De momento no tengo opinión al respecto.

kseso? · #9 (**permalink**) 24/04/2009, 11:22

Recibida la siguiente consulta por mp:

Cita:

Iniciado por Eiwazh

Hola kseso:

Te comento mi problema, llevo registrado desde 2005, pero realmente hasta ahora no he participado, el reto que habeis propuesto, no es realmente complicado, y me gustaría intentarlo, ¿hay alguna manera de no tener en cuenta la fecha de registro?, gracias por todo.

En el momento de escribir este mp Eiwazh tiene 3 mensajes publicados como podéis ver en su perfil

¿qué hacemos?

Eiwazh · #10 (**permalink**) 24/04/2009, 14:08

Con permiso de kseso?, comento un poco mi desarrollo y los motivos, en 2005 (fecha de mi registro), estaba muy metido en el mundillo y me actualizaba con los tiempos, poco despues, me desvie hacia otros proyectos que poco o nada tienen que ver con el desarrollo web o la programación, actualmente, estoy volviendo a las raices, e intento recoger el testigo que deje en su momento, así que actualmente me considero un novato en todos los aspectos (aunque prometo aplicarme todo lo posible), lo dejo en vuestras manos y muchas gracias kseso? por tu colaboración

Calizman · #11 (**permalink**) 24/04/2009, 14:50

Haber haber... Yo quiero dar mi opinion.

Yo pienso que si tiene solo 3 mensajes, puede entrar... al final de cuentas, el proposito es que nos conozcamos y por tener 3 mensajes... creo que no conoce a muchos de los que estamos por estos rumbos... asi que yo doy mi voto a que entre.

Yo confirmo mi participacion en el equipo, ya con los integrantes estamos en la busqueda del nombre.

Seria bueno invitar a mas gente, porque al parecer no muchos estan interesandose en la competencia... si nadie mas se apunta, nosotros ganamos!

Animo gentee!!!

EDITO:

Cita:

Pero si hay interés y mayoría, se podría permitir validar el css bajo la 3.0

Opino que dejemos libertad en el CSS, asi podremos hacer mas cosas. Doy mi voto para el CSS libre!

jeybi · #12 (**permalink**) 24/04/2009, 15:30

Iugalemnte no veo problema en que Eiwazh participe, seria mucho mejor dejarlo participar a insitarlo a crear otro user solo para la competencia :).

Sobre las CSS, ya sea 2.0 o 3.0, -moz-border-radius no validara (ni su contraparte en webkit), podemos optar por aceptar todo tipo de propiedades, y que cada equipo haga su diseño como mejor le parezca, como comenta CaLiZzZ, un diseño 100% libre.

PD: Sigo pensando que rookies vs rookies no es un buen titulo xP

PD2: Como que el diseño es libertad total ?, dices que no habra texto o HTML en el cual basarse ?

kseso? · #13 (**permalink**) 26/04/2009, 11:14

Cita:

Iniciado por jeybi

PD: Sigo pensando que rookies vs rookies no es un buen titulo xP

Jeybi, un rookie lo entiendo como la persona que está en el primer año, en este caso, registrado como usuario de los foros. No tiene ninguna otra comnotación ni alude a sus conocimientos, experiencia u otras cuestiones.

Cita:

Iniciado por jeybi

PD2: Como que el diseño es libertad total ?, dices que no habra texto o HTML en el cual basarse ?

Entiende diseño como el conjunto de elementos utilizados para mostrar en pantalla el contenido de la página. Esto es, los colores, fuentes, imágenes....

El contenido se facilitará (previo consenso con los participantes) y será el mismo para todos, pero cómo sea su presentación es cosa de cada uno.

Espero haberme explicado.

Por mp dalvenjha me pregunta

Cita:

Te escribo para saber cuales son las bases del texto que se usará en el concurso, si no es posible darlas aún, sería bueno saber la extensión que tendrá o las secciones.

Mejor esperamos a estar todos, así no habrá ventajas.

Y si no hay más opiniones, vistas las circustancias, consideramos a Eiwazh rookie a efectos de la competencia.

Cita:

Iniciado por CaLiZzZ

Seria bueno invitar a mas gente, porque al parecer no muchos estan interesandose en la competencia... si nadie mas se apunta, nosotros ganamos!

Mejor, "deconstruimos" el equipo y así ya hay 3 participantes

Calizman · #14 (**permalink**) 26/04/2009, 13:00

Cita:

Mejor, "deconstruimos" el equipo y así ya hay 3 participantes

Gracias, pero no gracias!

Quedan 4 dias para inscripciones... si nadie se anota, entonces ganamos nosotros!

kseso? · #15 (**permalink**) 27/04/2009, 10:37

Hagamos recuento:
Inscritos hasta el momento:

Cita:

1- "Codesign" formado por:
Xlogus/Dalvenjha (vocal: Dalvenjha)

2- SuperCoco formado por
Eiwazh/Jeybi (vocal: Jeybi)

3- Equipo formado por:
Willyfc/Aresillo (vocal Willyfc)

Dalvenjha · #16 (**permalink**) 27/04/2009, 15:22

Uhmmmm, va siendo que no se inscriben, y tal vez sea un buen ejercicio este, el representante el grupo serà CalizZz, el nombre no lo tengo claro, pero estamos discutiendo sobre "Los Toribianitos" o "La abeja maya y sus amigos".

=D

Triby · #17 (**permalink**) 27/04/2009, 16:53

Triby reporta:

Despues de habler hablado con mis compañeros quiero tambien expresar aqui que no me sera posible participar por falta de tiempo, tengo algunos proyectos que debo terminar.

De cualquier forma, debo agradecer a kseso? por la organizacion del evento y desearles a todos la mejor de las suertes.

willyfc · #18 (**permalink**) 27/04/2009, 17:18

pues yo le entro, no estoy con mucho tiempo pero necesito algo de diversión, así que apuntenme por ahí.

Aresillo · #19 (**permalink**) 28/04/2009, 00:22

DAle ahí Willy!!

Aresillo · #20 (**permalink**) 28/04/2009, 07:55

Por cierto, acabo de hablar con Willy y constituiremos otro equipo.
Si el señor Kseso me admite... ingresé en marzo de 2008 pero hasta octubre de 2008 no aparecí por aquí asiduamente...

A expensas del señor Kseso? rey del gazapo..

EDITO: Yo llevo 14 meses y Willyfc 7 meses= 21 que son menos de 24 así que no hay problema...
En seguida te damos un nombre

pao01 · #21 (**permalink**) 28/04/2009, 08:13

Otro equipo!!!!!

Se va animando el ambiente.

kseso? · #22 (**permalink**) 28/04/2009, 09:04

Triby: Gracias, pero no es para tanto. Y debo reconocer que tienes una razón de peso.

Willyfc y Aresillo, bienvenidos, sólo os falta el nombre del duo y nombrar portavoz.

Actualizo el #post cde los participantes

Dalvenjha · #23 (**permalink**) 28/04/2009, 10:03

Bine, dado que Triby no upede participar en esta ocasión, ocuparé su lugar, el grupo se llamará <codesign /> esperamos entonces las bases.

Saludos!

kseso? · #24 (**permalink**) 28/04/2009, 10:16

Cita:

Iniciado por Dalvenjha

Bine, dado que Triby no upede participar en esta ocasión, ocuparé su lugar, el grupo se llamará <codesign /> esperamos entonces las bases.
Saludos!

Actualizo nombre e integrantes.
Sobre las bases: están propuestas en el mensaje #1 de este hilo, tanto los requisitos que debe cumplir la página realizada como las propiedades css y técnicas a trabajar en esta actividad.

Lo que de momento no se ha entregado ha sido el tema y contenidos obligatorio de la página. Pero ya queda menos para consensuarlo con los participantes.

Lo que sí podemos debatir es sobre vuestras preferencias sobre el particular:
1ª opción: Se puede proponer, como en ocasiones anteriores, los contenidos mínimos que todos debéin incluir, con los pros y contras que ya se vieron en la actividad de Enero, o bien
2ª opción: Marcar sólo un directriz muy genérica y a partir de ella que cada participante también haga un trabajo de documentación o búsqueda de contenidos.

Ejemplos de lo anterior:
1ª opción: daros una página, por ejemplo : Premios Nobel y a partir de ella hacer vuestra propuesta.
2ª opción: proponer que elija cada uno el Premio Nobel de Literatura que quiera y montar una página con estos mínimos:
un título y subtítulo en el header. Incluir un menú de navegación. Para el contenido poner una reseña de su biografía y los títulos más significativos de su obra.

Lo anterior es sólo un ejemplo. Ya diréis que cuál es vuestra preferencia.

Aresillo · #25 (**permalink**) 28/04/2009, 11:19

Bueno, mientras debatimos las prupuestas que comentas, te doy el nombre del team:

ω℘∂ ⊥Ξλ¬¬

el portavoz es willyfc

jeybi · #26 (**permalink**) 28/04/2009, 15:26

Me voi por la primera opcion kseso?, ya que en grupo se multiplica la creatividad y se puede explotar mejor el markup. Ademas es mas facil de calificar.

De cualquier forma, si se elije la opcion 2 no hay problema.

Saludos!
PD: Ya estoy formando un equipo con Eiwazh, mas de rato paso el nombre del equipo.

kseso? · #27 (**permalink**) 29/04/2009, 11:03

Cita:

Iniciado por Aresillo

Bueno, mientras debatimos las prupuestas que comentas, te doy el nombre del team:

ω℘∂ ⊥Ξλ¬¬

el portavoz es willyfc

Vale Ares, ahora sólo te falta codificarlo con entidades html para que pueda ser utilizado por el resto de equipos

jeybi
Perfecto, modifico la listas de participantes.

Ya os estoy mandando a los vocales un .pdf con la información (creo que suficiente y bastante clara). Cualquier duda o aclaración me la hacen saber.

Un saludo

willyfc · #28 (**permalink**) 29/04/2009, 11:08

Cita:

Vale Ares, ahora sólo te falta codificarlo con entidades html para que pueda ser utilizado por el resto de equipos

y te sirve así:

Código PHP:

<?php echo htmlentities("ω℘∂ ⊥Ξλ¬¬ "); ?>

kseso? · #29 (**permalink**) 29/04/2009, 11:28

Cita:

Iniciado por willyfc

y te sirve así:

Código PHP:

<?php echo htmlentities("ω℘∂ ⊥Ξλ¬¬ "); ?>

Descalificación automática, por uso de lenguaje no permitido

Ahora en serio. Cada equipo debe llamar a su pagina por el nombre elegido y colocar los archivos en una carpeta con ese nombre, aparte del enlace en las otras páginas. Así que esas cositas tan particulares mejor para la firma

Como vamos a entretenernos jugando con sprites, aquí os dejo este generador de ellos:
http://spritegen.website-performance.org/
No te olvides de seleccionar el idioma (no nocesario para obtener el sprite

)

Calizman · #30 (**permalink**) 03/05/2009, 01:37

CaLiZzZ Reportandose

He dialogado con el equipo, y dadas las circunstancias y por haber visto que los equipos restantes tienen solamente dos miembros, he decidido sacrificar mi lugar para que sea una competencia justa de equipos de 2.

Gracias por la oportunidad de participar, pero creo que será en otro momento y en otro lugar...

y Suerte a todos!!