web

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

KineticJS - canvas framework

KineticJS è un altro canvas framework che si programma in javascript.
creative bloq
labs
sito ufficiale
html5 canvas tutorials
animated transitions

vortex


categorie: 

French Girls

French Girls
L'app French Girls prende spunto dalla frase che Rose diceva a Jack mentre veniva ritratta a seno nudo ed indossando il cuore dell'oceano in "Titanic" di James Cameron.

Ma questo è solo il titolo. In realtà il gioco messo in piedi dalla vasta community è quello di fare ritratti, spesso scherzosi, dei "selfie" che vengono caricati dagli utenti.

L'occhio ispirato di migliaia e migliaia di artisti psicologi è pronto a sviscerare il selfie e rivelarne gli aspetti più freudiani.

Il narcisismo più tronfio è destinato a trovare il suo doveroso iceberg.

twitter
imgur
imgur 2
facebook
tumblr

categorie: 

Google *

google liquid logo

Come creare un altro account google usando lo stesso indirizzo mail.

Come Google ci vede, basato su ricerche ed altro.

Come esportare i dati sulla google cloud.

La location history da Android su gmaps.

Lo storico delle ricerche effettuate.

Come gestire un account reso inattivo.

Come controllare l'attività e i dispositivi che l'hanno effettuata.

La lista di app ed estensioni che hanno diritti di lettura/scrittura dei dati dell'account.

[via]

categorie: 

Mashi.tv - a JS timeline toolkit

mashi.tv

Alla lettera stampata, che ha regnato per secoli nel mondo della comunicazione, si sono oramai sostituiti nell'era digitale i più spettacolari artifici.

Movimento ed interazione sono oramai essenziali per catturare una "capacità di attenzione" del pubblico e dei lettori oramai così polverizzata da non riuscire ad avere quasi la pazienza per leggere una barzelletta per intero. (TL;DR)

E' ovvio che, come non è sparito il teatro nel corso di migliaia di anni, non sparirà nemmeno la letteratura, ma nuove arti continueranno a fare capolino ed acquisiranno una dignità solo se compariranno delle figure artistiche in grado di padroneggiarne tecnica ed espressione.

mashi.tv è un timeline tool in javascript dalle potenzialità incredibili.

come funziona

sample: [via]

categorie: 

Webflow

webflow


Webflow ha già superato i 100.000 iscritti ed è riuscita a raccogliere più di 1.5 milioni di $ di fondi per il suo progetto di rendere accessibile e facile da sviluppare la nuova generazione di siti "responsive", dotati di interfaccia intuitiva ed accattivante, e senza impazzire troppo con CSS, JS ecc.

Gli esempi parlano da soli. Questo è un ottimo esempio di come la complessità introdotta dalla tecnologia venga resa comprensibile, manipolabile ed utilizzabile al 100% con dell'altra tecnologia, di tipo diverso dalla prima.

Una doppia catena di creazione del valore. Poi c'è chi si chiede a cosa serva una infrastruttura in fibra ottica al paese.

facebook
twitter

categorie: 

Un bel po' di siti utili

sites
Una lunga lista di siti utili, a volte indispensabili, con servizi e tool online anche sorprendenti e che possono trovare applicazione quotidiana per chi lavora con il computer o sul web.

