1. Desarrollo front-end para Facebook (no tiene que hacerte querer suicidarte)
2. FBML y HTML La mayoría del desarrollo front-end realizado con html y css regulares FBML (lenguaje de marcado de Facebook) proporciona etiquetas especiales para agregar funcionalidad específica de FB Ejemplo: Para mostrar un selector de amigos: Probablemente usará muy poco FBML (si tiene suerte)
3. Diseño de elementos FB Algunos elementos generados en Facebook pueden diseñarse a través de CSS. Los botones estándar para compartir se pueden modificar un poco, anulando las propias clases de FB: .uiButtonMedium {padding: 0; } .fb_button_text {display: none! important; } Puede agregar sus propios colores, fondos y cambiar sus dimensiones. Algunos son más estilizables que otros. Simplemente jugar. Cosas que están en un iFrame … olvídalo.
- ¿Qué marco de JavaScript es el más adecuado para un principiante que quiere aprender el desarrollo de back-end?
- ¿Es importante aprender un lenguaje de consulta estructurado para el desarrollo del backend?
- ¿Cuál es tu stack para el desarrollo de backend?
- Cómo integrar un clasificador ML en el backend de una aplicación
- ¿Qué sistema de base de datos debo usar para múltiples idiomas de back-end?
4. Consejos HTML Algunas etiquetas no se pueden usar en absoluto: body, html, head, iframe ¿Mencioné que no puede insertar iFrames en pestañas? Funcionan bien en páginas de lienzo. No hay referencias relativas de ningún tipo, incluidos imágenes, archivos css y js. Los hipervínculos relativos están bien, siempre que se enlace a una página en Facebook. En pestañas, todas sus imágenes serán almacenadas en caché. Cache-buster: photo.jpg? Version = 2 Los mapas de imágenes no funcionan (me gana)
5. Consejos CSS Puede incluir archivos CSS externos, pero solo 2. No use @import. Los archivos css externos se almacenarán en caché. Los cambios requerirán el almacenamiento en caché: facebook.css? Version = 2 CSS incluido en línea no está en caché. Mantenga sus archivos css separados, pero inclúyalos en línea a través de php para evitar el almacenamiento en caché y evitar el límite de archivos 2-css: Las imágenes de fondo aún se almacenarán en caché.
6. Más consejos de CSS Muchos “hacks” de CSS se consideran inválidos y se eliminarán por completo. Incluye el “truco estrella” para IE @ font-face se determina inválido y se eliminará. Por lo tanto, por ahora, no puedo usar nuevas fuentes web en pestañas o páginas de lienzo FBML (los iframes de lienzo están bien)
7. Sugerencias de JavaScript Se puede usar bastante JavaScript en Facebook (si lo hace a su manera). No se pueden incluir archivos js externos en FBML, incluido jQuery. FBJS es una versión aumentada (paralizada) de JavaScript. Ciertos métodos nativos de JS no se pueden usar en absoluto: alert (), document.write () Muchos métodos nativos de JS tienen sus propios FBJS equivalentes: obj.value = ‘blah’ -> obj.setValue (‘blah’) obj.className = ‘blah’ -> obj.setClassName (‘blah’) Dentro de un iFrame de lienzo, enloquece.
8. Tipos de página en Facebook, es decir, ¿dónde hace un desarrollador de interfaz de usuario sus cosas? Pestañas FBML estáticas Pestañas de aplicación Páginas Canvas FBML Páginas Canvas iFrame
9. Tipos de página en pestañas FBML estáticas de Facebook Simplemente pegue todos sus html, fbml y (en línea) css y javascript en un campo. Todo aún necesita alojamiento externo. Para agregar, haga una búsqueda de ‘tatic fbml’ y seleccione ‘dd a to page’. Seleccione una página que administre Vaya a esa página y haga clic en ‘editar página’. Encuentra la aplicación FBML estática y ‘edita’. Pegue su código y guarde. Edite la configuración de la aplicación y agréguela como una pestaña a su página
10. Tipos de página en las pestañas de aplicaciones de Facebook Similar a las pestañas estáticas FBML. Se aplican las mismas limitaciones. El código se introduce en la pestaña desde su propia URL externa. Los beneficios son: Actualizaciones más fáciles. Puede usar cualquier código de fondo antes de renderizar (PHP, Ruby, .NET). El código puede estar en el control de versiones.
11. Tipos de página en páginas de Facebook Canvas FBML Las páginas de Canvas son cualquier cosa con Iniciar sesión o Registrarse como su URL. Las páginas de Canvas de FBML tienen muchas de las mismas limitaciones que las pestañas. Puede incluir iFrames a través de: Puede incluir archivos js externos, pero se almacenarán en caché, al igual que los archivos css. El js debe ser compatible con FBJS. Todavía no puede incluir jQuery, pero puede hacer lo que quiera dentro de un iFrame.
fuente: – https://www.slideshare.net/Atlan…