Tan Teck Hua (@teckhua) 's Twitter Profile
Tan Teck Hua

@teckhua

Front-end UI/UX Designer

ID: 7445832

linkhttp://tanteckhua.com/?m=t calendar_today13-07-2007 04:49:28

4,4K Tweet

88 Followers

172 Following

Vitaly Friedman πŸ‡ΊπŸ‡¦πŸ³οΈβ€πŸŒˆ (@vitalyf) 's Twitter Profile Photo

πŸ’Ž Periodic Table of Storytelling (jamesharris.design/periodic/), what an incredible resource, with interactive storylines and "tropes" which repeat across genres and through time β€” and a few simple story molecules as examples of these elements combined. By James Harris. #ux #design

πŸ’Ž Periodic Table of Storytelling (jamesharris.design/periodic/), what an incredible resource, with interactive storylines and "tropes" which repeat across genres and through time β€” and a few simple story molecules as examples of these elements combined. By <a href="/DawnPaladin/">James Harris</a>. #ux #design
Figma (@figma) 's Twitter Profile Photo

#FigmaTip: Use Layout Grids paired with Constraints to anchor elements to columns or rows when resizing. Thanks, Ana for the tip!

Vitaly Friedman πŸ‡ΊπŸ‡¦πŸ³οΈβ€πŸŒˆ (@vitalyf) 's Twitter Profile Photo

A Practical Guide to Information Architecture (PDF, free for a short time, maadmob.com.au/speaking/books…), a comprehensive guide for websites and redesign projects, explaining how to understand content and how to design navigation that works. Generously shared by Donna Spencer. #ux #ia

A Practical Guide to Information Architecture (PDF, free for a short time, maadmob.com.au/speaking/books…), a comprehensive guide for websites and redesign projects, explaining how to understand content and how to design navigation that works. Generously shared by Donna Spencer. #ux #ia
Vitaly Friedman πŸ‡ΊπŸ‡¦πŸ³οΈβ€πŸŒˆ (@vitalyf) 's Twitter Profile Photo

Business Thinking for Designers (free eBook + audio book) (designbetter.co/business-think…), a wonderful guide to business for designers, with strategies to effectively communicate with your business partners. Written by @ryanrumsey. #ux #design #business

Business Thinking for Designers (free eBook + audio book) (designbetter.co/business-think…), a wonderful guide to business for designers, with strategies to effectively communicate with your business partners.

Written by @ryanrumsey.

#ux #design #business
Vitaly Friedman πŸ‡ΊπŸ‡¦πŸ³οΈβ€πŸŒˆ (@vitalyf) 's Twitter Profile Photo

πŸ§ͺ How To Build Up UX Research From Scratch (+ Templates) (uxinsight.org/how-to-build-a…), an honest case study on how to get started, from conducting research to synthesizing data and making research data accessible. Written by Ori Dar. #ux

πŸ§ͺ How To Build Up UX Research From Scratch (+ Templates) (uxinsight.org/how-to-build-a…), an honest case study on how to get started, from conducting research to synthesizing data and making research data accessible. Written by Ori Dar. #ux
IxDF - Interaction Design Foundation (@ixdf_org) 's Twitter Profile Photo

Our post on #visualhierarchy went viral and we're excited to share what worked πŸš€ Visual hierarchy is a critical aspect of design, as it can help direct the viewer's attention and communicate the relative importance of each element.

Our post on #visualhierarchy went viral and we're excited to share what worked πŸš€

Visual hierarchy is a critical aspect of design, as it can help direct the viewer's attention and communicate the relative importance of each element.
Vitaly Friedman πŸ‡ΊπŸ‡¦πŸ³οΈβ€πŸŒˆ (@vitalyf) 's Twitter Profile Photo

A Guide To Designing Nested Context Menus (height.app/blog/guide-to-…), a fantastic overview of design considerations to avoid common problems in nested context menus β€” with a safe triangle technique. For apps and complex drop-down menus. By MichaΓ«l Villar. #ux #design

Catalin (@catalinmpit) 's Twitter Profile Photo

Improve your VS Code Explorer file tree structure. Add these settings in your configuration file for better visibility: ``` "workbench.tree.indent": 15, "workbench.tree.renderIndentGuides": "always", "workbench.colorCustomizations": { "tree.indentGuidesStroke": "#05ef3c" } ```

Improve your VS Code Explorer file tree structure.

Add these settings in your configuration file for better visibility:

```
"workbench.tree.indent": 15,
"workbench.tree.renderIndentGuides": "always",
"workbench.colorCustomizations": {
"tree.indentGuidesStroke": "#05ef3c"
}
```
Álvaro Montoro (@alvaro_montoro) 's Twitter Profile Photo

New blog post: Shapes in CSS alvaromontoro.com/blog/68042/sha… It shows how to code 16 different shapes, and has explanations about the what/why... instead of just sharing the code and done. It is a complement to the video I published a couple of weeks back. #CSS #HTML #CSSArt

Dr Lea Verou (@leaverou) 's Twitter Profile Photo

#CSSTip: Create variations of a color before Relative Color Syntax is implemented, with color-mix() and the `none` keyword: codepen.io/leaverou/pen/g… There I only vary (oklch) lightness, but you can do the same thing for any component of any color function β€” or even alpha.

#CSSTip: Create variations of a color before Relative Color Syntax is implemented, with color-mix() and the `none` keyword: 
codepen.io/leaverou/pen/g…

There I only vary (oklch) lightness, but you can do the same thing for any component of any color function β€” or even alpha.
Vitaly Friedman πŸ‡ΊπŸ‡¦πŸ³οΈβ€πŸŒˆ (@vitalyf) 's Twitter Profile Photo

🎁 User Interface Typography (free eBook), a wonderful guide to designing better typography β€” from readability and choosing typefaces to modular scale, vertical rhythm, responsive typography and tables. Kindly shared by Alex BarΓ‘nov. imperavi.com/books/ui-typog… #ux #design

🎁 User Interface Typography (free eBook), a wonderful guide to designing better typography β€” from readability and choosing typefaces to modular scale, vertical rhythm, responsive typography and tables. Kindly shared by Alex BarΓ‘nov.

imperavi.com/books/ui-typog…

#ux #design