ragnatela
I consigli mancanti di cui avevo bisogno all'inizio della mia carriera
Per aiutarti a evitare di commettere errori simili e di sprecare anni preziosi della tua vita, Paul Boag condivide le sue lezioni apprese e le dure verità all'inizio della sua carriera.
Leggi di piùPresentazione dello strumento di analisi dell'immagine del test di velocità del sito Web
Gli sviluppatori web passano le loro giornate a scrivere ipertesti, ma, byte per byte, la maggior parte del web è composta da immagini. È difficile sopravvalutare l'effetto che le immagini hanno sulla performance media di una pagina web; i siti Web più veloci hanno una portata più ampia e un impatto maggiore. La prima e più importante cosa che puoi fare per **migliorare le prestazioni delle immagini del tuo sito web** è capire come misurarle. Entra in _Website Speed Test_, uno strumento gratuito e semplicissimo che sfrutta la nostra intelligenza in termini di immagini (di Cloudinary) per consentirti di misurare, diagnosticare e (in modo cruciale) comunicare le prestazioni dell'immagine di qualsiasi sito web. Meglio ancora, è costruito su e integrato in WebPagetest di Pat Meenan. Interessato? Continuare a leggere!
Leggi di piùCome abbiamo creato un'app iOS per girare un video 3D (caso di studio)
In questo articolo, Evgeny Khrolenok e Igor Mikheiko condividono le lezioni apprese durante lo sviluppo di un'app per aiutare le persone a creare i propri video stereo 3D.
Leggi di piùCostruire librerie di modelli con Shadow DOM in Markdown
Alcune persone odiano scrivere documentazione e altre odiano semplicemente scrivere. Mi capita di amare scrivere; altrimenti non leggeresti questo. Il fatto che ami scrivere aiuta perché, come consulente di design che offre una guida professionale, scrivere è una parte importante di quello che faccio. Ma odio, odio, odio i word processor. Quando si scrive documentazione web tecnica (leggi: [librerie di modelli](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)), i word processor non sono solo disobbedienti, ma inappropriati. Idealmente, voglio una modalità di scrittura che mi permetta di includere i componenti che sto documentando in linea, e questo non è possibile a meno che la documentazione stessa non sia composta da HTML, CSS e JavaScript. In questo articolo, condividerò un metodo per includere facilmente demo di codice in Markdown, con l'aiuto di shortcode e incapsulamento shadow DOM.
Leggi di piùCome utilizzare le riunioni di design settimanali
Come si tiene impegnata una squadra? Come ti assicuri che il team si aggiorni su tutto ciò che viene rilasciato? Quante volte i membri del team si parlano faccia a faccia? Hanno abbastanza supporto per portare a termine i loro compiti o per proseguire la loro crescita?
Leggi di piùScritte a pennello per mancini: come iniziare
Lettering e calligrafia stanno rapidamente diventando abilità desiderate nella cassetta degli attrezzi di un designer. Designer come Marian Bantjes, Jessica Hische, Sean Wes e Martina Flor, solo per citarne alcuni, sono diventati non solo un'ispirazione per il resto di noi, ma anche uno standard. Il loro lavoro non è solo basato sul cliente; sono diventati il loro marchio fornendo prodotti anche ai loro follower. Altri designer hanno seguito l'esempio e ora sembrerebbe che lettering e calligrafia siano ovunque.
Leggi di piùProgettare la fisarmonica perfetta
Modelli di progettazione. Una frase quasi mitica che spesso ispira stupore o risentimento. Come designer, tendiamo a pensare ai design patterns come a soluzioni generiche pronte all'uso che possono essere applicate a vari contesti in modo quasi meccanico, spesso senza un'adeguata considerazione. Navigazione? Fuori tela! Offerte del giorno? Giostra! Ti viene l'idea.
Leggi di piùQuando è grande non è abbastanza grande: progettare con le immagini dell'eroe
Quando gli utenti visitano la tua pagina, sentiranno una sorta di reazione. Che sia positiva o negativa, quella reazione è determinata in gran parte da ciò che vedono. Poiché **la visione è forse il senso umano più forte**, l'immagine di un eroe è uno dei modi più veloci per attirare l'attenzione dell'utente. Immagini audaci, grafiche e intenzionali coinvolgono l'utente. Attira immediatamente l'utente e costituisce un fulcro perfetto per un'app o un sito Web minimalista. L'immagine di un eroe è più di una bella immagine. È un potente strumento di comunicazione. In questo articolo, ti darò alcuni suggerimenti sull'uso delle immagini degli eroi. Inoltre, se desideri iniziare e provare a creare prototipi e wireframe dei tuoi progetti in modo un po' più diverso, puoi scaricare e testare _Adobe XD_ gratuitamente.
Leggi di piùContinua a scorrere! Come progettare pagine lunghe e lunghe
I siti Web con scorrimento lungo o [infinito](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) stanno diventando sempre più comuni ultimamente, e non è una semplice tendenza o una coincidenza. La tecnica dello scorrimento lungo consente agli utenti di attraversare blocchi di contenuto senza alcuna interruzione o interazione aggiuntiva: le informazioni vengono semplicemente visualizzate mentre l'utente scorre la pagina verso il basso.
Leggi di piùTipografia reattiva ai fluidi con dimensionamento fluido CSS Poly
I layout fluidi sono stati una parte normale dello sviluppo del front-end da anni. L'idea di tipografia fluida, tuttavia, è relativamente nuova e deve ancora essere completamente esplorata. Fino ad ora, l'idea di tipografia fluida della maggior parte degli sviluppatori consisteva semplicemente nell'utilizzare le unità Viewport, magari con alcune dimensioni minime e massime. In questo articolo, lo porteremo a un altro livello. Esamineremo **come creare una tipografia scalabile e fluida** su più punti di interruzione e dimensioni dei caratteri predefinite utilizzando funzionalità del browser ben supportate e alcune algebra di base. La parte migliore è che puoi automatizzare tutto usando Sass.
Leggi di più