en CSS, Frameworks/Librerias

RMSForms, framework CSS para formularios

Robert M. Sandy Jr.Si eres desarrollador web, seguro que alguna vez has maldecido cuando te ha tocado maquetar formularios. Y es totalmente normal, a veces se convierte en un quebradero de cabeza suplicio. Robert M. Sandy Jr. ha pensado en ello y por eso a desarrollado RMSForms, un framework CSS para ayudar a dar estilo a los molestos formularios. No solo se centra en las incoherencias de los navegadores, si no también en conseguir una disposición correcta tanto visualmente como semánticamente. Así que si tienes que hacer una web con muchos formularios, puedes plantearte utilizar esta hoja de estilo de menos de 100 líneas, sin comentarios, y un tamaño de 8Kb.

Está basado en una estructura HTML muy simple:

<fieldset>
  <legend></legend>
  <ul class="form [modifier]">
    <li><label class="[label modifier]"></label><input/></li>
  </ul> 
 </fieldset>

Donde los modificadores están compuestos por 3 letras:

  • H = Bloque Horizonal
  • V = Bloque Vertical
  • I = Inline

Y se pueden generar los siguientes:

  • vvv – Vertical <li>, Vertical <label>, Vertical campos de formulario
  • hvv – Horizontal <li>, Vertical <label>, Vertical campos de formulario
  • hii – Horizontal <li>, Inline <label>, Inline campos de formulario
  • hhh – Horizontal <li>, Horizontal <label>, Horizontal campos de formulario
  • vii – Vertical <li>, Inline <label>, Inline campos de formulario
  • vhh – Vertical <li>, Horizontal <label>, Horizontal campos de formulario

Si queréis ver el resultado, aquí tenéis un ejemplo de RMSForm.

Post Anterior
Post Siguiente

Política de Comentarios de pixelovers

Responsable » Juan Manuel Garrido
Finalidad » Moderación de los comentarios
Legitimación » Tu consentimiento expreso que te será requerido por Disqus.
Destinatarios » Los datos de tus comentarios los guardará Disqus, mi sistema de comentarios, que está acogido al acuerdo de seguridad EU-US Privacy Shield tal y como recoge su politica de privacidad
Derechos » Desde Disqus, por tanto, podrás acceder, rectificar, limitar y suprimir tus comentarios o tu cuenta
Tienes más detalles acerca del tratamiento de los datos relacionados con los comentarios en nuestra (Política de Privacidad)