When creating Open Web Apps, you need to give a lot of consideration to the look and feel, user experience and workflow of your applications. In previous parts of this material we looked at application planning and flexible layouts for applications, and in this section we will go further, looking at both general patterns and design techniques that work for Open Web Apps, and specific techniques and assets that will help you put together great-looking Firefox OS apps that match the experience of the device's default applications.

Note: the articles in this section of the docs cover graphics and UX in a large amount of detail, including links to relevant examples and assets. If you are just searching for a library of assets and samples, BuildingFirefoxOS is a good place to go.

High level app design concepts

Design principles
A useful list of general design principles to start with.
Installed app considerations
High level considerations particular to installed Open Web App UX.
Graphics for responsive sites
Ideas to keep in mind when designing graphics for responsive sites and applications.
Grid design approaches   

Design guides and resources

Design patterns
Guides to effective design patterns that work on small screen apps, including Firefox OS.
Building blocks
A library of components for use in Open Web Apps, including usage guides, assets, and HTML, CSS and JavaScript code snippets.
Design asset library
Graphical assets for helping design the visuals of Open Web Apps, including PSD files.
Content style guide
A guide to choosing effective fonts, writing good copy, and creating good image content for Open Web Apps.
Color palettes for Firefox OS apps, and general color scheme advice for Open Web Apps
Firefox OS Icon style guide
Designing a good application icon, and icon usage best practices.

এ্যাপ ডেভেলপারদের জনয টূল

প্রযুক্তি রেফারেন্স ডকুমেন্টেশন

কমিউনিটি থেকে সাহায্য নেওয়া

আপনি যদি এখনও কিভাবে কোন কাজ করতে হবে - এ ব্যাপারে সন্দিহান হয়ে থাকেন, তবে এখনই আলোচনায় যোগ দিন আমাদের সঙ্গে!

  • ওয়েব এ্যাপস ফোরাম:
    • ওপেন ওয়েব এ্যাপস আইআরসি চ্যানেলে আপনার প্রশ্ন জিজ্ঞাসা করুন: #openwebapps

অনলাইন আচরণবিধি ভুলে গেলে চলবে না...


ডকুমেন্ট ট্যাগ এবং অবদানকারী

Contributors to this page: orvi, teoli
সর্বশেষ হালনাগাদ করেছেন: teoli,