Crear menú “offcanvas” con CSS

Os dejo un screencast de como crear un menú off canvas con solo CSS.

Los archivos para que podáis jugar un poco.

Daniel Martínez

8 comentarios - ¿Quieres opinar?
  1. Saludos y muchas gracias por siempre compartir tus conocimientos!!! Muy buen profe!!! Como dicen por sus pagos muy guay!!!

  2. Gracias Profe Daniel, como siempre compartiendo e inspirando :) Exitos

  3. En la inscursión de este maravilloso mundo del desarrollo web he aprendido a valorar “Lo Bueno y Simple, doblemente Bueno por Simple”, Maestro!
    Hubiera pasado horas de horas tratando de lograrlo.

    Felicitaciones!

  4. Excelente, aunque me gustaría implementarlo en wordpress y no se si resultaría ¿Qué modificaciones, cambios u otros aspectos hay que considerar?

  5. Pues lo primero, aprender WordPress. Lo demás está chupao =D

  6. Debo decir que ya lo he implementado satisfactoriamente en wp, pensé que era más difícil de lo que se veía, por tanto agradezco el tutorial y a su autor :)

  7. Debo agregar que el código es compatible con Chrome y algunos de Opera a la perfección pero no así con el navegador de android o firefox que son aquellos que he podido testear. Esto sí que lo desconozco pues he tirado el validator css de W3C y me sale sin errores :(

  8. Si a alguien le sirve: al cambiar el display: inline; por block en #main-check:checked ~ nav resolvio la compatibilidad con firefox, al menos. Sigo muy agradecido por el tutorial :)

Opiniones y preguntas:

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *