web

web, html, css, flash, fonts e news su internet

Versus

versus oppo reno 2
Versus permette di orientarsi nell'acquisto confrontando più articoli in base alle loro caratteristiche salienti risparmiando tempo e denaro.

Ad esempio con gli smartphone, dei quali le aziende propongono una gamma molto varia che risulta astrusa ed è difficile capire bene quale sia il più adatto alle proprie esigenze.

Ma ci sono anche tablet, laptop, PC e accessori, TV, audio, addirittura anche app.

Oppo Reno 2 VS Oppo Reno 4 Pro


categorie: 

SaaS - Software as a Service

SaaS
Se ne sente parlare dappertutto, ma cos'è realmente il "SaaS" ?

Si definisce Software as a service un modello di licenza e "distribuzione" su licenza in cui i programmi sono ospitati centralmente. Una vecchia definizione era "software on-demand". E' soprattutto parte della nomenclatura di moda del cloud computing, insieme all'infrastruttura come servizio (IaaS), alla piattaforma come servizio (PaaS), al desktop come servizio (DaaS), al software gestito come servizio (MSaaS), al backend mobile come servizio (MBaaS), al datacenter come servizio (DCaaS) e la gestione dell'information technology come servizio (ITMaaS).

Le applicazioni SaaS sono tipicamente accessibili dagli utenti che utilizzano un thin client, ad esempio tramite un browser web. Il SaaS è diventato un modello di fruizione comune per molte applicazioni aziendali, tra cui software per ufficio, software di messaggistica, software per l'elaborazione delle retribuzioni, DBMS, gestionali, CAD, tool di sviluppo, gamification, virtualizzazione, contabilità, collaborazione, gestione delle relazioni con i clienti (CRM), sistemi informativi gestionali (MIS), pianificazione delle risorse aziendali (ERP), fatturazione, gestione delle risorse umane (HRM), acquisizione di talenti, sistemi di gestione dell'apprendimento, gestione dei contenuti (CM), sistemi informativi geografici (GIS) e gestione del service desk. Il SaaS è stato incorporato nella strategia di quasi tutte le principali società di software enterprise.

The SaaS Handbook – How to Build Your First Software-as-a-Service Product Step-By-Step


Markdeep

markdeep
Markdeep è uno dei tanti progetti di Morgan McGuire, un genio della grafica che ha lavorato per tutti i grandi player dell'industria, da IBM a Oculus, da Activision a Nvidia, da Unity a Mitsubishi.

La pagina dei suoi progetti è lunghissima e la qualità a livelli professionali e stupefacenti.

Con Markdeep si usa il linguaggio descrittivo stile markdown per realizzare qualsiasi elemento sulla pagina, passando da testo a immagini renderizzate direttamente via javascript. E' talmente semplice e intuitivo che non esiste quasi la necessità di imparare nulla, solo avere una guida di riferimento con gli esempi.

Online text to diagram tools


DOM e javascript - un approccio pratico

html dom
DOM (document object model) è il modello che descrive la struttura di una pagina web. Fa corrispondere ogni elemento di un documento HTML o XML al nodo di un albero. Occorre conoscerlo e tenerlo presente per implementare vari comportamenti dinamici via javascript.

Ma come fare esattamente ? Ce lo spiega questa pagina, ricca di esempi pratici esattamente come un javascript cookbook.

What is the HTML DOM?
Introduction to the DOM
wikipedia


categorie: 

Gitpod

gitpod

gitpod.io è un ambiente online con IDE che può essere lanciato da qualsiasi pagina di GitHub.

In pochi secondi, Gitpod fornisce un ambiente di sviluppo completamente funzionante, incluso un IDE VS Code-powered (Theia) e un contenitore Linux cloud-based configurato appositamente per il progetto in questione. E' la maniera più rapida in assoluto per provare un progetto il cui codice è su github, anche se occorre predisporlo.

tips & tricks
Frictionless Open-Source Contributions
rust in gitpod
php in gitpod


Online Github Work Environments - A Gitpod Review

Gitpod Basics Episode 2

Cos'è un Proxy e come configurarne uno

squid proxy
Un server proxy, o semplicemente un proxy in breve, è come avere un altro computer a cui le vostre richieste internet vengono inviate prima di andare sul vero sito web. È un server che prende tutte le informazioni che vengono inviate, come una richiesta di acquisto ad un negozio online, e le instrada attraverso un indirizzo di rete diverso. Ed è proprio questo ciò che rende un proxy così potente. Può far apparire tutta la propria attività su internet come se provenisse da un computer completamente diverso.

Le aziende usano i proxy, detti anche forward proxy, per la sicurezza e le prestazioni della rete, le persone li usano per questioni di privacy, e ci sono anche alcune funzionalità interessanti che si possono usare quando si utilizzano i server proxy per la navigazione in internet.

Proxy Server
Squid Cache


categorie: 

Codice da vedere con Carbon e OnPaste

onpaste + carbon
Poniamo di voler mostrare del codice in modo esteticamente gradevole.

Primo: trovare qualcosa di interessante.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Secondo: incollare il codice dentro a carbon

Terzo: Per ottenere un file immagine dalla cliboard si può usare: onpaste.com

Voilà.


categorie: 

Javascript: Gli Observable Notebooks

Observable notebooks
L'idea introdotta dai jupyter notebooks si è rivelata troppo utile perché non venisse implementata anche per javascript.

Ecco quindi Observable, un sito dove si possono creare i propri notebook e provare online, live, il funzionamento di vari tipi di codice js, anche se il riferimento è il libro online: Eloquent Javascript.

