JQuery, iniciándome en los frameworks

Hace tiempo que trasteo código en Javascript pero siempre cosas básicas y puntuales: la validación de un formulario, ocultar y mostrar bloques, etc. Normalmente hago mas caso al CSS e incluso al PHP y al pobre JS lo tengo olvidado, pero desde que probé JQuery que le estoy cogiendo el truquillo a esto del Javascript. JQuery es una librería (o framework, como queráis llamarlo) llena de funciones que nos harán la vida más fácil, ya que nos ahorran mucho código y encima son compatibles con todos los navegadores, un sueño hecho realidad, vamos. Lo primero que tenemos que hacer para…

Leer más

CSS: Dar estilo a nuestros formularios sin tablas ni párrafos

Hace unos días os explicaba como crear un formulario estructurado, accesible y válido según los estándares w3c, si lo leísteis os habréis dado cuenta de que no está dentro de una tabla ni contiene etiquetas de párrafos. Al principio puede parecer muy complicado darle un poco de forma sin ninguna etiqueta de las de siempre, pero tenéis que saber que si hay una etiqueta (da igual la que sea) hay un estilo aplicable con css, y en nuestro formulario accesible no tenemos <p> pero sí <label>. Si no aplicamos ningún estilo, nuestro formulario aparecería de la siguiente forma: Flickr: form1…

Leer más

HTML: Crear un formulario estructurado, validado y accesible.

Me he dado cuenta de que tengo muchos artículos sobre cómo enviar y validar un formulario de contacto, pero en ninguno explico como se debe crear la estructura de éste. Ya sabéis, la parte en html. Así que voy ha hacerlo aquí. La etiqueta para indicar que vamos a crear un formulario es <form> y debe llevar los siguientes atributos: name: para nombrarlo, identificarlo method: indica el metodo elegido para enviar los datos, puede ser get (a través de la url) o post (de manera interna). action: indica la ruta del archivo que va a recibir los datos enviados enctype:…

Leer más

Haz más bonito tu formulario en sólo cuatro pasos

Flickr: Prettyforms Una vez hemos hecho nuestro formulario, nos toca darle un poco de estilo. Pero esta tarea no a todos nos sale bien, ya que hay momentos en los que no se nos ocurre nada, o nos faltan conocimientos, o incluso tiempo. Pero gracias a Patrick Ryan (Agave Group), podemos ponerle unos bordes redondeados para conseguir un efecto muy 2.0. Aquí puedes ver un ejemplo online. Cómo implementarlo en nuestra web: 1.- Descarga el comprimido (zip) con todos los archivos. 2. Sube las imagenes y los archivos .js (javascript) y .css (estilos) a tu servidor. 3. Indica en la…

Leer más

CSS: Como organizar estilos

Puede parecer algo irrelevante, pero ordenando nuestros estilos podemos evitar muchos problemas, como son las herencias de propiedades o los estilos duplicados. Además nos ahorraremos tiempo a la hora de tener que modificarlos. La manera de ordenar nuestro css la veo un poco «al gusto», pues lo importante es que nos sintamos cómodos trabajando y sepamos en cada momento donde está la parte del código que queremos modificar, aunque sea por intuición. Yo os cuento mi forma de trabajar, la que es más eficaz a mi modo de ver, pero si tenéis mas ideas o pensáis que me equivoco en…

Leer más