Progettare in modo etico, ottimizzare i video e puntare i riflettori sui nostri altoparlanti SmashingConf

Pubblicato: 2022-03-10

Riassunto veloce ↬ È bello avere una panoramica delle cose più importanti in un unico posto, ma sentiti libero di seguirci su Twitter, Facebook, LinkedIn e iscriverti al nostro feed RSS. Ci piace aiutarti a stare al passo con le cose e renderti la vita un po' più facile!

Una parte importante del nostro lavoro è rimanere aggiornati e sappiamo quanto può essere difficile. Le tecnologie non cambiano molto velocemente: i linguaggi di codifica richiedono molto tempo per essere specificati e implementati. Ma le idee che circondano queste tecnologie e le cose che possiamo fare con esse sono in continua evoluzione e centinaia di post e articoli di blog vengono pubblicati ogni giorno. Non è possibile leggerli tutti, ma dovrai comunque tenerti aggiornato.

Non temere, ti copriamo le spalle! Il nostro podcast bisettimanale Smashing ti copre una varietà di argomenti su più livelli di competenza.

Un ringraziamento e un grande ringraziamento sia a Drew McLellan che a Bethany Andrew per aver reso gli episodi così brillantemente spiritosi e informativi!

Rovescia il gatto che indossa le cuffie e tiene in mano una tazza da caffè mentre ascolti il podcast Smashing — Recuperare le novità nel settore del web non significa che devi essere legato a una sedia e a una scrivania! Fai come Topple the Cat: prendi le cuffie e allunga le gambe! Puoi iscriverti e sintonizzarti in qualsiasi momento con qualsiasi delle tue app preferite.

Episodi precedenti (incluse le trascrizioni)
Segui @SmashingPod su Twitter

Una bella aggiunta a The Smashing Books

Siamo così orgogliosi di presentare un nuovo libro nello scaffale Smashing: una copertina progettata in modo così eloquente e un libro che tratta argomenti che ci stanno molto a cuore: etica e privacy.

"The Ethical Design Handbook" è la nostra nuova guida sul design etico per prodotti digitali che rispettano le scelte dei clienti e sono costruiti e progettati tenendo conto dell'etica. È pieno di linee guida pratiche su come prendere decisioni etiche per influenzare il cambiamento positivo e aiutare le aziende a crescere in modo sostenibile.

La copertina del Manuale di progettazione etica — Scritto da Trine Falbe, Martin Michael Frederiksen e Kim Andersen. Puoi scaricare un estratto PDF gratuito (5 MB) (disponibile anche come ePUB e Kindle) e ottenere un'anteprima in anticipo!

Naturalmente, puoi saltare direttamente al sommario e vedere di persona, ma assicurati di preordinare il libro finché puoi! C'è ancora uno sconto disponibile prima del rilascio ufficiale : inizieremo a spedire le copie cartacee stampate nelle prime due settimane di marzo! Rimani sintonizzato!

Apprendimento e networking, il modo fantastico

Le nostre SmashingConf sono note per essere eventi amichevoli e inclusivi in cui sviluppatori e designer front-end si riuniscono per partecipare a sessioni dal vivo e workshop pratici. Dalla progettazione dal vivo al debug dal vivo, vogliamo che tu chieda qualsiasi cosa ai relatori , dalle convenzioni di denominazione alle strategie di debug. Per ogni discorso, avremo abbastanza tempo per entrare nei dettagli e mostrare esempi reali di lavoro reale sul grande schermo.

Ci piace avvicinarti alle persone che lavorano nel settore del web, quindi ogni tanto intervistiamo i relatori che condividono il palco! Per SmashingConf Austin, i riflettori puntati su:

Miriam Suzanne, che parlerà del meraviglioso nuovo mondo dei CSS, delle nuove tecniche e delle possibilità.
Zach Leatherman, che ci illustrerà tutto ciò che dobbiamo sapere sul tipo, sugli strumenti per le prestazioni dei caratteri e sul flusso di lavoro generale quando si tratta di caratteri Web.
Remi Parmentier, che ci avvicinerà alla buona vecchia e-mail HTML, alle tecniche comuni, allo stato delle cose e a cosa puoi ottenere con l'e-mail HTML oggi (se sei abbastanza disposto a esplorare il suo mondo non convenzionale).

Quattro diverse illustrazioni disegnate da Ricardo Gimenes vestite con costumi diversi che rappresentano ogni città in cui si svolgerà lo SmashingConf quest'anno — Quest'anno stiamo organizzando SmashingConf in quattro città: ci vediamo lì?

Puntare i riflettori sull'ottimizzazione dei file video