Poi c'è la galleria di esempi, che ne svelano le potenzialità.

Si comincia da qui.
Differenze con i Jupyter notebooks


categorie: 

Come commercializzare un prodotto - il caso di un videogame

Chris Zukowski è un esperto di videogame marketing dall'età di 10 anni (ha ricevuto anche un premio dalla sua scuola) e su Steam il suo entusiasmo viene premiato. E' quindi la persona giusta per spiegare le basi del copywriting nel suo video: Selling Your Game Without Feeling Sleazy, ovvero come commercializzare il proprio gioco senza sentirsi squallidi.

tool online: copywriting in italiano
keywordtool.io
seozoom.it
semrush.com

[via]

Creare GIFS con gifs.com

gifs.com
GIF maker di gifs.com permette di creare immagini in formato GIF prese direttamente da qualsiasi video online, selezionando inizio e file del clip. Un algoritmo è anche in grado di capire quali siano le parti più dinamiche e selezionarle automaticamente.

Un tool molto utile sia per una comunicazione più accattivante che per catturare le parti più utili di un video e trasformarle in reference più facilmente manipolabili.

[via]

Curl

curl
Curl è un comando/libreria (libcurl) disponibile sulla maggior parte dei sistemi basati su Unix. È usato come abbreviazione di "Client URL". Viene utilizzato per diversi scopi quali: navigazione, inserimento dati via web, download, trasferimento dati e molti altri. Supporta diversi protocolli.

Con Curl si può: compilare un modulo del sito web tramite la riga di comando, caricare/scaricare dei file, riprendere uno scaricamento, rinominare il file salvato, limitare la banda del download, controllare gli header HTTP, autenticarsi.

manpage
http scripting
12 tips for you to use commando curl as a ninja

[via]

categorie: 

Fast.Ai, Kaggle: Combattere i commenti tossici

Fast.Ai, Kaggle
Nell'articolo di Michael Li (twitter) "How to Build a Multi-label NLP Classifier from Scratch" si spiega come usare fast.ai e kaggle per costruire un automa che individua i commenti tossici.

Tecnologie di questo genere sono i nuovi antivirus e antispam della comunicazione online, inquinata da bot, troll, agenti provocatori, disinformazione, bieche menzogne ecc. Questi metodi non devono affatto far pensare ad una forma di censura, o al contrario che il "libero pensiero" debba essere espresso senza condizioni online.

Poco più di un decennio fa c'era una netta distinzione tra chi informava (giornali, TV, siti istituzionali) essendo sottoposto a regole e leggi, e chi "cazzeggiava" online sui social network. Ma ora non è più così. Anche la persona più preparata può cadere nel tranello di credere a questa o quella "fonte" e contribuire a diffondere notizie false. Ed innescare "flame", caterve di commenti litigiosi che contribuiscono ancora di più al propagarsi della disinformazione.

Non è affatto facile predisporre delle contromisure, ma è questa, senz'altro, la direzione da prendere .

[via]

Flexbox

flexbox
Flexbox, una alternativa a Bootstrap, permette di affrontare sia il problema della "responsiveness" che quello di creare layout basati su grid layout.
Flexbox ha alcuni concetti fondamentali che, se applicati dall'alto verso il basso (top-down), aiutano a creare layout anche complessi con una certa facilità.

Si inizia pensando al proprio layout complessivo come a un contenitore flexbox, per poi approfondire i singoli componenti. La barra di navigazione si impostate con flexbox. L'area principale e disegnata con flexbox, e così anche le schede informative.

Alcune delle risorse più efficaci:

DevEd - Youtube
Traversy Media - Youtube
Guida completa a Flexbox - css-tricks.com
Le considerazioni dietro un layout Flexbox - css-tricks.com

[via]

UX e UI

UX e UI
Il design dell'UX va oltre il design dell'interfaccia utente, infatti il design dell'esperienza utente è un concetto molto più ampio di qualsiasi altro aspetto. Di conseguenza la progettazione dell'interfaccia utente è il sottoinsieme della progettazione dell'esperienza utente.

Sia l'UX che l'interfaccia utente sono fondamentali per costruire un prodotto software di alto livello e poi interagire. Ma i ruoli sono sostanzialmente diversi. UX Design si occupa maggiormente degli aspetti analitici e tecnici che affondano le radici nelle funzionalità del prodotto software, mentre UI Design si occupa maggiormente dell'aspetto dell'applicazione.

Volendo fare una analogia, la progettazione dell'UX è come progettare un edificio. Il design dell'interfaccia utente è come la decorazione di interni.

Why UX Design Must Be the Foundation of Your Software Product
wikipedia UX
wikipedia UI
Beautiful and functional interfaces


categorie: 

Headless Chrome

headless chrome

A cosa può servire un browser senza la parte grafica (GUI) ? Ci permette di avere un tool in più nel nostro arsenale, per aumentare il livello di automazione e integrarsi nei propri workflow. Un browser che viene governato via CLI (command line interface) permette di cancellare i task tediosi e ripetitivi, come il testing, e ci mette a disposizione tutte le capacità di un software così complesso e potente, concatenarle per inventarsi modi di fare totalmente nuovi, che sarebbero immediatamente scartati se dovessero essere compiuti manualmente.

Headless Chrome: DevOps Love It, So Do Hackers, Here’s Why

Examples

headless chrome VS phantomJS
headless chromium
puppeteer - Headless Chrome Node API
introduction to headless browsers

Crafting the perfect container to play with a Headless Chrome


The power of Headless Chrome and browser automation (Google I/O '18)

categorie: