Hace unos días compre los componentes para armar un nuevo PC pero al intentar colocarlo en la antigua carcasa me doy cuenta que la tarjeta madre no encaja correctamente por lo que me puse a buscar posibles soluciones y me encontré este video (esta en ingles).

Enlace al vídeo en Youtube

Cuando lo haga con mi equipo colocare un video con el resultado 😀

Leer más

OneSignal es un servicio de notificación push de alto volumen y confiable para sitios web y aplicaciones móviles. Apoyan a todas las principales plataformas nativas y móviles proporcionando SDKs dedicados para cada plataforma, una API de servidor RESTful y un panel de control en línea para poder diseñar y enviar las notificaciones push.

Web Push SDK Setup (HTTPS)

OneSignal SDK Setup Guide for HTTPS websites. Works with all WEB PUSH platforms (CHROME, FIREFOX, SAFARI)

En este pequeño tutorial voy a explicar como realizar la integración de OneSignal en una aplicación web.

Requerimientos previos:

  1. Crear una cuenta en onesignal.com
  2. Obtener OneSignal App ID

1. Configurar los settings para OneSignal

Acá debemos determinar que plataforma vamos a usar, en esta oportunidad vamos a usar la opción para Chrome y Firefox

Configurar los settings para OneSignal | abr4xas.org

Debemos seguir todas las indicaciones que nos aparecen en la pantalla.

NOTA: Si tu web se encuentra en una carpeta por ejemplo: example.com/blog debes incluir solamente example.com

2. Archivos necesarios para que OneSignal funcione

Se necesitan 3 archivos para poner a funcionar OneSignal:

  • manifest.json
  • OneSignalSDKWorker.js
  • OneSignalSDKUpdaterWorker.js

Esos archivos los descargas desde acá.

El unico archivo que debemos modificar es manifest.json el contenido de ese archivo es algo como esto:

{
  "name": "OneSignal Example",
  "short_name": "OneSignalExample",
  "start_url": "/",
  "display": "standalone",
  "gcm_sender_id": "482941778795",
  "DO_NOT_CHANGE_GCM_SENDER_ID": "Do not change the GCM Sender ID",
}

Como ven, lo unico que hay que modificar son las llaves name y short_name. Luego de modificar hay que subir estos tres archivos a la carpeta raiz de nuestra web.

Luego de subir los archivos hay que hacer referencia al archivo manifest.json en el header de nuestra web de la siguiente forma:

<link rel="manifest" href="/manifest.json">

Los archivos necesitan estar visibles para poder acceder a ellos es decir, deben quedar de esta forma:

https://yoursite.com/manifest.json
https://yoursite.com/OneSignalSDKWorker.js
https://yoursite.com/OneSignalSDKUpdaterWorker.js

Y para finalizar:

Y ya para que todo funcione debemos agregar el siguiente código a nuestra web:

<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async></script>
<script>
    var OneSignal = window.OneSignal || [];
    OneSignal.push(["init", {
      appId: "YOUR_APP_ID", // esto lo obtenemos en el momento de crear la app
      autoRegister: false,
      notifyButton: {
        enable: true /* Set to false to hide */
      }
    }]);
</script>

Leer más

Shoelace.css es una biblioteca CSS ligera y versátil construida con la sintaxis CSS del futuro. Es fácil de usar y altamente personalizable. Los usuarios de Bootstrap lo encontrarán familiar, pero refrescante.

Se trata de un altamente personalizable, kit CSS puro que pesa sólo en 31KB minified (7.9KB gzip). Puede cargarlo localmente o mediante CDN, pero aún así se puede personalizar todo con el uso de variables.

Shoelace utiliza una característica soportada de CSS llamada Custom Properties. A muchas personas les gusta llamarlas "variables CSS". De cualquier manera, son increíblemente útiles.

Se pueden definir propiedades personalizadas en el CSS de la siguiente manera:

:root {
  --body-color: #000;
  --body-bg-color: #fff;
  --link-color: blue;
}

Y luego usarla de la siguiente manera:

