¿Cuál es el nombre de la barra de enlaces limpia con divisores de línea en Facebook?

Dudo que haya un nombre para lo que estás describiendo, y realmente dudo que haya un solo video de YouTube que te enseñe cómo hacerlo. Suponiendo que tengo razón, otros carteles son correctos, si está hablando de la lista, vea la fuente y vuelva a imaginarla en el contexto de su sitio. Sin embargo, si está preguntando sobre la funcionalidad que mueve el foco a la lista mientras oculta la barra, eche un vistazo al JS con un inspector de navegador de calidad. Para hacerlo, intente establecer un punto de interrupción en el elemento al que se le ha quitado el foco que escucha los cambios de atributos DOM (diferentes procesos para diferentes navegadores). Una vez que el JS desencadena una pausa de depuración cuando hace clic en el elemento DOM, mire a través de las funciones en la pila de llamadas para comprender dónde, cómo y por qué el enfoque del DOM cambia de la manera descrita. También puede hacerlo desde el elemento que tiene el foco desplazado hacia él para ver la finalización de ese cambio, o incluso mejor, si su navegador admite una pila de llamadas asíncronas, puede ver la pila completa desde el disparador hasta el cambio de foco desde allí.

Si eso suena como jibber jabber, busque los complementos jQuery que manejan el cambio de foco. No sé si existen o no porque este es un comportamiento bastante fácil de escribir en vanilla JS. El pseudocódigo es esencialmente; adjunte la escucha de clics al elemento de destino de clics, los activadores de clics cambian de enfoque a un nuevo objetivo de enfoque, oculten elementos no deseados y almacenen el estado de selección cuando corresponda.

Si eso suena como jibber jabber, decida si prefiere pagarle a un desarrollador alrededor de $ 70- $ 100 por hora para que lo haga por usted, o tómese el tiempo para aprender sobre cada paso, especialmente la depuración, a través de Stackoverflow.com y Google.com.

Facebook es solo HTML, por lo que la forma más fácil de aprender de cualquier parte es simplemente ‘Ver código fuente’ o en Chrome, ‘Inspeccionar elemento’.

Creo que te refieres al fragmento que comienza:

¿Te refieres a la lista? Simplemente lo llamo una tabla dinámica con funcionalidades como el filtrado de búsqueda anticipada y la paginación.