consultoria-sap/consultoria-sap.github.io

Root del repositorio

consultoria-sap.github.io's Issues

CSS: sponsors.css

Para el código de sponsors, que lo llame únicamente en la página de sponsors.

<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/sponsors.html"'> 
<link rel="stylesheet" href="https://consultoria-sap.github.io/css/sponsors.css" />
</b:if>

Pop-up suscribers

Ver de agregar http://luisvinicius167.github.io/gliojs/ para captar suscriptores que están saliendo de la página.

<data data-token="02f60ac69d4a4bf19224a804e677af65" class="mj-w-data" data-apikey="2OPA" data-w-id="5uU" data-lang="es_ES" data-base="https://app.mailjet.com" data-width="640" data-height="410" data-statics="statics"></data>

<div class="mj-w-button mj-w-btn" data-token="02f60ac69d4a4bf19224a804e677af65" style="font-family: Ubuntu, Helvetica; color: white; padding: 0 25px; background-color: #f0622b; text-align: center; vertical-align: middle; display: inline-block; border-radius: 3px;">
    <div style="display: table; height: 45px;">
        <div style="display: table-cell; vertical-align: middle;">
            <div class="mj-w-button-content" style="font-family:Ubuntu, Helvetica; display: inline-block; text-align: center; font-size: 13px; vertical-align: middle;"><b>¡SUSCRIBIRSE!</b></div>
        </div>
    </div>
</div>

<script type="text/javascript" src="https://app.mailjet.com/statics/js/widget.modal.js"></script>

Enlace

<a href="#" data-token="02f60ac69d4a4bf19224a804e677af65" onclick="mjOpenPopin(event, this)">¡Suscríbase ahora!</a>

Lazy-Loading

Para ciertas imágenes quiero poner algún simple script que me ayude a optimizar las cargas de imágenes.

Después de leer: Five Techniques to Lazy Load Images for Website Performance, me quedo con esta idea muy simple, que tengo que probar: Simple Image Lazy Load and Fade

1. Agregar CSS:

img {
	opacity: 1;
	transition: opacity 0.3s;
}

img[data-src] {
	opacity: 0;
}

2. Agregar JS:

[].forEach.call(document.querySelectorAll('img[data-src]'), function(img) {
	img.setAttribute('src', img.getAttribute('data-src'));
	img.onload = function() {
		img.removeAttribute('data-src');
	};
});

3. En la imagen, usar "data-src" y no "src" como siempre:
   <img data-src="/path/to/image.jpg" alt="">

Error Icon Size

Cuando se navega a través de un dispositivo móvil de Android, está lanzando error la consola relacionado al tamaño de la imagen que es icono en https://foros.consultoria-sap.com/manifest.json

Acción requerida:

• Cambiar el tamaño del logo
• Subir como ícono, ver ejemplo: https://meta.discourse.org/manifest.json
• Cerrar este issue

Relacionado a esto: discourse/discourse@04c7dba

Headers del sitio

Analizar headers:

https://observatory.mozilla.org/analyze/www.consultoria-sap.com

Catálogo de Descargas

Hay tanto material disponible, que estaría bueno tener una página estática y simple que contenga las descargas disponibles.

viewport

Analizar incluir el meta tag: viewport

Info:

• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Re-Organización de éste root

Aparte de concentrarse en los issues más importantes

• Cambiar logo del root, poner algo más original
• https://github.com/consultoria-sap/business-one/issues
• https://github.com/consultoria-sap/ABAP/issues

Otras ideas

• Optimizar con http://fontawesome.io/get-started/
• Jekyll 3 no acepta emojis?
  Si, lo hace: https://help.github.com/articles/emoji-on-github-pages/

Quitar Google Plus

Eliminar el API de google plus.

Tiene error, y parece ser que Google no le está dando mucha importancia al API desde el año 2014:
Ref: google/google-api-javascript-client#127

¿Traer AMP aquí?

En base a esto: https://github.com/search?q=jekyll+amp&ref=opensearch

Podría traer lo que tengo en AMP: Consultoria-SAP aquí.
Teniendo en cuenta que sería libre para cualquier persona leer el contenido del blog.

¿Sería positivo?