Foros del Web » Creando para Internet » HTML »

Que opinan de mi html5

Estas en el tema de Que opinan de mi html5 en el foro de HTML en Foros del Web. Buenas tardes Me podrian decir que opinan de mi HTML5 http://josevega.zz.mu/ @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original <!DOCTYPE html> < html lang = "en" > ...
  #1 (permalink)  
Antiguo 27/07/2015, 13:07
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 9 años, 3 meses
Puntos: 131
Que opinan de mi html5

Buenas tardes

Me podrian decir que opinan de mi HTML5

http://josevega.zz.mu/

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <meta charset="UTF-8">
  4.     <title>Curriculum Vitae Jose Vega</title>
  5.     <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css' />
  6.     <link rel="stylesheet" href="style.css">
  7. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  8. <script src="script.js"></script>
  9. </head>
  10.     <header>
  11.         <h1 class="sitetitle">
  12.             <span class="part1">CU</span><span class="part2">RR</span><span class="part3">IC</span><span class="part4">UL</span><span class="part5">UM</span><span class="part6"> V</span><span class="part7">IT</span><span class="part8">AE</span>
  13.         </h1>
  14.     </header>
  15.     <main>
  16.         <section class="personaldata">
  17.             <div class="middle">
  18.                 <h1>
  19.                     <span class="pd1">DA</span><span class="pd2">TO</span><span class="pd3">S </span><span class="pd4">PE</span><span class="pd5">RS</span><span class="pd6">ON</span><span class="pd7">AL</span><span class="pd8">ES</span>
  20.                 </h1>
  21.  
  22.                 <p>
  23.                     <span class="pd11">No</span><span class="pd10">mb</span><span class="pd9">re</span>
  24.                 </p>
  25.  
  26.                 <p>
  27.                     <span class="pd12">Jo</span><span class="pd13">se</span><span class="pd14"> d</span><span class="pd15">e </span><span class="pd16">Je</span><span class="pd17">su</span><span class="pd18">s </span><span class="pd19">Ve</span><span class="pd20">ga</span><span class="pd21"> H</span><span class="pd22">er</span><span class="pd23">na</span><span class="pd24">nd</span><span class="pd25">ez</span>
  28.                 </p>
  29.  
  30.                 <p>
  31.                     <span class="pd31">Fe</span><span class="pd32">cha </span><span class="pd31">de</span><span class="pd30"> N</span><span class="pd29">ac</span><span class="pd28">imie</span><span class="pd27">nt</span><span class="pd26">o</span>
  32.                 </p>
  33.  
  34.                 <p>
  35.                     <span class="pd30">3</span><span class="pd29">1 </span><span class="pd28">de</span><span class="pd27"> O</span><span class="pd26">ct</span><span class="pd25">ub</span><span class="pd24">re</span><span class="pd23"> d</span><span class="pd22">e </span><span class="pd21">19</span><span class="pd20">92</span>
  36.                 </p>
  37.  
  38.                 <p>
  39.                     <span class="pd11">Co</span><span class="pd12">rr</span><span class="pd13">eo</span><span class="pd14"> E</span><span class="pd15">le</span><span class="pd16">ct</span><span class="pd17">ro</span><span class="pd18">ni</span><span class="pd19">co</span>
  40.                 </p>
  41.  
  42.                 <p>
  43.                     <span class="pd10">k-</span><span class="pd9">jo</span><span class="pd8">se</span><span class="pd7">-k</span><span class="pd6">@h</span><span class="pd5">ot</span><span class="pd4">ma</span><span class="pd3">il</span><span class="pd2">.c</span><span class="pd1">om</span>
  44.                 </p>
  45.             </div>
  46.         </section>
  47.         <section class="academic">
  48.             <div class="middle">
  49.                 <h1>FORMACION ACADEMICA</h1>
  50.                 <p>Universidad Autonoma Metropolitana</p>
  51.                 <p>CARRERA</p>
  52.                 <p>LICENCIATURA EN MATEMATICAS</p>
  53.                 <p>AVANCE</p>
  54.                 <p>37%</p>
  55.             </div>
  56.         </section>
  57.         <section class="experience">
  58.             <div class="middle">
  59.                 <h1>EXPERIENCIA</h1>
  60.                 <div class="experienceone">
  61.                     <div class="middle">
  62.                         <p class="companyone">EMPRESA</p>
  63.                         <p class="companynameone">AQUAINTERACTIVE</p>
  64.                         <p class="companyurlone">www.aquainteractive.com.mx</p>
  65.                         <p class="companypositionone">PUESTO</p>
  66.                         <p class="companypositionnameone">PHP JR</p>
  67.                         <p class="durationone">DURACION</p>
  68.                         <p class="dateone">15/10/2012 - 03/01/2013</p>
  69.                     </div>
  70.                 </div>
  71.                 <div class="experiencetwo">
  72.                     <div class="middle">
  73.                         <p class="companytwo">EMPRESA</p>
  74.                         <p class="companynametwo">LIBRERIA LEO</p>
  75.                         <p class="companyurltwo">www.laleo.com</p>
  76.                         <p class="companypositiontwo">PUESTO</p>
  77.                         <p class="companypositionnametwo">PHP Jr</p>
  78.                         <p class="durationtwo">DURACION</p>
  79.                         <p class="datetwo">24/02/2014 - 03/06/2014</p>
  80.                     </div>
  81.                 </div>
  82.             </div>
  83.         </section>
  84.         <section class="skills">
  85.             <div class="middle">
  86.                 <h1>CONOCIMIENTOS</h1>
  87.                 <p>Nivel Medio</p>
  88.                 <p><span class="php">PHP</span><span class="js"> JavaScript</span><span class="css3"> CSS3</span><span class="html5"> HTML5</span><span class="jquery"> Jquery</span></p>
  89.                 <p>Nivel Basico</p>
  90.                 <p><span class="mysql">MySQL</span><span class="wp"> WordPress</span></p>
  91.                 <p></p>
  92.             </div>
  93.         </section>
  94.         <div class="loading">
  95.             <span class="loading-content">Cargando <span class="loading-number">0</span>%</span>
  96.             <img id="galaxy" src="2012-03-23_NGC4886_in_Coma_Galaxy_Cluster.jpg" alt="" />
  97.             <img id="earth" src="terra.png" alt="" />
  98.             <img id="spaceship" src="herogeneric.gps-satellite-tracking.725x495.png" alt="" />
  99.             <img id="astronaut" src="astronauta.png" alt="" />
  100.             <img id="supernova" src="supernova.png" alt="">
  101.         </div>
  102.     </main>
  103. </body>
  104. </html>