AUDIO

  • broadcast live audio on the web
  • online speech recognition
  • voice recording
  • do you like the sound of the rain ?


    CARATTERI e FONT

  • copy special characters
  • find the font from an image
  • online fonts


    CHAT

  • tips & trick for your home


    CHAT

  • chat with skype, facebook, gtalk
  • private chat in seconds


    DIAGRAMMI e PRESENTAZIONI

  • create flowcharts, network diagrams, sitemaps
  • create presentations online

  • categorie: 

    Phaser

    html5 game making tool phaser

    Phaser è un altro ambiente di sviluppo di giochi e applicazioni multimediali interattive in HTML5.

    E' già arrivato alla versione 2.0.2 e continua a integrare funzionalità interessanti.

    Emanuele Feronato ha anche scritto un tutorial completo su come realizzare il clone del momento: 2048. Diversi passi avanti rispetto ad un banale "hello world".

    tutorial list
    Scotty il gestiore di progetti
    phaser examples
    Integrazione con meteor
    photonstorm su twitter
    game mechanic explorer
    itch.io (publish your games)
    html5 game devs
    nadion (level editor)
    mighty editor

    categorie: 

    I siti web più popolari

    periodic table of internet

    Alexa è uno dei siti che classificano la popolarità dei siti internet, wikipedia ne raccoglie una lista.

    Accanto ai soliti google, facebook, yahoo e youtube molti siti non sono poi così scontati:

    dailymotion video sharing made in France
    stack overflow risposte tecniche a problemi tosti
    huffington post giornale online in edizione internazionale
    rakuten l'amazon giapponese
    youku video sharing made in China
    La BBC !!! (Rai non pervenuta)

    image credit: periodic table of the internet

    categorie: 

    Diagrammi online con Joint JS

    joint JS


    Sempre più spesso ci si trova con l'esigenza di creare dei grafici da mostrare nel browser, sia desktop che mobile, magari con la possibilità di modificarli al volo.

    Un ottimo strumento, online e free, è quindi sicuramente Joint JS (demo), dotato anche di un editor WISIWYG: editor online. Si può poi esportare sia in formato PNG che SVN.

    Da non trascurare anche la possibilità di creare i diagrammi anche descrivendoli con l'apposito formalismo, una cosa che permette di gestire quelli più complessi in maniera programmatica.

    categorie: 

    Il powerpoint killer: Bunkr

    Bunkr
    Techcrunch ha definito bunkr una specie di powerpoint killer.

    Si era già precedentemente parlato dell'eccellente Prezi, ma in questo caso il tool, online e free, è molto più vicino al prodotto originale di Microsoft. E' più facile scovare contenuti come immagini e video da includere, inoltre incorpora un servizio "alla evernote" per salvare nel proprio account il materiale più interessante che si trova in giro per il web.

    [via]

    categorie: 

    ricerche per marchi commerciali e trade mark: markify

    markify
    Era già noto che a livello internazionale la parola giapponese "masayume" è registrata dal 2000 come marchio commerciale (trade mark) in un contesto di cosmetici.

    Esistono interessanti motori di ricerca, specificializzati, per sapere chi e quando ha registrato un marchio, e il tipo di merce che questo rappresenta.

    Forse il più semplice da utilizzare è markify. Basta pensare ad un brand, ed essendo bombardati di pubblicità non sarà difficile farsene venire in mente uno, e poi inserirlo nella ricerca per ottenere diverse altre informazioni.

    Alcune piuttosto curiose sono relative agli altri ambiti commerciali in cui lo stesso marchio è registrato. "Mario" ad esempio, viene usato moltissimo.

    Altri motori di questo tipo:
    trademarkia
    trademarks411

    categorie: 

    Il motore di ricerca delle GIF: giphy

    okuribito
    Il nome per esteso è Graphics Interchange Format, per gli amici GIF. Molti altri tipi di formati grafici sono oramai praticamente scomparsi, ma il GIF non è mai stato tanto popolare.

    Merito senz'altro della proliferazione di videocamere nei cellulari, e di programmi che consentono di creare una GIF direttamente da uno spezzone video.

    Ora esiste anche un motore di ricerca per trovare il GIF più adatto per ogni occasione: giphy.

    hot100
    UPDATE: creare un flipbook da una GIF

    categorie: 

    Lezioni di WebGL e three.js

    webgl water
    Come già visto poco tempo fa con gli Shadertoy interattivi, la tecnologia WebGL (una API javascript 2D e 3D per il rendering real time nel browser) è finalmente pronta ad uscire dall'alveo della demo scene e iniziare ad essere usata per effetti speciali, siti di nuova concezione e giochi sorprendenti.

    Con il supporto anche nei mobile browser imparare come funziona WebGL può diventare una skill molto ricercata, si sa che i committenti si fanno spesso abbagliare dai dettagli estetici e da funzionalità che manco in Star Trek...

    Ecco alcuni WebGL framework:
    C3DL, Copperlicht, EnergizeGL, GLGE, Jax, Processing.js, SceneJS, SpiderGL, StormEngineC, Three.js, WebGLU, X3DOM (un framework per X3D), o3d, osgjs, Oak3D.

    webgl playground
    Is webgl working on my browser ?
    webgl demo repository
    getting started with three.js
    How to build a game with three.js
    webgl path tracing

    THREE.JS
    threejs online editor
    pixel shaders in three.js

    categorie: 

    Come si usa reddit

    reddit

    Nel video dopo il break viene finalmente spiegato in modo semplice e comprensibile come funziona reddit, un sito con una interfaccia utente un po' ostica, ma che è praticamente la fonte di moltissime delle cose interessanti che si leggono su internet.

    Un po' come digg ai tempi, reddit usa il meccanismo degli upvode/downvote in modo molto efficace per fare emergere i contenuti ed i commenti più interessanti, anche imgur ne ha recepito la formula, restringendola alle sole immagini.

    Orientarsi su reddit non è comunque immediatissimo, viste le molte cose che contiene, ma senz'altro vale lo sforzo.

    http://www.reddit.com/r/cats per vedere gatti
    http://www.reddit.com/r/clouds per vedere nuvole
    http://www.reddit.com/r/science per argomenti scientifici
    http://www.reddit.com/r/physics per la fisica
    http://www.reddit.com/r/ps4 per la PS4
    http://www.reddit.com/r/WTF solo per stomaci forti
    http://www.reddit.com/r/pics per le immagini
    http://www.reddit.com/r/MAME

    the evolution of reddit

    categorie: 

    L'Unreal Engine in Firefox

    unreal engine html5
    Citadel è una demo realizzata con l'unreal engine che gira abbastanza tranquillamente dentro firefox, rilasciata già qualche mese fa.

    Una delle tecnologie che permettono a questo mostricciattolo di correre davvero è LLVM, un compilatore molto particolare che permette di ottimizzare il codice di partenza (C o C++) per la piattaforma di arrivo (Intel o Arm), e già questo lo fa considerare un tesoro open source.
    Emscripten permette a LLVM di compilare in javascript, e la cosa viene fatta "in favore di vento" rispetto ai nuovi engine del linguaggio dei moderni browser. A questo punto tutto è possibile (nel browser).

    asm.js

    categorie: 

    Paul Neave

    okuribito

    Lonely tweets è uno dei siti pubblicati da Paul Neave, un giovane web designer indipendente di Londra. Più che di un sito però, si tratta di una esperienza emotiva collettiva costituita da una sequenza di tweet che esprimono solitudine, isolati sullo sfondo scelto dagli autori.

    Paul sembra a caccia di nuovi modi di usare il potenziale di comunicazione e la molteplicità del web.

    sito ufficiale
    twitter
    facebook

    categorie: 

    Pages