Análisis sobre los menús desplegables

pues primero que nada tengo que decir sobre que hablaremos,el tema son los menús desplegables,haré un buen análisis sobre el tema.

Usabilidad:

Ventajas:

-Permite ordenar muchas opciones en un reducido tiempo,es muy recomendable para webs de software,por ejemplo,o para foros.

Desventajas:

-Las opciones no están del todo visible todo el tiempo asique el usuario tendra que buscar y tardara tiempo encontrar las opciones indicadas.

Accesibilidad:

Ventajas:

-ninguna,la verdad.

 

Desventajas:

-El uso de ellos hace que tu web sea innavegable en navegadores sin Javascript o para moviles (solo si usas JS).

-Las personas con deficiencia motora tendrán problemas con tu sitio.

SEO:

Ventajas:

-Toda tu web puede estar ínter-conectada así que junto con un sitemap.xml tendrás todo unido. (el uso de CSS es recomendable).

Desventajas:

-Al usar ciertos detalles con AJAX,el contenido ser no ser indexado por algunos buscadores (aunque se puede usar un buen sitemap.xml y listo).

Limpieza de código:

Ventajas:

-Con un código tabulado y semántico,puedes hacer menús desplegables con código muy limpio y semántico.

Desventajas:

El código puede ser muy largo si necesitamos varias opciones (a que no haz visto un código de uno de 3 niveles).

Validación:

Ventajas:

-ninguna,es en realidad neutral en este tema.

Desventajas:

-Un pequeñísimo descuido puede causar muchísimos errores de validación.

Espero que les sea útil,saludos.

Anuncios

Que DEBERIA saber un diseñador/maquetador web

primero que nada,tengamos claro todo,no es lo mismo un diseñador web a un maquetador web pero en si dejando de lado lo que realizen igual necesitaran unos conocimientos de varios temas.

Entre ellos:

  • usabilidad
  • accesiblidad
  • SEO (aunque tengan un consultor SEO propio,saber SEO aumentara la calidad de los diseños listos antes los bots de los navegadores)
  • redes (toda persona que trabaje con web debe saber que es apache,ISS,Server-side,DNS,FTP,Samba,etc)
  • lenguajes de marcado (HTML,XHTML,XML,SGML,como minimo)
  • lenguaje de hoja de estilos (CSS)
  • Lenguajes de scrips client side (javascript)
  • Lenguajes de server-side (PHP y si lo deseas,asp.net. al menos a nivel basico)
  • Edicion de imagenes (ni hace falta opinar)
  • SVG (es el futuro,se espera que pronto lo usen sistemas como google maps y muchos otros,a diferencia de flash,es 100% indexable,se puede buscar y mucho mas en el)

y bueno,con eso concluyo.

Snippets y Tags de autocompletado para geany (por mi)

Como sabran me gusta Geany y lo uso profesionalmente,asi que me vi obligado a ayudar en su desarrollo y e hecho una libreria de snippets para HTML/XHTML,XML,CSS,Javascript,PHP muy grande. Ademas,el autocompletado para Javascript lo hicieron y se cayo el servidor asi que busque el codigo fuente y genere mi propio archivo tags (para autocompletado) y lo envie a el equipo de Geany. aca les dejo el archivo RAR para que lo bajen y disfruten de el,otra novedad es que los plug-ins de HTML y XML los meti dentro de los snippets de PHP para ayudar a los desarrolladores y diseñadores aun mas. aca esta el link:

http://www.4shared.com/file/wMeRuZAU/conf_geany.html

lo subi en 4shared porque ahi nunca se borra pero si quieren un mirror diganme.

PD: incluye un paquete para plug-ins pero solo para geany en windows.

Como convertir notepad++ en todo un IDE para webmasters.

una vez pensemos en un editor para pags web,bajamos notepad++ y en unos momentos convertirlo en un potentisimo editor web.

1-bajamos la ultima version disponible:

http://notepad-plus-plus.org/

2-Activar opción “Autocompletar” (tambien llamada sugerencia de codigo y intellisense) en el menú “Copia de seguridad/Autocompletar”. Utilísima opción. Si está desactivada, la sugerencia de palabras se deberá hacer mediante control -> barra espaciadora. Activárla es mucho más cómodo.

3- activar autocerrado de tags HTML (intelligente):

(menú TextFX > TextFX Settigns> Autoclose XHTML/XML tag)

4-instala zen coding para notepad++:

http://code.google.com/p/zen-coding/downloads/list

5-instalar los siguientes plug-ins (mediante el plug-in manager):

-runme (para ejecutar archivos html con solo apretar shift+F5)
-XML tools (autocompletado,validacion y demas herramientas para XML)
-JSMin (comprime el codigo eliminando todo los espacios,sirve para cualquier lenguaje)
-WebEdit (botones que al pulsalos insertar el codigo correspondiente,muy util)
-Ligth Explorer (mejor que el plug-in Explorer y consume menos memoria y espacio)
-HTML Tags (es muy util,te permite convertir caracteres a entidades HTML y te opciones interesantes para navegar por el codigo html)
-Xbrackets Lite (si bien el TEXTFX de notepad++ trae esta funcion,este plug-in es mas configurable y igual de confiable)

6- en el menu de configurador de estilos elije el tema que mas te guste,yo escogi Zenburn porque es lo mas parecido a tango y los colores molan,ademas tiene fondo negro envez de blanco,asique descanza la vista.

Saludos,ojala les alla servido.

PD: aun con esto,notepad++ no consumira casi nada de ram y pesara solo 15 megas.