web

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

Wordplays

okuribito
Per risolvere i cruciverba, trovare anagrammi, giocare a giochi di parole o risolvere i puzzle.

Per avere aiuto per Scarabeo, word with Friends o qualsiasi gioco di parole utilizzando uno dei tanti servizi offerti.

Per giocare a Boggle, Text Twist, Sudoku e altri giochi di parole, o per trovare la definizione in un vasto dizionario.

wordplays.com

categorie: 

New HTML5 templates free

New HTML5 templates free


Probabilmente qualcuno ha già iniziato a notare un nuovo tipo di siti web che sono esteticamente validi e si sviluppano a tutto schermo principalmente in verticale.

HTML5 up crea proprio questo genere di template HTML5 di gran moda che sono responsive (funzionano bene su tutti i dispositivi, dal desktop allo smartphone), usano html5 e css in modo intelligente, modificabili e 100% free con la licenza creative commons.

pixelarity
twitter

categorie: 

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.
google power user

[via]

A look inside Google's secretive ATAP group

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


    FILE

  • send a file to someone
  • transfer files without uploading
  • transfer big files online


    GIOCHI

  • fun with SNES online emulation
  • classic arcade games


    IMMAGINI, ICONE e DISEGNO

  • find icons
  • get color ideas and extract colors from photos
  • share photos in an album
  • find images
  • draw paintings with a lot of brushes
  • image editor
  • layer based online editor
  • design ahome from scratch
  • very hi-res images without scrolling
  • create tag clouds


    STOCK IMAGES (updated)

  • morguefile
  • shutterstock
  • pics4learning
  • pixabay
  • 1001 free downloads
  • freepik
  • iconfinder
  • stock images
  • istockphoto
  • stock illustrations
  • ikon
  • veer
  • imagezoo
  • folio planet
  • gettyimages
  • laughing-stock
  • the i-spot
  • corbis images
  • fotosearch


    INFORMAZIONI, CORSI e APPROFONDIMENTO

  • get answers
  • search engine for RSS
  • pick random numbers, coins
  • find definition of slang and informal words
  • ask or answer personal questions
  • track shipments on google maps
  • cooking
  • Khan Academy


    LIBRI

  • download free kindle books


    MUSICA

  • print music sheets and write music online
  • find name of a song
  • convert from video to mp3 online
  • discover new music & share it


    NOTE e COMUNICAZIONE

  • write short text notes
  • quickly capture notes in meetings
  • easily highlight parts of an online page
  • create self notes that self destruct after read
  • create custom google maps
  • create timelines with images, audio and video
  • mind maps


    OFFICE

  • find template for office documents
  • edit pdf in browser


    PRODUTTIVITA'

  • simple online timer


    SCRITTURA

  • online OCR
  • check writing for grammatical errors
  • learn to touch type
  • count word occurrence


    SERVIZI MAIL

  • send rich text mails to anyone, anonymously
  • setup email reminders
  • send video mails
  • share online email avoiding spam
  • send fax for free
  • find email scams
  • quick email reminders
  • if you need a throwaway web address


    SICUREZZA

  • scan suspicious attachments and files


    SITI e SEO

  • get RSS feeds as email newsletters
  • find trust level of any site
  • research a website from a SEO perspective
  • print web pages
  • when a site is down uses coral CDN
  • measure site performance online
  • discover similar sites
  • is your fav site down ?
  • find other websites of a person with reverse analytics
  • found something on google but can't remember ?
  • temporary web page that self destructs
  • create a simple website using dropbox
  • when bookmarks are deleted
  • find the technology stack of any website


    STORAGE (cloud archive):

  • manage online stores


    VIDEO

  • record movies of your desktop
  • watch youtube channels in TV mode
  • create a video playlist of your favorite artist
  • bookmark online video and watch them later
  • simultaneously upload videos on video sites
  • broadcast your desktop screen
  • share screen with anyone on the web
  • good film suggestions
  • 1000s free documentaries


    URLS

  • shorten URLs
  • find original short url


    NOTEVOLI:

  • leverage web power of online tools
  • hire people to do little things for 5 $
  • to do app that looks like paper dairy

  • 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
    Phaser full game list
    Phaser games
    Phaser is 3 year old

    Spriter integration

    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
    UPDATEs:
    creare un flipbook da una GIF
    giphy labs
    GIF grabbr!

    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
    surrogate rings (code)

    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
    Reddit Fired the Woman Trying to Save It
    reddit list

    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: