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ù