Sono qui, sono strani, dovete farci l’abitudine! I CSS3 sono divertenti e fantastici e se progettiamo con in testa il progressive enhancemente, possiamo aggiungere qualsiasi magheggio CSS ai nostri siti web e alle nostre applicazioni senza doverci preoccupare di come le cose funzionino (oppure no) nei vecchi browser e sui device datati. Ma cosa succede se il nostro audience include gente che usa telefoni non-Webkit? E se i nostri clienti credono ancora che una pagina web debba apparire uguale su tutti i device? Impariamo come creare delle meraviglie CSS3 il più cross-browser possibili.
Argomento: Design
Immagini fluide
Imparate come rendere flessibili le immagini a larghezza fissa e come aggiungerle alle griglie fluide per creare un sito che risponda alla dimensione della viewport senza sacrificare l’estetica. Siamo lieti di presentarvi un estratto dal nuovo libro di Ethan (nonché il quarto titolo di A Book Apart): emResponsive Web Design/em.
Tipografia più significativa
Progettare un design con le scale modulari è un modo per prendere decisioni più coscienti e significative riguardanti le misure sul web. Le scale modulari lavorano con – non contro – il responsive design e i sistemi grid-based, forniscono un’importante alternativa al basare la nostra composizione sulla limitazione del giorno imposta dalla viewport e ci aiutano ad ottenere un’armonia visiva che non si trova in composizioni che usano numeri arbitrari, convenzionali o facilmente divisibili. Tim Brown ci mostra come.
Uso di float in CSS
La proprietà float è una risorsa molto utile e potente a disposizione dei web designer/developer che lavorano con HTML e CSS. Purtroppo però, può anche causare frustrazione e confusione se non si comprende appieno il suo funzionamento. Mettete alla prova la vostra conoscenza o fate un ripasso con Noah Stokes, che esplora la teoria ed il comportamento del float e ci guida attraverso le insidie correlate all’uso di float.
Progettare processi di registrazione web per bambini
Progettare siti web per i bambini è un’esperienza affascinante, stimolante, gratificante ed esasperante: state cercando di creare un’esperienza digitale per persone a cui manca la capacità cognitiva per comprendere l’astrazione, state provando a far affezionare al brand delle persone che sono influenzate quasi esclusivamente dai loro pari e state tentando di comunicare dei giudizi di valore soggettivi a persone che vedono le cose solo come bianche o nere. Fortunatamente, è possibile creare una form di registrazione efficace per i bambini basandosi sul loro contesto, sulle loro abilità tecniche e sulle loro capacità cognitive.
La critica sul design ed il processo creativo
In ogni processo di design, ad un certo punto molliamo quello che stiamo facendo e mostriamo il nostro lavoro non ancora terminato ai colleghi o ai clienti. Questo implica una domanda: cosa fa la critica per il design e per il resto del progetto? Le critiche sono davvero di aiuto e sono necessarie? Se sì, come usiamo le loro inconsistenze per migliorare il nostro output creativo? Cassie McDaniel esplora come le critiche possano aiutarci a navigare in processi e progetti complessi e collaborino efficacemente a creare un lavoro originale e coinvolgente.
Una pagina più semplice
Volete progettare un libro? Ci sono montagne di esempi molto ben progettati che possono ispirarvi. Ma per quel che riguarda i libri digitali? Come potete creare delle esperienze di lettura con typeset eleganti ed estremamente bilanciate quando i tablet rendono i caratteri in maniera differente e supportano diversi font, quando il testo si può espandere in ogni direzione ed il carattere può cambiare dimensione? Craig Mod (Flipboard, Art Space Tokyo) affronta tali questioni e presenta la release iniziale di Bibliotype, una libreria tipografica HTML di base per la lettura su tablet.
Il panorama dei browser per smartphone
Gli utenti si aspettano che i siti funzionino sui loro cellulari. Tra due o tre anni, il supporto per mobile sarà lo standard per tutti i siti. I web developer devono aggiungere lo sviluppo per web mobile al proprio bagaglio di conoscenze o rischiano di perdere clienti. Come si rendono i siti compatibili con il mobile web? La risposta più semplice è di testarli su tutti i dispositivi mobili e sistemare tutti i problemi che si incontrano. Ma con almeno dieci sistemi operativi e quindici browser differenti, è impossibile fare una cosa del genere. Non possiamo però nemmeno testare i siti su iPhone ed Android e aspettarci di aver fatto il nostro dovere. PPK investiga il mercato del mobile web, così come le piattaforme e i browser attualmente in uso sui telefoni cellulari e ci mostra come impostare un ambiente di test funzionante per il mobile web.
Fondamenti del posizionamento in CSS
Se siete un front-end developer o un designer a cui piace programmare, i layout basati sui CSS sono il fulcro del vostro lavoro. Il designer/developer Noah Stokes esamina attentamente la proprietà codeposition/code di CSS per mostrarvi come può essere usata per creare dei layout standard-compliant e senza tabelle mediante i CSS. Mettete alla prova la vostra conoscenza o ripassate il posizionamento statico, relativo, assoluto, fisso ed inherited e come funzionano quando usati insieme per creare qualsiasi layout web che la mente umana possa concepire.
Art Direction e Design
Ovviamente la composizione del vostro design è perfettamente equilibrata, la gerarchia tipografica funziona ed il contrasto perfetto. Ma quando fate un passo indietro ed osservate il vostro lavoro, come vi fa emsentire/em? Il vostro design evoca le giuste emozioni? Dan Mall ci spega la differenza tra art direction e design sul web e ci sfida a ricreare il nostro design, questa volta con dei sentimenti.
