Aiutami a capire JS + CSS + HTML = Cool UI

Question

Ho lavorato all'interfaccia utente da uno o due anni. Molte volte mi sono soddisfatto con JQuery, YUI e Prototype. Ma a poco a poco ho sentito il bisogno di capire come si assemblano queste piccole cose.

Sono in grado di trovare le basi di CSS, JS e HTML con buoni libri e blog. Ma i principali misteri che penso si trovano nella componente dell'interfaccia utente nel suo insieme, che è il prodotto finito di trucchi intelligenti di markup JS, CSS e HTML.

Dire ad esempio un semplice cursore scorrevole che appare e denigrazione nell'interfaccia utente. Le classiche piattaforme di allungamento delle funzioni sono ordinabili e consentono di eliminare lentamente le file e le cose.

Vorrei approfondire le basi di come queste piccole piccole cose e schemi sono implementati e integrati per formare un'immagine completa. Qualcuno può guidarmi in questo per favore.

Answer 1

Designing Interfaces un eccellente libro sull'interazione dell'utente.

UI-patterns.com ha una vasta gamma di esempi.

Questo "15 Design Patterns" è un buon riepilogo di modelli standard.

E infine ecco un post "40 helpful resources".

Dovrai usare la tua esperienza per arricchire questi progetti di base, ma sono un buon esempio di cosa dovresti lavorare.

Answer 2

Anche il libro di Smashing è buono.

https://shop.smashingmagazine.com/

Answer 3

Molto buona domanda ma fondamentalmente si tratta dello stesso risultato di domande come

https://stackoverflow.com/questions/158769/best-books-to-learn-about-design User Interface design books/resources for programmers

@DVK summs è più o meno nella sua risposta a trovare più le risorse su l'argomento specifico che vuoi sapere di più su

Good Web Designing Books for Programmers