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.

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.

boton “anadir a favoritos”

los botones de “anadir a favoritos” les gustan a muchos.

el problema es que no son muy cross-browser.

aca les ensenare a hacer un boton de “anadir a favoritos” con javascript.

primero que nada hay que usar el manejador de eventos onclick en el boton,ustedes delen los estilos y demas que deseen.

ahora vamos con la function javascript:


function boton_favoritos() {
// Agregar a favoritos
var url="http://www.tusitio.com" // url del sitio
var titulo="hola,este es mi sitio web con boton" // el title
if (document.all) {
window.external.AddFavorite(url, titulo);
} else if (window.sidebar) {
window.sidebar.addPanel(titulo, url, "");
} else {
// se muestra si no se soporta la funcion
alert('tu navegador aun no esta funcion. Pulsa CTRL + D para añadir esta página a favoritos.');
}

funciona en los navegadores que usan trident y gecko,webkit no lo soporta pero no se si khtml (de konqueror) lo soportara ni tampoco lo probe en presto (el de opera).

nota: en netscape creo que si funciona,pero no estoy seguro porque es un gecko muy antiguo.

Saludos,espero les sea util

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.

los mejores CMS para webs empresariales,foros,blogs,noticias…

si algo hemos aprendido es que los CMS son muy IMPORTANTES en la actualidad,toda empresa quiere su sitio y sin estudiar nada,quieren encargarse de ellos para que?

para sentirse alguien importancia y porque no esta suficientemente ocupado para hacer lo que a el toca y ya…

Eso si,aveces los CMS no son un capricho sino una necesidad,si,olleron bien y la verdad es obvio.

haz intentado hacer un buen blog sin un CMS?? CLARO QUE NO,no es posible o almenos,no para un humano….

bueno,para cada cosa ahi un CMS,claro que aveces el menor no usar uno.

yo personalmente no hago casi ningun proyecto sin un CMS o por lo menos armar todo con includes PHP y dar estilos en CSS (como en todos los proyectos… SIEMPRE USO ARCHIVOS EXTERNOS,nada de style como atributo o como Tag) ya es lo que puedo hacer sin un CMS para ahorrar tiempo.

aca les dire cual en mi opinion es el mejor CMS para cada cosa y analizare cada una,manejando temas como accesibilidad,usabilidad,interfaz,panel de control,consumo de recursos,etc.

Foros: MyBB

Es el mas seguro de todos los foros,es casi inhackeable es mas,con la ayuda de donaciones de los usuarios,cuando es posible,se paga a una empresa Auditora en Seguridad para que Auditase el Codigo fuente de MyBB y corrigiera errores de seguridad y posibles hoyos de ataques.

su apariencia,es mejor que la de vbulletin y phpBB,por mucho,el cms con mejor interfaz que e visto desde que diseño webs,ademas hablando de plug-ins,ahi cientos y cientos de plug-ins para descargar y introducir facilmente en tu foro,es el foro tambien mas ligero que e visto aunque al ponerle muchos plug-ins su peso,obviamente aumenta.

MyBB es el cms para foros con mayor comunidad y soporte en internet,ademas de que tiene las ventaja de ser software libre.

Es mas,la pagina MPSounds que es el repositorio oficial de sonidos,scripts y skins para msn plus usa mybb para
todo,es demasiado personalizable.

aprende mas sobre MyBB en la web del autor:


http://www.mybb.com/

Blogs: WordPress

Bueno,no tiene competencia,nisiquiera tengo que analizarlo,quien no lo conoce?

puedes leer sobre wordpress en el sitio web oficial en español:

http://es.wordpress.org/

Noticias: Cutenews

porque no usar WordPress?,pues Cutenews es mas semantico en noticias.

las noticias son faciles de redactar y son muy configurables,ademas,si quieres darles buen aspecto,distinto a el de lo demas,puedes!.

solo necesitas aprender a editar sus templates,no te asustes,son solo divs con un texto adentro,el texto que esta adentro de los divs de las templates nombra un elemento,es como el echo en PHP,el editor de plantillas incluye las instrucciones,solo debes saber un poco de css y lograras grandes cosas,tambien puedes usar CSS para mejorar el aspecto de las noticias y su presentacion,puedes darles Class (ojo,no uses los ID en las templates) a los divs de la plantilla para mejorar el aspecto y la estructura mediante CSS.

es excelente y es seguro (pero usen una buena clave para entrar al panel de control)

Pueden descargarlo y leer mas sobre el en su sitio web:

http://cutephp.com/

Web empresariales: Joomla!

Joomla! es el original nombre de un sistema de administración de contenidos (CMS), heredero directo de Mambo, que te permite crear y mantener una página web de forma sencilla, al tiempo que ofreces una amplia variedad de funciones y servicios a tus visitas.

Basado en el potente lenguaje de programación PHP, con Joomla! podrás diseñar desde una página web personal hasta la página corporativa de una empresa, con posibilidad de gestionar y configurar tu página cómodamente a través de una interfaz web.

Podrás publicar noticias y contenido multimedia, ofrecer canales RSS, publicar encuestas, así como añadir o eliminar módulos y extensiones con total libertad para adaptarlo a tus gustos y necesidades.

http://www.joomlaspanish.org/

y diganme,para ustedes,cual es el mejor CMS para cada cosa?

¿que editor web elegir o IDE elegir? Geany VS notepad++ VS Bluefish

esta es una decisión muy MUY importante y acá te dejare una comparación de las principales opciones a tener en cuanta comparando varios aspectos: (soy completamente imparcial)

Facilidad de uso:
Ganador: UN EMPATE notepad++ y bluefish

notepad++ es muy facil de usar,esta hecho para usuarios novatos,usuarios regulares,webmasters y programadores,pero no es tan productivo y rapido de trabajar como geany o VIM.

Funciones:
Ganador: UN EMPATE geany y bluefish

Comodidad al trabajar con HTML:
Ganador: Notepad++

DEMASIADO BUENO PARA HTML.

Comodidad al trabajar con CSS:
Ganador: Geany

el navegador de etiquetas,explorer de archivos,block de notas incorporado y las opcion de buscar en la barra de herramientas sin tener que abrir otra ventana o navegar un menu,lo hacen lo mejor para CSS,ademas de su intellisence,auto-cerrado de signos y su gran cantidad de snippets para ser mucho mas eficiente.

Comodidad para javascript:
Ganador: Bluefish

gracias a sus snippets,intellisense,insertor de etiquetas,auto-cerrado de signos,lo hacen muy productivo.

PHP:

Ganador: Geany

si lo sabes usar tiene docenas de funciones de que facilitan el PHP.

yo personalmente me quedo con Geany,y tu?

E-books sobre diseno web con software libre

aca les dejo unas descargas de unos e-books sobre diseno web con software libre,algunos son tambien de fotografia o de diseno grafico pero bueno,es parte de lo que un buen webmaster debe saber.

Diseno web con kompozer:

bueno,aunque,como yo,escribas tu codigo a mano,vale la pena aprender a usar kompozer para ahorrarte buen tiempo o para hacer algo algun detalle en CSS que se te a olvidado ( como hago yo 😛 )

Javascript

una vez uses kompozer,aprende javascript,ahora podras denominarte “webmater amateur”

XHTML:

HTML.. No necesita presentacion.

CSS Basico:

ya casi puedes llamarte webmaster freenlancer.

manual de gimp

todo disenador web o grafico con software libre debe saber usar GIMP.

Manual de OpenOffice

estoy loco?,no,lo necesitaras con el tiempo.

inkscape logo a logo

vectores,escencial.

bueno,me despido,aca ya tienen mucho para leer :D,recuerden que para descargar solo denle click a las imagenes