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 Takipรงi

172 Takip Edilen

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