Resources

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

Miku Real Japanese

Miku, da Osaka, insegna il giapponese in modo pratico, divertente ed efficace. Le sue lezioni sono ottime sia per ripassare concetti e parole note, sia per imparare infinite cose nuove. Con una enfasi particolare sul dialogo e sul significato di frasi e forme.

Non si può chiedere di più.

instagram
patreon
facebook


How to become fluent fast(Listening practice) - interview with Nihon no Neko

Imparare ad imparare

kanji narau: to learn

Imparare è una abilità che si può migliorare progressivamente con il giusto esercizio.

Edwin Torres ci mostra gli appunti del suo corso Learning to Learn di Andrei Neagoie (facebook, twitter, Udemy).

Si comincia con il Metodo dei Loci (il palazzo della memoria) che associa immagini bizzarre a luighi e strade familiari, per aiutare a ricordarne sia la presenza che la sequenza. Poi c'è la Lezione di Paul Graham. Le note di Seth Godin e via via superando ostacoli e passando anche per l'essenziale Principio di Pareto, per riuscire a diventare persone migliori nell'apprendere.

Si parla delle bugie e delle illusioni, alimentate ad arte da chi ha interesse a vendere o propinare qualcosa, del coltivare le attività che ci piace fare (non è necessario che si trasformino in passioni o peggio ancora ossessioni) fino a diventare unici e quindi impossibili da ignorare, avere molti maestri e non soltanto uno, imparare a convivere con il rischio, esercitare la propria curiosità.

Nell'articolo originale ci sono molti altri riferimenti, ed è uno spunto di approfondimento in grado di arrivare a cambiare davvero una persona, non tanto per quello che c'è scritto, quando per il suggerimento ad intraprendere un percorso con un obiettivo che dovrebbe essere indispensabile avere per chiunque: cercare di migliorare sé stessi.

Barbara Oakey learning how to learn
procrastination

zero to mastery


image: narau, japanese kanji for "learn"
[via]


Memory hack: Derren Brown teaches the method of loci | Big Think

The Real Web Developer Roadmap: Part 1

categorie: 

1-bit pixel art con Brandon James Greer

Sul canale di Brandon James Greer un sacco di tutorial sulla pixel art. Come questo specifico per quella a 1 bit, ovvero due soli colori. Il vincolo autoimposto forza ad una serie di scelte stilistiche che, se affrontate con saggezza, portano a risultati di grande impatto, davvero memorabili.

Concept-to-Completion Pixel Art Challenges
Sprite Analysis playlist
Getting Started with Pixel Art! playlist
Pixel Art Timelapses playlist

instagram
twitter
reddit


Imparare ad usare l'Unreal Engine

Epic Games, la compagnia di Tim Sweeney, ha il gioco che guadagna di più in questi anni (fortnite), rivaleggia con Steam di Valve per la distribuzione e ha il motore per videogame tecnicamente migliore sul mercato: l'Unreal Engine.

Imparare ad usarlo però richiede un certo sforzo, e per sfruttarlo al meglio occorre far parte di un team almeno di medie dimensioni, a differenza di Unity 3D, dove si puà sviluppare anche da soli. Epic comunque mette a disposizione un corso online free, dedicato a chiunque ami i videogame e le grandi sfide.


Collezionare il Cinema con letterboxd

letterboxd

Letterboxd è un servizio di social networking online co-fondato da Matthew Buchanan e Karl von Randow nel 2011. È stato lanciato come social app incentrata sulla condivisione di opinioni e sull'amore per il cinema, ed è gestita da un piccolo team ad Auckland, in Nuova Zelanda. Il sito è pensato per condividere i gusti dei suoi membri in fatto di film.

The Movie Database - TMDb API

latest documentation
letterboxd API docs
letterboxd pypi wrapper


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]

Kanji Alive

Kanji Alive è un'altra killer app online per imparare i kanji, i caratteri giapponesi.

Non manca nulla, ricerca per pronuncia, riferimenti, raffigurazione, significato, radicale, scrittura, esempi di parole e di frasi, stile nei vari tipi di font nei quali appare il kanji (scrittura, giornale, online ovvero: Tensho, Kyokashotai, Mincho, Gothic, Maru). Il tutto in una cornice semplicissima da utilizzare.

[via]

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]

Cinema Collection - Oltre 1000 film online free

cinema collection

Open Culture raccoglie in questa pagina oltre 1000 film classici di produzione internazionale.

In più, sulla pagina, una serie di link ad altri raccoglitori cinematografici.

internet archive - feature films
B- movies (a la Carpenter)
best online documentaries
classic cinema online
creative commons

[via]

categorie: 

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]

Pulp Magazine Covers Archive

Pulp Magazine Archive
L'Internet Archive raccoglie oltre 10.000 cover di riviste pulp, pubblicate nell'arco di 75 anni.

Questo tipo di riviste, che prende il nome dal tipo di carta usato, molto economico, la pasta di cellulosa. Iniziarono ad essere diffuse nel 1896 ("Argosy Magazine"), conobbero il loro picco di popolarità intorno agli anni ruggenti e continuarono fino ai tardi anni '50.

Custodiscono una estetica unica, molto riconoscibile. In copertina c'era spesso una "donzella svestita in pericolo" ("damsel in distress"), di solito in attesa di un eroe in soccorso.


categorie: 

Scrivere con David Perell

David Perell
David Perell insegna a scrivere online, anche grazie alla sua scuola: write of passage.

Prodigo nell'indicare fonti, metodi, informazioni essenziali e tesori nascosti, consiglia anche sull'attitudine di chi si impegna a scrivere per lavoro e sul modo migliore per affrontare ogni piccola grande difficoltà.

Nel suo Syllabus c'è una guida principale, come usare al massimo la serendipità, come imparare online, come impostare il processo della scrittura e molto altro.

David Perell BEST twitter TIP
David Perell BEST twitter TIPS

News in the Age of Abundance - behind the scenes video
Resource: Writing Syllabus
Resource: Fairy Tales Of The World
Resource: Ask MetaFilter’s best introductory books
podcast
twitter

image credit: writing prompt challenge