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