En cuanto al elemento main pienso que esta bn utilizado

por una parte solo utilizo uno

No lo utilizo para areas principales de subsecciones

Su contenido es unico

Su contenido esta directamente relacionado con el tema principal(mi CV)
  #2 (permalink)  
Antiguo 27/07/2015, 13:48
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años
Puntos: 2111
Respuesta: Que opinan de mi html5

Vaya, yo estaba seguro que se habían cargado main. Pero no.

La única objeción que yo le veo así por encima es lo de poner mayúsculas. Creo que de eso tendría que ocuparse CSS (text-transform: uppercase) ¿no?

Si no fuera porque eres tú te diría algo del diseño.
__________________
Twitter: @zinhard

Tengo una web donde hago lo que quiero.
  #3 (permalink)  
Antiguo 27/07/2015, 13:54
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.022
Antigüedad: 16 años, 4 meses
Puntos: 1819
Respuesta: Que opinan de mi html5

No pude leer casi nada.

Un efecto sin historia, no tiene sentido. Entendí que sabes mover objetos con el scroll, pero no tienen razón de ser o lugar a donde ir... Sólo se mueven.
  #4 (permalink)  
Antiguo 27/07/2015, 15:19
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 9 años, 3 meses
Puntos: 131
Respuesta: Que opinan de mi html5

Muchas gracias por sus comentarios me sirven para mejorar

pzin no entendi esto

Vaya, yo estaba seguro que se habían cargado main. Pero no.

Saludos
  #5 (permalink)  
Antiguo 27/07/2015, 15:24
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.483
Antigüedad: 17 años
Puntos: 2111
Respuesta: Que opinan de mi html5

Cita:
Iniciado por hackjose Ver Mensaje
pzin no entendi esto
Nada. Que me pareció que en su día lo habían sacado de la especificación (cuando era un borrador). Pero o bien eso nunca fue así o lo volvieron a meter.
__________________
Twitter: @zinhard

Tengo una web donde hago lo que quiero.
  #6 (permalink)  
Antiguo 29/07/2015, 11:42
Avatar de LazyProgrammer  
Fecha de Ingreso: julio-2015
Ubicación: Barcelona
Mensajes: 14
Antigüedad: 4 años
Puntos: 0
Respuesta: Que opinan de mi html5

Muy buenas,

Yo me quedé mirando la Tierra esperando una animación y clickando por todos los paises hasta que me dí cuenta que hay que desplazarse hacia abajo.

La idea está muy bien, es un curriculum del que te puedes acordar y no un papel más encima de la mesa. Lo que si que he visto es que las animaciones con el scroll son un poco bruscas, personalmente me gusta un movimiento más suavizado. El color del texto en contraste con el fondo negro no me resulta agradable a la lectura. Opiniones personales :)

Saludos!

Etiquetas: css, html5, php
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

SíEste tema le ha gustado a 2 personas




La zona horaria es GMT -6. Ahora son las 22:57.