Articles tagged: Guide

Found 749 documents

Archive/Apps/Design The items under this section apply generally to Web app design.
Archive/Apps/Design/Design_guidelines Design guidelines to help create intuitive apps that work across platforms.
Archive/Apps/Design/Design_patterns_and_assets Design pattern information, along with building blocks and assets to help with rapid prototyping ...
Archive/Apps/Design/Guidelines/Resources
Archive/Apps/Design/Patterns/Drawer/Coding Here you can find examples of how to create a drawer on Firefox OS, as well as downloads for the ...
Archive/Apps/Design/Patterns/Multi_select Multi-select mode is used to let the user perform "bulk actions;" that is, to select a number of ...
Archive/Apps/Design/Patterns/Search A search bar lets users use keywords to locate content within an app, on the device, or online. ...
Archive/Apps/Design/Planning/Installed_app_considerations When designing an installable Open Web App, there are a number of considerations to keep in mind ...
Archive/Apps/Design/Planning/Planning_your_app Once you have an idea for a Web app, you should carefully plan it before you start to do any ...
Archive/Apps/Graphics_and_UX When creating Open Web Apps, you need to give a lot of consideration to the look and feel, user ...
Archive/Firefox_OS/API/Data_Store_API/Using_the_Data_Store_API To explain the main functionality of Data Store, we have build two examples that work together ...
Archive/Firefox_OS/API/Web_Activities Web activities define a way for applications to delegate an activity to another (usually ...
Archive/Firefox_OS/Automated_testing/gaia-ui-tests Gaia-ui-tests uses Gaiatest, a Python package based around Marionette. Gaiatest is designed to ...
Archive/Firefox_OS/Automated_testing/gaia-ui-tests/Gaia_UI_Tests_Run_Tests This article provides a detailed rundown of how to run the actual gaia-ui-tests suite that ...
Archive/Firefox_OS/Automated_testing/Marionette_for_interactive_Python This tutorial assumes you've set up Marionette for B2G.
Archive/Firefox_OS/Automated_testing/Reftests Reference tests (or reftests) are basically tests that compare two separate renderings of web ...
Archive/Firefox_OS/Automated_testing/Writing_Gaia_Unit_Tests The unit test runner is mocha using the TDD interface. Mocha doesn't ship with an assertion ...
Archive/Firefox_OS/Automated_testing/XPCShell XPCShell tests are headless tests of Gecko XPCOM APIs. You can run XPCShell tests on B2G; in ...
Archive/Firefox_OS/Debugging/On-device_console_logging In addition to being able to log console output and view it using the remote web console, you ...
Archive/Firefox_OS/Firefox_OS_apps/Building_apps_for_Firefox_OS/Firefox_OS_app_beginners_tutorial This article provides a beginner's tutorial covering the essentials of Firefox OS apps — ...
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Filter/Coding Coming soon.
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Input_area/Coding Coming soon.
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Progress_and_activity Progress and activity indicators are used to provide visual feedback that a process is active.
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Scrolling Scrolling areas are used to let the user move text and/or images across the device's display.
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Seek_bar Seek bars have a draggable thumb the user can touch and drag back and forth to scroll through ...
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/1.x/Value_selector/Coding Here you can find examples of how to create value selectors on Firefox OS, as well as downloads ...
Archive/Firefox_OS/Firefox_OS_apps/Building_blocks/Layout/2.1 The following gives you an idea of what the rendered layout would look like, and how it would ...
Archive/Firefox_OS/Firefox_OS_apps/Firefox_OS_in_Arabic/Action_and_Context_Menus Headers will read right to left and are right-aligned (E). Action menu items have right-aligned ...
Archive/Firefox_OS/Firefox_OS_apps/Firefox_OS_in_Arabic/Home_Screen Hint text will read right to left and is right-aligned. If cursor is inserted, it will appear at ...
Archive/Firefox_OS/Firefox_OS_apps/Firefox_OS_in_Arabic/Lock_Screen Numbers generally still run left to right (A). Military (24 hour) format is favored.
Archive/Firefox_OS/Firefox_OS_apps/Localization/Getting_started_with_app_localization Currently Firefox OS Gaia uses a modified version of the L10n.js library to localize the default ...
Archive/Firefox_OS/Firefox_OS_apps/Porting_Chrome_apps This article reviews the difference between Firefox OS appsChrome apps and provides examples for ...
Archive/Firefox_OS/Firefox_OS_apps/Transitions/Invoking_the_keyboard
Archive/Firefox_OS/Firefox_OS_apps/Transitions/Opening_and_closing_apps
Archive/Firefox_OS/Firefox_OS_apps/Transitions/Opening_and_dismissing_prompts
Archive/Firefox_OS/Firefox_OS_apps/Transitions/Starting_and_finishing_calls Starting a call:
Archive/Firefox_OS/Firefox_OS_apps/Transitions/Switching_tasks
Archive/Firefox_OS/Phone_guide/Fairphone The Fairphone is a fair-economy smartphone targeting sourcing, production, distribution, ...
Archive/Firefox_OS/Phone_guide/Geeksphone Developer Preview editions of the Firefox OS phone are now becoming widely available to the ...
Archive/Firefox_OS/Phone_guide/Orange_Klif You can find more of the device specifications listed on the Features and Specs Page.
Archive/Firefox_OS/Phone_guide/Phone_specs This article provides information about Firefox OS devices including specific hardware specs, ...
Archive/Firefox_OS/Phone_guide/ZTE_OPEN_C The ZTE Open C Firefox OS phone is an enhanced Firefox OS offering from ZTE featuring higher end ...
Archive/Firefox_OS/Platform/Apps_architecture When the user selects an app they'd like to launch, or an app otherwise needs to be launched, ...
Archive/Firefox_OS/Platform/Gaia/Gaia_apps/Browser The Browser app (which is now part of System) provides browser-like functionality where it is ...
Archive/Firefox_OS/Quickstart/App_tools Is your app ready for the Firefox Marketplace? The App validator will check your manifest and ...
Archive/Firefox_OS/Quickstart/Developing_app_functionality We have already looked at developing web apps — in Your first app we reviewed the basic code ...
Archive/Firefox_OS/Quickstart/Your_first_app This guide aims to get you up and running quickly with a basic architecture and build ...
Archive/Marketplace/Monetization/In-app_payments_section/fxPay_iap fxPay is a JavaScript library for web applications to process in-app payments and restore ...
Archive/Marketplace/Options/Creating_a_store The method of installing and managing apps in Firefox OS, Firefox for Android, and Firefox for ...
Archive/Marketplace/Options/Open_web_apps_for_android Open Web Apps for Android enables free Marketplace apps to be packaged into an APK (Android ...
Archive/Marketplace/Options/Open_web_apps_for_desktop Open Web Apps for Desktop enables free Marketplace apps to be installed by Firefox Desktop into ...
Archive/Marketplace/Publishing/Pricing/Bango Bango is the payment provider for credit card and operator payment transactions on Firefox ...
Archive/Marketplace/Publishing/Pricing/Boku If you're unclear about any of the following instructions, please refer to the Step by step guide.
Archive/Marketplace/Publishing/Pricing/In-app_products This page describes how to create in-app products within Firefox Marketplace for use with fxPay.
Archive/Marketplace/Publishing/Pricing/Promote_as_upgrade_to_free_version As part of your app's Compatibility and Payments options, it's possible to identify a paid app ...
Archive/Meta_docs/Trello The MDN community uses a Trello board to organize and keep track of the things that need to be ...
Archive/Mozilla/Creating_a_skin_for_Mozilla/Getting_Started Download the latest version of Mozilla, install it (Install the DOM Inspector as well), and ...
Archive/Mozilla/Exception_logging_in_JavaScript In versions of Firefox prior to Firefox 3, all JavaScript exceptions were always logged into the ...
Archive/Mozilla/The_life_of_an_HTML_HTTP_request (1) The loading of the url is started in nsWebShell::DoLoadURL (called from some LoadURL or ...
Archive/Mozilla/URIs_and_URLs Handling network and locally retrievable resources is a central part of Necko. Resources are ...
Archive/Mozilla/XULRunner/CommandLine It's fairly easy to retrieve application specific command line arguments in XULRunner when it's ...
Archive/Mozilla/XULRunner/Creating_custom_app_bundles_for_Mac_OS_X Mac OS X applications are typically packaged as application bundles which are then distributed ...
Archive/Mozilla/XULRunner/Deploying_XULRunner Current XULRunner is a stable developer preview release. This means that while the release is ...
Archive/Mozilla/XULRunner/Using_Mochitests_in_a_XULRunner_Application Mochitest is an automated testing framework built on top of the MochiKit JavaScript libraries. ...
Contribute_to_docs_that_are_currently_needed If you're interested in contributing to MDN, and you're looking for topics to write new content ...
Detailed_XPCOM_hashtable_guide A hashtable is a data construct that stores a set of items. Each item has a key that identifies ...
Editor_Embedding_Guide Given an nsIWebBrowser instance, get an nsIDOMWindow from the GetContentDOMWindow call. Then ...
Extensions/bootstrap.js The bootstrap.js script should contain several specific functions, which are called by the ...
Extensions/Using_the_DOM_File_API_in_chrome_code If you want to use the DOM File API in chrome code, you can do so without restriction. In fact, ...
Games/Introduction The modern Web has quickly become a viable platform not only for creating stunning, high quality ...
Games/Techniques This page lists essential core techniques for anyone wanting to develop games using open web ...
Games/Tools On this page you can find links to our game development tools articles, which eventually aims to ...
Glossary/Internet The Internet is a worldwide network of networks that uses the Internet protocol suite (also ...
Glossary/RGB Red Green Blue (RGB) is a color model that represents colors as mixtures of three underlying ...
Infallible_memory_allocation There's ongoing work to implement infallible memory allocators. These are memory allocation ...
Learn/Common_questions/Available_text_editors A website consists mostly of text files, so for a fun, pleasant development experience you ...
Learn/Common_questions/Checking_that_your_web_site_is_working_properly So you've published your website online? Very good! But are you sure it works properly?
Learn/Common_questions/How_do_you_host_your_website_on_Google_App_Engine Google App Engine is a powerful platform that lets you build and run applications on Google’s ...
Learn/Common_questions/Set_up_a_basic_working_environment Especially when working on your first web project, you'll want to test it locally before you ...
Learn/Common_questions/Using_Github_pages GitHub is a "social coding" site. It allows you to upload code repositories for storage in the ...
Learn/CSS/CSS_layout At this point we've already looked at CSS fundamentals, how to style text, and how to style and ...
Learn/CSS/CSS_layout/Flexbox That concludes our tour of the basics of flexbox. We hope you had fun, and will have a good play ...
Learn/CSS/CSS_layout/Floats At this point, you should already have some powerful tools at your disposal for creating fairly ...
Learn/CSS/CSS_layout/Grids Having read this article you should now have an understanding of how grid layouts and grid ...
Learn/CSS/CSS_layout/Positioning I'm sure you had fun playing with basic positioning — it is one of the essential tools behind ...
Learn/CSS/CSS_layout/Practical_positioning_examples So that rounds off our look at positioning — by now, you should have an idea of how the basic ...
Learn/CSS/Introduction_to_CSS/Attribute_selectors Attribute selectors are a special kind of selector that will match elements based on their ...
Learn/CSS/Introduction_to_CSS/Box_model The CSS box model is the foundation of layout on the Web — each element is represented as a ...
Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance In a previous article, we got into the various CSS selectors. At some point in your work, you'll ...
Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors In our final article on selectors we'll explore combinators and multiple selectors — two ways of ...
Learn/CSS/Introduction_to_CSS/Debugging_CSS Well done for completing the last article of the first CSS module! Now that you've come this ...
Learn/CSS/Introduction_to_CSS/How_CSS_works CSS (Cascading Style Sheets) allows you to create great looking web pages, but how does it work ...
Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_pseudo-elements In this, the third in our series of articles on selectors, we discuss pseudo-selectors — these ...
Learn/CSS/Introduction_to_CSS/Selectors In CSS, selectors are used to target the HTML elements on our web pages that we want to style. ...
Learn/CSS/Introduction_to_CSS/Simple_selectors In our first selectors article we'll learn about "simple" selectors, so-called because they ...
Learn/CSS/Introduction_to_CSS/Values_and_units I hope you enjoyed learning about CSS values and units — don't worry if this doesn't all make ...
Learn/CSS/Styling_boxes/Backgrounds This article should have taught you most of what you'll ever need to know about styling element ...
Learn/CSS/Styling_boxes/Borders Now you understand borders, right? Not the ones at the edges of your country, but the ones at ...
Learn/CSS/Styling_boxes/Box_model_recap We looked at the basics of the CSS box model in our Introduction to CSS module. This article ...
Learn/CSS/Styling_boxes/Styling_tables With the dizzy exciting heights of styling tables now behind us, we need something else to ...