Similar Posts
Consejos para desarrollar cumpliendo estándares
Buenos consejos a tener en cuenta cuando se trata de desarrollar cumpliendo estándares web.
- Menos es más, no uses mas código del necesario
- No uses CSS o Javascript dentro del HTML, ya sea en las etiquetas como en el head.
- Usa código semántico, las cabeceras mediante etiquetas h1, h2, …, resaltar mediante strong, …
- No uses meta etiquetas redundantes
- Usa microformatos para hacer tu sitio legible
- Usa tablas solo para mostrar tablas
- Usa rel=”external” para enlaces externos, no uses target=”_blank”, hazo mediante Javascript
- No uses Javascript mediante enlaces
- No muestres contenido importante mediante Flash o Ajax, siempre mediante HTML plano
10 Coding Guidelines for Perfect Findability and Web Standards
Mejora tus técnicas de programación en Javascript
Ya hemos publicado anteriormente una referencia a un artÃculo de new earth online y hoy vamos a hablar sobre otro de sus grandes artÃculos.
En este caso se trata de cómo mejorar nuestra forma de programar con Javascript. Una de las ventajas o inconvenientes de Javascript, según quien lo vea, es que se puede usar en cualquier parte de la página web y que no existe ningún método obligatorio de uso. Pero aún asÃ, hay veces que es mejor seguir ciertos pasos para tener un código mejor y más limpio:
- Separa el contenido de la funcionalidad, por ejemplo, si vas a añadir un evento a un objeto (onclick) añádelo mediante el evento window.onload usando un archivo js.
- Una cosa que ya hemos comentado anteriormente es ver cómo funciona tu aplicación web si no está activado Javascript.
- Realiza código compatible con los distintos navegadores. Desgraciadamente, a veces es necesario detectar el navegador y resolver según el navegador que sea.
- Declara las variables usando var, si no lo haces puedes tener problemas en las funciones recursivas, por ejemplo si en una función tienes un for con una variable i y dentro de ese for vuelves a llamar a la misma función, al llegar al mismo bucle puedes tener problemas.
VÃa / dzone
PaintbrushJS – Browser Based Image Processing Library
PaintbrushJS is a lightweight, browser-based image processing library that can apply various visual filters to images within a web page.You use it by applying a class to an element on the page and setting a few parameters with some extra HTML attributes. If the element is an img or it has a background-image set in your CSS, PaintbrushJS will create …
wForms: javascript para tus formularios
wForms es cógido Javascript no intrusivo que te ayuda a realizar las acciones más comunes con tus formularios web. Disponible en dos versiones, comprimida y legible, ofrece tres tipos de acciones en los formularios:
- Validación de los campos de entrada: como se define los campos obligatorios y la comprobación del formato para cada campo.
- Sincronización entre campos: cómo controlar campos del formulario dependiendo de otros campos.
- Secciones condicionales: si aparecen o no campos basados en respuestas anteriores.
VÃa / dzone
Laboratorio: listas con descripción en HTML
Muchas veces el diseño que creamos nos hace usar listas no ordenadas, las cuales queremos que tengan descripción, pero por la falta de espacio, queremos que esta ocupe poco espacio.
Para crear este efecto, usaremos una lista y una capa por cada descripción que queremos mostrar, a parte de un script que mostrará la descripción cuando pasamos el ratón sobre el elemento de la lista.
Hacer un botón de ‘Ver código fuente’
Ejemplo bastante completo que nos explica cómo hacer un botón que nos permite mostrar el código fuente mediante javascript y CSS.