body {
  color: var(--body-color);
  background-color: var(--body-bg-color);  
}

a {
  color: var(--link-color);  
}

Esto es lo que viene por defecto en Shoelace

  • CSS Reset
  • Default Content Styles
  • Alerts
  • Badges
  • Buttons
  • Forms
  • Loaders
  • Tabs
  • Tables
  • Text Utilities
  • Float Utilities
  • Sizing Utilities
  • Spacing Utilities

En este enlace puedes ver un demo.

Instalación

Existen varios tipos de "instalación"

Usando el CDN:

<link rel="stylesheet" href="https://cdn.shoelace.style/1.0.0-beta22/shoelace.css">
<script src="https://cdn.shoelace.style/1.0.0-beta22/shoelace.js"></script>

Usando npm:

npm install shoelace-css

En la documentación hay mucha más información de como ponerlo en marcha.

Web del proyecto

Leer más

Leer más

¿Ramme?

Es un cliente de código abierto para Instagram que se puede ejecutar en varios sistemas operativos (Linux, Windows y MacOS).

Ramme Unofficial Instagram Desktop App

Features

  • Photo upload
  • Dark Theme
  • Auto Update
  • Keyboard shortcuts
  • Background behavior

Keyboard shortcuts

  • Go Back:
  • Refresh: R or Ctrl R
  • Home: 1 or Ctrl 1
  • Discover: 2 or Ctrl 2
  • Notifications: 4 or Ctrl 4
  • Profile: 5 or Ctrl 5
  • Scroll a post up: ⇧ Shift ↑ Up
  • Scroll a post down: ⇧ Shift ↓ Down
  • Toggle Dark mode: D or Ctrl D

Puedes visitar la web del proyecto en este enlace.

Leer más

Una cookie, galleta o galleta informática es una pequeña información enviada por un sitio web y almacenada en el navegador del usuario, de manera que el sitio web puede consultar la actividad previa del usuario.

Sus principales funciones son:

  • Llevar el control de usuarios: cuando un usuario introduce su nombre de usuario y contraseña, se almacena una galleta para que no tenga que estar introduciéndolas para cada página del servidor. Sin embargo, una galleta no identifica a una persona, sino a una combinación de computadora de la clase de computación-navegador-usuario. Conseguir información sobre los hábitos de navegación del usuario, e intentos de spyware (programas espía), por parte de agencias de publicidad y otros. Esto puede causar problemas de privacidad y es una de las razones por la que las cookies tienen sus detractores.
  • Originalmente, solo podían ser almacenadas por petición de un CGI desde el servidor, pero Netscape dio a su lenguaje JavaScript la capacidad de introducirlas directamente desde el cliente, sin necesidad de los CGI. En un principio, debido a errores del navegador, esto dio algunos problemas de seguridad. Las cookies pueden ser borradas, aceptadas o bloqueadas según se desee, para esto se debe configurar convenientemente el navegador web.

Información de wikipedia

Por qué utilizar los dominios sin cookies?

Aunque las cookies son muy útiles en algunos casos, en otros casos, como la entrega de contenido estático, pueden obstaculizar el rendimiento. Cuando un navegador hace una solicitud para un activo estático, como una imagen o un archivo CSS, no es necesario que envíe también una cookie al servidor. Esto sólo crea tráfico de red adicional y como los archivos son estáticos (no cambian), el servidor no tiene ningún uso para la cookie añadida.

Cuando utiliza dominios sin cookies, puede separar el contenido que no requiere cookies del contenido que lo hace. Esto ayuda a mejorar el rendimiento de su sitio eliminando el tráfico innecesario de la red.

Dominios y CDN sin cookies

También puede utilizar un CDN para entregar sus activos estáticos y utilizar dominios libres de cookies, mientras que al mismo tiempo se benefician de las características de un CDN tiene para ofrecer. Con KeyCDN, una vez que haya configurado una zona de extracción y recuperado el url de zona o Zonealias, simplemente se puede integrar en el CMS o el framework con el que se está trabajando.

Leer más