Videocast 1: layout compuesto (actualizado)

3/Oct/2007 266

En un proyecto en que estoy involucrado actualmente, me tocó participar en la arquitectura y construir el sitio completamente, desde cero. Lo bueno es que lo estoy haciendo solo, por lo que propongo y aplico mis propios métodos, y lo mantengo bastante ordenado (con un código limpio y ordenado), tanto el HTML como las hojas de estilo. A medida en que lo voy desarrollando, aplico algunos métodos bastante simples pero efectivos para determinados problemas que van surgiendo, los que compartiré en este sitio en su momento.

Por ahora, me interesa mostrar a través de este primer videocast (a grandes rasgos) cómo construí el layout, ya que felizmente quedó firmemente estructurado en todos los browsers en los que hago las pruebas. La receta: flotando cajas, un buen css reseter y mucha imaginativa a medida en que se va escribiendo código. Hasta ahora no he utilizado una sola gota de comentario condicional.

:D

Espero sea una buena ayuda a más de alguien, por último para que vean diferentes técnicas de diagramación.

Un detalle: trabajé mucho con los pesos de los videos v/s calidad de compresión y decidí cortarlo en 2 videos al final, ya que el videocast dura 47 minutos en total y quedó bastante pesado. Siento si esto limita a más de alguno, pero en realidad necesitaba abarcar todo el proceso. Creo que quedó bien completo.

Videocast parte 1: arquitectura y header 22 minutos

Videocast parte 2: contenido 26 minutos

Además, el material utilizado (html, css, imágenes) está disponible para descargar.

Provecho!

Comentarios

  1. j.mp [#]

    Hello there! I know this is kind of off topic but I was wondering which blog platform are
    you using for this site? I’m getting fed up of WordPress because I’ve had issues with hackers and I’m looking at alternatives for another platform.
    I would be awesome if you could point me in the direction of a good platform.
    scoliosis surgery https://0401mm.tumblr.com/ scoliosis
    surgery

  2. what country makes hydroxychloroquine [#]

    Hi there, I found your site by the use of Google while looking for a related topic, your web site came up, it seems great.
    I’ve bookmarked it in my google bookmarks.

    Hello there, simply was aware of your blog via
    Google, and located that it’s really informative. I am
    gonna be careful for brussels. I’ll appreciate should
    you continue this in future. Many people will
    be benefited out of your writing. Cheers! https://hhydroxychloroquine.com/

  3. azithromycin for bronchitis dosage [#]

    hello there and thank you for your info –
    I’ve certainly picked up something new from right here.

    I did however expertise a few technical points using this website,
    since I experienced to reload the site a lot of times
    previous to I could get it to load correctly.
    I had been wondering if your hosting is OK? Not that I’m complaining, but slow loading instances times will sometimes affect your placement in google and could damage your high
    quality score if advertising and marketing with Adwords.
    Anyway I’m adding this RSS to my email and could look out for much more
    of your respective intriguing content. Make sure you update this again soon. http://herreramedical.org/azithromycin

  4. stromectolforte.com [#]

    ivermectin tablets over counter https://stromectolforte.com/ cost of ivermectin cream stromectol medicine

  5. buy cetirizine hydrochloride 10mg [#]

    periactin – https://allergyd.com

  6. zyrtec 90 count [#]

    claritin vs allegra – http://allergyd.com

  7. pharmacepticacom [#]

    chloroquinone https://www.pharmaceptica.com/

  8. ivermectin tablets [#]

    Non-specific Low-down Here this product
    https://ivermectinst.com can humans take horse ivermectin
    https://ivermectinsts.com stromectol
    https://ivermectinsts.com online pharmacy ivermectin
    https://stromectolivermect.com ivermectin for humans
    https://ivermectinst.com stromectol

  9. isotretinoin [#]

    buy isotretinoin what is accutane

  10. provigilonline [#]

    provigil over the counter modalert 100 price india

  11. bactrim antibiotic [#]

    co trimoxazole ds co trimoxazole dosage for adults

  12. stromectolforte.com [#]

    stromectol http://stromectolforte.com/# stromectol ivermectin buy ivermectin rezeptfrei

  13. haelanclomid.com [#]

    what is the icd10 z code for history of atherosclerosis heart disease of native coronary artery http://haelanclomid.com – clomiphene citrate

  14. stromectol ШЁШ±Ш·Ш§Щ†ЫЊЫЃ [#]

    ivermectin https://stromectolforte.com/ ivermectin tablets ivermectin

  15. ivermectin tablets for humans for sale [#]

    Non-specific Low-down Far this by-product
    https://ivermectinst.com ivermectin over the counter
    https://stromectolivermect.com ivermectin for sale
    https://ivermectinsts.com ivermectin for sale
    https://ivermectinstrom.com ivermectin for humans
    https://stromectolivermect.com ivermectin over the counter

CSSLab