devnotes

I template sono facili da cambiare, il contenuto non tanto

Un buon promemoria da Chris Coyer, di CSS Tricks: There are two kinds of HTML: HTML that makes up templates HTML that is content I feel like some discussions about HTML are clouded by not making this distinction. […] It’s not impossible to change content, but it’s likely much harder and more dangerous. Websites can […]

Quale, fra i due siti possibili, stai disegnando?

Una presa in giro ai siti delle startup, che si somigliano un po’ tutti fra loro.

L’arte del commit

A List Apart ha pubblicato un estratto del nuovo libro di A Book Apart, Git for Humans: The purpose of a commit message is to summarize a change. But the purpose of summarizing a change is to help you and your team understand what is going on in your project. The information you put into a message, […]

Pressure.js

Una libreria JavaScript per implementare Force Touch e 3D Touch in una pagina web.

Il web è ingrassato

Maciej Cegłowski: Everything we do to make it harder to create a website or edit a web page, and harder to learn to code by viewing source, promotes that consumerist vision of the web. Pretending that one needs a team of professionals to put simple articles online will become a self-fulfilling prophecy. Overcomplicating the web […]

Parcheggiare le tab

Il Nielsen Norman Group descrive una pratica che ha riscontrato essere in uso soprattutto fra i millennials (che brutta parola), nel modo di navigare su internet: l’apertura in successione di un numero elevato di tab, durante una ricerca o in preparazione di un acquisto, che vengono parcheggiate nel browser per venire visitate con maggiore attenzione in seguito. Quindi elementi simili  — come […]

Project Comet, la risposta a Sketch di Adobe

Adobe ha presentato Project Comet, una promettente alternativa a Sketch che arriverà a metà del 2016. Khoi Vin: They’ve [Adobe] shown terrific ingenuity in tackling problems that UX and UI designers encounter every day with clever, unexpected solutions. Project Comet’s Repeat Grid feature, which makes it practically effortless to create interfaces for structured data, is just […]

Il triste stato di JavaScript su Android

Jeff Atwood, lo sviluppatore di Discourse[1. Per alcuni mesi lo utilizzati su questo blog]: It seems the Android manufacturers are more interested in slapping n slow CPU cores on a die than they are in producing very fast CPU cores. And this is quite punishing when it comes to JavaScript. This is becoming more and more […]

L’usabilità del flat design

Nielsen Norman Group: Early pseudo3D GUIs and Steve-Jobs-esque skeuomorphism often produced heavy, clunky interfaces.Scaling back from those excesses is good for usability. But removing visual distinctions to produce fully flat designs with no signifiers can be an equally bad extreme. Flat 2.0 provides an opportunity for compromise—visual simplicity without sacrificing signifiers.

Safari su iOS 9: cosa c’è da sapere, se sei uno sviluppatore web

Maximiliano Firtman ha riportato tutto quello che c’è da sapere, di nuovo e utile, riguardo a Safari su iOS 9 per uno sviluppatore web. Due cose interessanti: una libreria/API Javascript che permette ad una webapp di accedere ai dati dell’utente su iCloud, e App Search, che permette a chi ha un sito e un’app corrispondente al […]

Come distanziare le lettere

John Djameson ha scritto una utilissima guida su come distanziare i caratteri. Spesso, nell’impostare la tipografia di un testo sul web la proprietà letter-spacing viene dimenticata e ignorata — forse perché richiede un po’ di abilità e conoscenza, per evitare pasticci. Djameson la fa molto breve: è cosa buona (in genere) aumentare la distanza fra le lettere in […]

Tutti i siti si somigliano

Sarà l’uso di framework, ma tutti i siti oramai si somigliano. Hanno immagini enormi d’apertura, con lieve sfocatura affinché la headline gigante che le copre risulti leggibile. A lamentarsene è Dave Ellis: Scroll down a little and you’ll be greeted with either another full width panel, this time a solid colour with centred text sat in it, or […]

L’inusabile icona hamburger

L’icona hamburger è ampiamente abusata, soprattutto su mobile, per nascondere un intero menù al suo interno. Invece di riflettere su cosa sia importante e cosa trascurabile, è più facile ficcare tutto dentro un cassetto accessibile da un’icona. Purtroppo framework come Bootstrap ne hanno standardizzato e legittimato l’uso, con la scusa della sua popolarità: se ogni […]

Tufte CSS

Tufte CSS permette di organizzare una pagina web attorno ai principi delineati da Edward Tufte. Tufte è apprezzato per la sua semplicità nell’organizzare le idee, uso estensivo di marginalia e cura della tipografia. Se avete bisogno di organizzare velocemente un documento sul web, potrebbe tornare utile.

Come utilizzare il font di sistema nel proprio sito

Se ne era fatto accenno, ma l’altro ieri la possibilità è stata ufficialmente documentata sul blog di WebKit. È possibile utilizzare il font di sistema di iOS e Mac OS (quindi San Francisco) specificandola nel proprio CSS semplicemente con font-family: -apple-system. È in corso una discussione al W3C per standardizzare la proprietà, ed eventualmente sarà […]

Cos’ho imparato navigando a 32kbps

Gabor Lenard è stato costretto (per circa un mese) dal proprio operatore telefonico ad utilizzare una connessione a 32kbps, dopo aver superato i limiti di traffico mensile. Essendo di professione uno sviluppatore web, ne è uscito dall’esperienza — oltre che logorato, come succederebbe a tutti — segnandosi alcuni accorgimenti che d’ora in avanti prenderà durante lo sviluppo di un […]

CSS font-family per San Francisco

Craig Hockenberry: Apple has started abstracting the idea of a system font: it doesn’t have a publicly exposed name. […] The motivation for this abstraction is so the operating system can make better choices on which face to use at a given weight. Apple is also working on font features, such as selectable “6″ and […]

Disegnare un sito con il material design di Google, facilmente

Google ha rilasciato Material Design Lite, una libreria di componenti (HTML, CSS e JS) che permette di creare con sforzo minimo un sito web basato su material design. La libreria include bottoni, checkbox, cards, ma anche una griglia, slider, tab, icone, gestione curata della tipografia e molto altro.

Come scegliere il colore giusto?

Per la prossima volta che riflettete per mezza giornata su quale colore dovrebbe avere il link nel footer: questa spiegazione di Rocket Design — semplice, chiara, efficace e per immagini — della teoria dei colori.

Come abbinare i font

Designmodo ha raccolto alcuni siti bellissimi, e ne ha analizzate le scelte tipografiche, spiegandole anche a chi ne sa poco — quali abbinamenti di font risultano vincenti, e gli accorgimenti di line-height o letter-spacing che sono stati presi.