HOme
Products
Core Products
Physical Cards For Collaboration & Management
Extracting The Best Part Of Every Article
VIP Membership Of Alphabag
Announcing Soon
Practical Manual To Develop Skill Set
Our Public Declaration Towards Work & Life
Integrated Solution For Strategy & Management
The Mega Course For Product Strategy, Design & Dev
Tailored Workshop & Consultancy Service
Support
Alphabag Deck Onboarding Manual
Onboarding flow after receiving the deck
Submit News Highlights
Provide content for Alphabag News
Shipping, Return and Refund Policy
The policy you may want to know
Frequently Asked Questions
Questions that you may want to ask
Company
About
Company's vision, core team & products
Blog
Our thoughts and news
Contact Us
Get in touch for any opportunities
Founder
About Kevin Hon Chi Hang
Press Kit
Download our brand assets here
Careers
Join us along with our adventure
Partnership
Sponsorship
Provide content for Alphabag News
Wholesale Inquiry
Sell our products via your network
SHOP
0
Your Cart
$ 0.00 USD
:
Remove
No items yet.
Be sure to check out the early bird offer of Alphabag Deck
Early Bird Offer
Product is not available in this quantity.
AD 017
UI Component
To define distinct UI elements, such as tables, buttons, dialogs, and others.
Explore Resources
Knowledge Brief
No items found.
Related Knowledge
Wireframes
Brand Typography
Brand Color
Animation
Color Palette
A/B Testing
Once we had a clear visual direction to the future of our UI components, our next step was to actually transfer them into SCSS files in our base stylesheet component to make it scalable and robust.
The Journey to Design Consistency
medium.com
UI Component
UI Pattern
Frontend Integration
highlighted by
Bo-Yi Wu
Sharing the code across repositories would eliminate the need for duplicate code and work for the initial implementation and when the UX specification for a component changes.
Rollup: Shared UI components at AdRoll
tech.adroll.com
UI Component
Wireframes
UI Pattern
highlighted by
Bo-Yi Wu
One of the most effective ways of keeping your infrastructure stable is abstracting out parts of the codebase that most contributors don’t need to modify.
How to Run a Front-End Infrastructure Team
tech.adroll.com
Frontend Integration
UI Component
Third-party Integration
highlighted by
Bo-Yi Wu
A framework is a modular and reusable set of code that is used as the building blocks of higher-level pieces of software. The best reason to use frameworks is that they can be built once and be reused an infinite number of times!
Getting Started with Reusable Frameworks for iOS Development
medium.com
Application Framework
Third-party Integration
UI Component
highlighted by
Aki Yu
Developer
When people really sit down and work on their content, patterns emerge: they really like using call to actions with a visual background, or the type of information they’re sharing would often do well in two columns instead of a long single column list, or they have content that is well suited to small sliders of information, etc.
How to Build a Component Based Website
wanderoak.co
UI Component
Information Architecture
Wireframes
highlighted by
Aki Yu
Developer
It’s not about “nice pictures” it’s about how user can accomplish their goals.
Designed by Engineer
medium.com
UI Pattern
UI Component
Mockups
highlighted by
Aki Yu
Developer
Related Knowledge
UX 002
Wireframes
A visual guide that represents the skeletal framework of a website or application.
BD 009
Brand Typography
Be cautious when choosing free fonts for your brand.
BD 010
Brand Color
Owning a color is one of the fastest ways to create a recognizable identity.
DM 062
Animation
Keep the animation simple and clean, use audio to maximize working memory.
CL 001
Color Palette
A range of colors that can be displayed on screens or interfaces.
AD 024
A/B Testing
A randomized experiment with two variants to determine which one performs better.