Lebih Dekat dengan Front-end dan Desain Web

Presentasi yang sampaikan di talks bulanan Talk With Trust & Safety (TWiTS), Bukalapak bulan Januari 2018.

Transcript

1. Lebih Dekat dengan Front-end dan Desain Web Iqbal Perkasa Front-end Dev, Bukalapak Talk With Trust & Safety January 2018
2. https://speakerdeck.com/iqbalperkasa
3. Front-end Developer
4. Front-end Developer • Menulis baris program tampilan antarmuka • Desain antarmuka ➡ program interaktif • Memvalidasi masukan pengguna @iqbalperkasa Talk With Trust & Safety, January 2018
5. Tools Used
6. Package Manager
7. Task Runner
8. Linter
9. Better Web UI Practices
10. Better Web UI Practices Koleksi tips dari @steveschoger untuk meningkatkan pengalaman akses web yang lebih baik dengan memperhatikan detail-detail kecil. @iqbalperkasa Talk With Trust & Safety, January 2018
11. Giving your box shadows a slight, vertical offset helps to make them look more natural @iqbalperkasa Talk With Trust & Safety, January 2018
12. If I am using icons that have more weight than the text, I typically make the icons slightly lighter than the text for inactive states @iqbalperkasa Talk With Trust & Safety, January 2018
13. A subtle link for negative secondary actions often works better than a big bold button @iqbalperkasa Talk With Trust & Safety, January 2018
14. It's all about creating hierarchy. You want your primary button to stand out much more than your secondary/danger actions @iqbalperkasa Talk With Trust & Safety, January 2018
15. It's all about creating hierarchy. You want your primary button to stand out much more than your secondary/danger actions @iqbalperkasa Talk With Trust & Safety, January 2018
16. Terima kasih @iqbalperkasa