Segna i tuoi calendari! Tra meno di due settimane ( 25 febbraio , ospiteremo un webinar di Smashing TV con Doug Sillars che condividerà diversi possibili scenari per ottimizzare i file video per una riproduzione veloce ed efficiente sul Web. Unisciti a noi alle 17:00 Londra tempo — ci piacerebbe sentire i tuoi pensieri e le esperienze che hai avuto nella tua carriera!

Fantastica illustrazione TV con Topple the Cat con in mano una videocamera — Smashing TV è una serie di webinar e live streaming ricchi di consigli pratici per designer e sviluppatori. Pensalo come una specie di blockbuster hollywoodiano con i gatti, ma solo meglio, perché è per persone come te!

Ricardo Gimenes, il talento dietro le illustrazioni di tutto ciò che riguarda Smashing Spesso ci viene chiesto chi sia il talento creativo dietro le illustrazioni: è l'unico Ricardo Gimenes, qualcuno di cui siamo sempre così orgogliosi di avere nel nostro team!

Argomenti di tendenza su SmashingMag

Pubblichiamo ogni giorno un nuovo articolo su vari argomenti attuali nel settore web. Eccone alcuni che i nostri lettori sembravano apprezzare di più e che hanno ulteriormente consigliato:

"Come creare mappe con React e Leaflet"
di Shajia Abidi
Leaflet è uno strumento molto potente e possiamo creare molti tipi diversi di mappe. Questo tutorial ti aiuterà a capire come creare una mappa avanzata insieme all'aiuto di React e Vanilla JS.
"Capire la griglia CSS: le aree dei modelli di griglia"
di Rachele Andrea
In una nuova serie, Rachel Andrew analizza le specifiche CSS Grid Layout. Questa volta, ci guida attraverso grid-template-areas e come può essere utilizzato per posizionare gli oggetti.
"Come creare un sito WordPress senza testa su JAMstack"
di Sarah Drasner e Geoff Graham
In questo post, Sarah e Geoff hanno creato un sito demo e un tutorial per WordPress senza testa, incluso un modello iniziale! Spiegano come configurare un'applicazione Vue con Nuxt, inserendo i post dalla nostra applicazione tramite l'API di WordPress.
"Magic Flip Cards: risolvere un problema di dimensionamento comune"
di Dan Halliday
In questo articolo, Dan esamina l'approccio standard alla creazione di carte a fogli mobili animate e introduce un metodo migliorato che risolve il suo problema di dimensionamento.

Le migliori scelte dalla nostra newsletter

Con l'inizio di un nuovo decennio, abbiamo deciso di iniziare con argomenti dedicati alle performance web. Ci sono così tante persone di talento là fuori che lavorano a progetti brillanti e ci piacerebbe spargere la voce e dare loro il merito che meritano!

Nota : un enorme grazie a Cosima Mielke per aver scritto e preparato questi post!

Piccoli aiutanti per gli sviluppatori Web

Minimizzare un SVG, estrarre CSS da HTML o controllare l'accessibilità della tavolozza dei colori: conosciamo tutti quei momenti in cui abbiamo bisogno di un piccolo strumento per aiutarci a completare un'attività in modo rapido ed efficiente. Se ti ritrovi di nuovo in una situazione del genere, Tiny Helpers potrebbe avere proprio lo strumento che stai cercando.

Gestito da Stefan Judis, Tiny Helpers è una raccolta di strumenti online gratuiti e monouso per sviluppatori web. Gli strumenti coprono tutto, da API, accessibilità e colore, a caratteri, prestazioni, espressioni regolari, SVG e unicode. E se conosci uno strumento utile che non è ancora presente, puoi inviare una richiesta pull con il tuo suggerimento. Uno per i segnalibri.

Ispirazione della tavolozza dei colori del mondo reale

Ci sono molti siti fantastici là fuori che ti aiutano a trovare tavolozze di colori stimolanti. Tuttavia, una volta trovata una tavolozza che ti piace, la domanda più grande rimane senza risposta: come dovresti applicare i colori al tuo design? Happy Hues è qui per aiutarti.

Progettato da Mackenzie Child, Happy Hues ti dà ispirazione per la tavolozza dei colori mentre funge da esempio del mondo reale di come i colori potrebbero essere utilizzati nel tuo design. Basta cambiare la tavolozza e il sito Happy Hues cambia i suoi colori per mostrarti come appare la tua tavolozza preferita in un design reale. Intelligente!

Poster gratuiti di euristica dell'usabilità

Nel 1994, Jakob Nielsen ha scritto un articolo per Nielsen Norman Group, delineando i principi generali per la progettazione dell'interfaccia: le 10 euristiche di usabilità. Oggi, decenni dopo, queste euristiche servono ancora come lista di controllo per i progettisti di interfacce. Un fatto che ha ispirato i ragazzi di Agente Studio a creare una serie di poster a loro dedicati.

10 Euristiche di usabilità per la progettazione dell'interfaccia utente

Ciascuno dei dieci poster dal design accattivante illustra e spiega una delle euristiche di Nielsen. I poster sono concessi in licenza CC e possono essere scaricati e stampati gratuitamente dopo aver condiviso la pagina sui social media. Sono disponibili i formati JPEG ed EPS.

Una guida per combattere il monitoraggio online

Non è un segreto che veniamo tracciati online. E anche se non possiamo fermare tutto questo, ci sono cose che possiamo fare per reagire.

Illustrazione di una donna che spazza via i dati — Credito immagine: Rose Wong

Nel suo articolo sul New York Times, Tim Herrera approfondisce i dati che le aziende raccolgono su di noi e su come li condividono con terze parti, in "punteggi segreti" e scioccanti rapporti di terze parti che elencano i nostri ordini di servizi di consegna e i messaggi privati di Airbnb di anni fa. Oltre a essere un buon promemoria per essere più cauti nel distribuire i nostri dati, l'articolo contiene collegamenti a strumenti e suggerimenti pratici per prevenire il tracciamento degli inserzionisti. Da leggere.

La guida illustrata per bambini a Kubernetes

Hai mai provato a spiegare l'ingegneria del software a un bambino oa un amico, collega o parente che non è così esperto di tecnologia? Bene, trovare parole facili per spiegare un concetto complesso può essere una sfida. Una sfida che “The Illustrated Children's Guide to Kubernetes” padroneggia magnificamente.

Progettata come un libro di fiabe e disponibile per essere letta online o come PDF, la guida gratuita racconta la storia di un'app PHP di nome Phippy che desiderava avere il proprio ambiente, solo lei e un server web che potesse chiamare casa. Durante il suo viaggio, incontra il capitano Kube che le dà una nuova casa sulla sua nave Kubernetes. Una bella metafora per spiegare il concetto centrale di Kubernetes.

Generatore di forme geometriche

Per distinguerci dalla massa di una miriade di siti web là fuori, possiamo definire una cosa unica, la firma , che porta un po' di personalità nei nostri prodotti digitali. Forse è un piccolo effetto glitch, o uno scarabocchio a matita, un gioco o forme insolite. Oppure potrebbe essere un insieme di linee di flusso geometriche apparentemente casuali.

Flow Lines Generator produce linee geometriche casuali e possiamo regolare le formule e le distanze tra le forme disegnate, quindi esportare il risultato come SVG. Forse ogni singola pagina del tuo sito potrebbe avere una variazione di queste righe in qualche modo? Potrebbe essere sufficiente per distinguersi dalla massa, soprattutto perché nessun altro ha quell'esatto trattamento visivo. Potrebbe valere la pena guardarlo!

Git dal principiante all'avanzato

La maggior parte di noi avrà a che fare con Git regolarmente, a volte eseguendo comandi Git dal terminale e talvolta utilizzando uno strumento visivo per eseguire il pull, il push, il commit e l'unione. Se hai voglia di potenziare le tue abilità e ottenere alcuni superpoteri Git, da dove inizi?

Mike Riethmueller ha pubblicato una guida rapida a Git, dal principiante all'avanzato, spiegando come funziona Git, come configurarlo, alias, comandi importanti, staging/unstaging dei file, gestione dei conflitti di unione, stashing e alcuni suggerimenti avanzati. Hai bisogno di cose più avanzate? Harry Roberts ha pubblicato "Little Things I Like To Do With Git", Atlassian ha Advanced Git Tutorials, Bruno Passos elenca utili comandi git e GitHub fornisce un PDF Cheat Sheet di Git.

Il Museo dei media obsoleti

Ricordi i giorni in cui ascoltavi una cassetta musicale sul tuo Walkman, guardavi il tuo film preferito su una videocassetta invece di ascoltarlo in streaming o archiviavi i tuoi dati su un floppy disk? I media che allora consideravamo all'avanguardia sono oggi obsoleti. E, beh, molti altri formati hanno condiviso lo stesso destino in passato.

Nel suo Museum of Obsolete Media, Jason Curtis raccoglie esempi di media andati fuori uso, non solo quelli che potresti ricordare, ma anche vere curiosità e tesori risalenti alla metà del XIX secolo. Cose come "carte de visite", "Gould Molded Records" o "Magnabelt", per esempio. Un affascinante viaggio indietro nel tempo.

Ogni numero della Smashing Newsletter è scritto e curato con amore e cura. Nessun invio di posta di terze parti o pubblicità nascosta: hai la nostra parola.