Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

placing md files into their respective category folders #181

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

placing md files into their respective category folders #181

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
110 changes: 55 additions & 55 deletions site-structure.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,103 +150,103 @@
},
{
"category": "Tutorials",
"categoryHref": "/index-tutorials.html",
"categoryHref": "/tutorials",
"sections":
[
{
"sectionName":"Developer Introduction to the Infusion Framework",
"pages":
[
{ "pageName": "Opening Remarks", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.html" },
{ "pageName": "Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.html" },
{ "pageName": "Invokers", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.html" },
{ "pageName": "Events and Inversion of Control", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.html" },
{ "pageName": "Models and Model Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.html" },
{ "pageName": "Views and View Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.html" },
{ "pageName": "Subcomponents and Model Relaying", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.html" },
{ "pageName": "Restructuring Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.html" },
{ "pageName": "Overriding Invokers and Refactoring", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.html" },
{ "pageName": "Extending Designs with Existing Components", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.html" },
{ "pageName": "Transforming Model Relays", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.html" },
{ "pageName": "Concluding Remarks", "href": "/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.html" }
{ "pageName": "Opening Remarks", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OpeningRemarks.html" },
{ "pageName": "Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Components.html" },
{ "pageName": "Invokers", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-Invokers.html" },
{ "pageName": "Events and Inversion of Control", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-EventsAndInversionOfControl.html" },
{ "pageName": "Models and Model Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ModelsAndModelComponents.html" },
{ "pageName": "Views and View Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ViewsAndViewComponents.html" },
{ "pageName": "Subcomponents and Model Relaying", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-SubcomponentsAndModelRelaying.html" },
{ "pageName": "Restructuring Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-RestructuringComponents.html" },
{ "pageName": "Overriding Invokers and Refactoring", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-OverridingInvokersAndRefactoring.html" },
{ "pageName": "Extending Designs with Existing Components", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ExtendingDesignsWithExistingComponents.html" },
{ "pageName": "Transforming Model Relays", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-TransformingModelRelays.html" },
{ "pageName": "Concluding Remarks", "href": "/tutorials/tutorial-developerIntroduction/DeveloperIntroductionToInfusionFramework-ConcludingRemarks.html" }
]
},
{
"sectionName":"Getting Started with Infusion Component Design",
"pages":
[
{ "pageName": "Getting Started with Infusion Component Design", "href": "/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.html" },
{ "pageName": "Set up your environment", "href": "/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.html"},
{ "pageName": "Define a namespace and create a closure", "href": "/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.html"},
{ "pageName": "Pick a component type", "href": "/tutorial-gettingStartedWithInfusion/PickAComponentType.html"},
{ "pageName": "Basic Component Creation", "href": "/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.html"},
{ "pageName": "Model Components", "href": "/tutorial-gettingStartedWithInfusion/ModelComponents.html"},
{ "pageName": "View Components", "href": "/tutorial-gettingStartedWithInfusion/ViewComponents.html"},
{ "pageName": "Renderer Components", "href": "/tutorial-gettingStartedWithInfusion/RendererComponents.html"},
{ "pageName": "Subcomponents", "href": "/tutorial-gettingStartedWithInfusion/Subcomponents.html"}
{ "pageName": "Getting Started with Infusion Component Design", "href": "/tutorials/tutorial-gettingStartedWithInfusion/GettingStartedWithInfusion.html" },
{ "pageName": "Set up your environment", "href": "/tutorials/tutorial-gettingStartedWithInfusion/SetUpYourEnvironment.html" },
{ "pageName": "Define a namespace and create a closure", "href": "/tutorials/tutorial-gettingStartedWithInfusion/DefineANamespaceAndCreateAClosure.html" },
{ "pageName": "Pick a component type", "href": "/tutorials/tutorial-gettingStartedWithInfusion/PickAComponentType.html" },
{ "pageName": "Basic Component Creation", "href": "/tutorials/tutorial-gettingStartedWithInfusion/BasicComponentCreation-Components.html" },
{ "pageName": "Model Components", "href": "/tutorials/tutorial-gettingStartedWithInfusion/ModelComponents.html" },
{ "pageName": "View Components", "href": "/tutorials/tutorial-gettingStartedWithInfusion/ViewComponents.html" },
{ "pageName": "Renderer Components", "href": "/tutorials/tutorial-gettingStartedWithInfusion/RendererComponents.html" },
{ "pageName": "Subcomponents", "href": "/tutorials/tutorial-gettingStartedWithInfusion/Subcomponents.html" }
]
},
{
"sectionName": "General",
"pages":
[
{ "pageName": "Using String Templates", "href": "/tutorial-usingStringTemplates/UsingStringTemplates.html" },
{ "pageName": "How to Create and Use Font Icons", "href": "/tutorial-iconFonts/HowToCreateAndUseFontIcons.html" }
{ "pageName": "Using String Templates", "href": "/tutorials/tutorial-usingStringTemplates/UsingStringTemplates.html" },
{ "pageName": "How to Create and Use Font Icons", "href": "/tutorials/tutorial-iconFonts/HowToCreateAndUseFontIcons.html" }
]
},
{
"sectionName": "Preferences Framework",
"pages":
[
{ "pageName": "Creating a Preference Editor", "href": "/tutorial-prefsFramework/CreatingAPrefsEditor.html" },
{ "pageName": "Creating Enactors", "href": "/tutorial-prefsFramework/CreatingEnactors.html" },
{ "pageName": "Instantiating the Enhancer and Settings Store Only", "href": "/tutorial-prefsFramework/InstantiatingTheEnhancerAndSettingsStoreOnly.html" },
{ "pageName": "Styling the Preferences Editor", "href": "/tutorial-prefsFramework/StylingThePreferencesEditor.html" },
{ "pageName": "Adding a Basic Preferences Editor to a Site", "href": "/to-do/AddingPrefsEditorToSite.html" },
{ "pageName": "Working With A Preferences Editor On Your Site", "href": "/to-do/WorkingWithPrefsEditorOnSite.html" },
{ "pageName": "Creating a New Adjuster UI", "href": "/tutorial-prefsFramework/CreatingANewAdjusterUI.html" },
{ "pageName": "Minimal Footprint", "href": "/tutorial-prefsFrameworkMinimalFootprint/MinimalFootprint.html" }
{ "pageName": "Creating a Preference Editor", "href": "/tutorials/tutorial-prefsFramework/CreatingAPrefsEditor.html" },
{ "pageName": "Creating Enactors", "href": "/tutorials/tutorial-prefsFramework/CreatingEnactors.html" },
{ "pageName": "Instantiating the Enhancer and Settings Store Only", "href": "/tutorials/tutorial-prefsFramework/InstantiatingTheEnhancerAndSettingsStoreOnly.html" },
{ "pageName": "Styling the Preferences Editor", "href": "/tutorials/tutorial-prefsFramework/StylingThePreferencesEditor.html" },
{ "pageName": "Adding a Basic Preferences Editor to a Site", "href": "/tutorials/to-do/AddingPrefsEditorToSite.html" },
{ "pageName": "Working With A Preferences Editor On Your Site", "href": "/tutorials/to-do/WorkingWithPrefsEditorOnSite.html" },
{ "pageName": "Creating a New Adjuster UI", "href": "/tutorials/tutorial-prefsFramework/CreatingANewAdjusterUI.html" },
{ "pageName": "Minimal Footprint", "href": "/tutorials/tutorial-prefsFrameworkMinimalFootprint/MinimalFootprint.html" }
]
},
{
"sectionName": "User Interface Options",
"pages":
[
{ "pageName": "Setting Up User Interface Options", "href": "/tutorial-userInterfaceOptions/UserInterfaceOptions.html" },
{ "pageName": "Working with User Interface Options", "href": "/tutorial-userInterfaceOptions/WorkingWithUserInterfaceOptions.html"},
{ "pageName": "Using Images in Contrast Modes", "href": "/tutorial-userInterfaceOptions/UsingImagesInContrastModes.html"},
{ "pageName": "Style Effects and Legibility in Contrast Modes", "href": "/tutorial-userInterfaceOptions/StyleEffectsAndLegibilityInContrastModes.html"},
{ "pageName": "CSS 'Content' Property in Contrast Modes", "href": "/tutorial-userInterfaceOptions/ContentPropertyHighContrast.html"}
{ "pageName": "Setting Up User Interface Options", "href": "/tutorials/tutorial-userInterfaceOptions/UserInterfaceOptions.html" },
{ "pageName": "Working with User Interface Options", "href": "/tutorials/tutorial-userInterfaceOptions/WorkingWithUserInterfaceOptions.html" },
{ "pageName": "Using Images in Contrast Modes", "href": "/tutorials/tutorial-userInterfaceOptions/UsingImagesInContrastModes.html" },
{ "pageName": "Style Effects and Legibility in Contrast Modes", "href": "/tutorials/tutorial-userInterfaceOptions/StyleEffectsAndLegibilityInContrastModes.html" },
{ "pageName": "CSS 'Content' Property in Contrast Modes", "href": "/tutorials/tutorial-userInterfaceOptions/ContentPropertyHighContrast.html" }
]
}
]
},
{
"category": "Components",
"categoryHref": "/index-components.html",
"categoryHref": "/components",
"sections":
[
{
"sectionName": "",
"pages":
[
{ "pageName": "Inline Edit", "href": "/to-do/InlineEditAPI.html" },
{ "pageName": "Pager", "href": "/to-do/PagerAPI.html" },
{ "pageName": "Progress", "href": "/to-do/ProgressAPI.html" },
{ "pageName": "Reorderer", "href": "/to-do/ReordererAPI.html" },
{ "pageName": "List Reorderer", "href": "/to-do/ListReordererAPI.html" },
{ "pageName": "Grid Reorderer", "href": "/to-do/GridReordererAPI.html" },
{ "pageName": "Layout Reorderer", "href": "/to-do/LayoutReordererAPI.html" },
{ "pageName": "Image Reorderer", "href": "/ImageReordererAPI.html" },
{ "pageName": "Switch", "href": "/SwitchAPI.html" },
{ "pageName": "Text to Speech", "href": "/TextToSpeechAPI.html" },
{ "pageName": "Textfield", "href": "/TextfieldAPI.html" },
{ "pageName": "TextfieldSlider", "href": "/TextfieldSliderAPI.html" },
{ "pageName": "TextfieldStepper", "href": "/TextfieldStepperAPI.html" },
{ "pageName": "User Interface Options", "href": "/UserInterfaceOptionsAPI.html" },
{ "pageName": "Uploader", "href": "/UploaderAPI.html" },
{ "pageName": "Undo", "href": "/to-do/UndoAPI.html" },
{ "pageName": "Table of Contents", "href": "/to-do/TableOfContentsAPI.html" }
{ "pageName": "Inline Edit", "href": "/components/to-do/InlineEditAPI.html" },
{ "pageName": "Pager", "href": "/components/to-do/PagerAPI.html" },
{ "pageName": "Progress", "href": "/components/to-do/ProgressAPI.html" },
{ "pageName": "Reorderer", "href": "/components/to-do/ReordererAPI.html" },
{ "pageName": "List Reorderer", "href": "/components/to-do/ListReordererAPI.html" },
{ "pageName": "Grid Reorderer", "href": "/components/to-do/GridReordererAPI.html" },
{ "pageName": "Layout Reorderer", "href": "/components/to-do/LayoutReordererAPI.html" },
{ "pageName": "Image Reorderer", "href": "/components/ImageReordererAPI.html" },
{ "pageName": "Switch", "href": "/components/SwitchAPI.html" },
{ "pageName": "Text to Speech", "href": "/components/TextToSpeechAPI.html" },
{ "pageName": "Textfield", "href": "/components/TextfieldAPI.html" },
{ "pageName": "TextfieldSlider", "href": "/components/TextfieldSliderAPI.html" },
{ "pageName": "TextfieldStepper", "href": "/components/TextfieldStepperAPI.html" },
{ "pageName": "User Interface Options", "href": "/components/UserInterfaceOptionsAPI.html" },
{ "pageName": "Uploader", "href": "/components/UploaderAPI.html" },
{ "pageName": "Undo", "href": "/components/to-do/UndoAPI.html" },
{ "pageName": "Table of Contents", "href": "/components/to-do/TableOfContentsAPI.html" }
]
}
]
Expand Down
0 ...lkingToTheServerUsingTheAfterMoveEvent.md → ...lkingToTheServerUsingTheAfterMoveEvent.md
View file
Open in desktop
File renamed without changes.
0 src/documents/ImageReordererAPI.md → ...documents/components/ImageReordererAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/SwitchAPI.md → src/documents/components/SwitchAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/TextToSpeechAPI.md → src/documents/components/TextToSpeechAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/TextfieldAPI.md → src/documents/components/TextfieldAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/TextfieldSliderAPI.md → ...ocuments/components/TextfieldSliderAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/TextfieldStepperAPI.md → ...cuments/components/TextfieldStepperAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/UploaderAPI.md → src/documents/components/UploaderAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/UserInterfaceOptionsAPI.md → ...nts/components/UserInterfaceOptionsAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/index-components.md → src/documents/components/index.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/GridReordererAPI.md → ...ents/components/to-do/GridReordererAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/InlineEdit.md → src/documents/components/to-do/InlineEdit.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/InlineEditAPI.md → ...cuments/components/to-do/InlineEditAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/LayoutReordererAPI.md → ...ts/components/to-do/LayoutReordererAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/ListReordererAPI.md → ...ents/components/to-do/ListReordererAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/Pager.md → src/documents/components/to-do/Pager.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/PagerAPI.md → src/documents/components/to-do/PagerAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/Progress.md → src/documents/components/to-do/Progress.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/ProgressAPI.md → ...documents/components/to-do/ProgressAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/Reorderer.md → src/documents/components/to-do/Reorderer.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/ReordererAPI.md → ...ocuments/components/to-do/ReordererAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/TableOfContentsAPI.md → ...ts/components/to-do/TableOfContentsAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/UndoAPI.md → src/documents/components/to-do/UndoAPI.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/Uploader.md → src/documents/components/to-do/Uploader.md
View file
Open in desktop
File renamed without changes.
0 src/documents/to-do/UserInterfaceOptions.md → .../components/to-do/UserInterfaceOptions.md
View file
Open in desktop
File renamed without changes.
0 src/documents/index-tutorials.md → src/documents/tutorials/index.md
View file
Open in desktop
File renamed without changes.
0 ...ocuments/to-do/AddingPrefsEditorToSite.md → ...utorials/to-do/AddingPrefsEditorToSite.md
View file
Open in desktop
File renamed without changes.
0 ...nts/to-do/WorkingWithPrefsEditorOnSite.md → ...als/to-do/WorkingWithPrefsEditorOnSite.md
View file
Open in desktop
File renamed without changes.
0 ...oductionToInfusionFramework-Components.md → ...oductionToInfusionFramework-Components.md
View file
Open in desktop
File renamed without changes.
0 ...nToInfusionFramework-ConcludingRemarks.md → ...nToInfusionFramework-ConcludingRemarks.md
View file
Open in desktop
File renamed without changes.
0 ...nFramework-EventsAndInversionOfControl.md → ...nFramework-EventsAndInversionOfControl.md
View file
Open in desktop
File renamed without changes.
0 ...ExtendingDesignsWithExistingComponents.md → ...ExtendingDesignsWithExistingComponents.md
View file
Open in desktop
File renamed without changes.
0 ...troductionToInfusionFramework-Invokers.md → ...troductionToInfusionFramework-Invokers.md
View file
Open in desktop
File renamed without changes.
0 ...sionFramework-ModelsAndModelComponents.md → ...sionFramework-ModelsAndModelComponents.md
View file
Open in desktop
File renamed without changes.
0 ...tionToInfusionFramework-OpeningRemarks.md → ...tionToInfusionFramework-OpeningRemarks.md
View file
Open in desktop
File renamed without changes.
0 ...ework-OverridingInvokersAndRefactoring.md → ...ework-OverridingInvokersAndRefactoring.md
View file
Open in desktop
File renamed without changes.
0 ...usionFramework-RestructuringComponents.md → ...usionFramework-RestructuringComponents.md
View file
Open in desktop
File renamed without changes.
0 ...ramework-SubcomponentsAndModelRelaying.md → ...ramework-SubcomponentsAndModelRelaying.md
View file
Open in desktop
File renamed without changes.
0 ...usionFramework-TransformingModelRelays.md → ...usionFramework-TransformingModelRelays.md
View file
Open in desktop
File renamed without changes.
0 ...fusionFramework-ViewsAndViewComponents.md → ...fusionFramework-ViewsAndViewComponents.md
View file
Open in desktop
File renamed without changes.
0 ...sion/BasicComponentCreation-Components.md → ...sion/BasicComponentCreation-Components.md
View file
Open in desktop
File renamed without changes.
0 ...sion/DefineANamespaceAndCreateAClosure.md → ...sion/DefineANamespaceAndCreateAClosure.md
View file
Open in desktop
File renamed without changes.
0 ...ithInfusion/GettingStartedWithInfusion.md → ...ithInfusion/GettingStartedWithInfusion.md
View file
Open in desktop
File renamed without changes.
0 ...ingStartedWithInfusion/ModelComponents.md → ...ingStartedWithInfusion/ModelComponents.md
View file
Open in desktop
File renamed without changes.
2 changes: 1 addition & 1 deletion ...StartedWithInfusion/PickAComponentType.md → ...StartedWithInfusion/PickAComponentType.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ These types of components build upon each other, a teeny little bit like inherit
* **view components** support models, and also add support for views.
* **renderer components** are **view components** with the [Renderer](../Renderer.md) added.

![A venn diagram showing the composition of grades](../images/component-grades-venn-diagram.svg)
![A venn diagram showing the composition of grades](../../images/component-grades-venn-diagram.svg)

For this tutorial, we suggest you work through all of the examples in order, to understand what each type of component
offers. That way, you'll be in a better position to decide which grade you'll need for your components. Regardless of
Expand Down
0 ...StartedWithInfusion/RendererComponents.md → ...StartedWithInfusion/RendererComponents.md
View file
Open in desktop
File renamed without changes.
0 ...artedWithInfusion/SetUpYourEnvironment.md → ...artedWithInfusion/SetUpYourEnvironment.md
View file
Open in desktop
File renamed without changes.
2 changes: 1 addition & 1 deletion ...ttingStartedWithInfusion/Subcomponents.md → ...ttingStartedWithInfusion/Subcomponents.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ The UI Options component has a component tree as shown below. Essentially:

You can see from this tree that the UIOptions component is being re-used by the three different versions.

![Diagram showing UI Option's component tree](../images/uiOptions-component-tree.svg)
![Diagram showing UI Option's component tree](../../images/uiOptions-component-tree.svg)

These relationships can be expressed using the following definitions:

Expand Down
2 changes: 1 addition & 1 deletion ...tingStartedWithInfusion/ViewComponents.md → ...tingStartedWithInfusion/ViewComponents.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ component's defaults, integrators can override the selectors without requiring a

Consider a simple user interface for the currency converter example we looked at earlier:

![Currency Converter Screenshot](../images/curr-converter-screenshot.png)
![Currency Converter Screenshot](../../images/curr-converter-screenshot.png)

There are several elements we'll need to identify:

Expand Down
12 changes: 6 additions & 6 deletions ...l-iconFonts/HowToCreateAndUseFontIcons.md → ...l-iconFonts/HowToCreateAndUseFontIcons.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ Tips:
* Overlapping regions of shapes may cause a subtraction when converted in IcoMoon (i.e. it will render as transparent) -
in this case you may need to build a single shape from these conflicting shapes, or ensure none of your shapes overlap.

Download Example SVG file: [pencil-icon-01.svg](../images/pencil-icon-01.svg)
Download Example SVG file: [pencil-icon-01.svg](../../images/pencil-icon-01.svg)

## Step 2. Using IcoMoon to Generate Font

Expand Down Expand Up @@ -262,8 +262,8 @@ To bring back some semantics and to help improve accessibility, we use "aria-lab
Icon fonts can appear different across browsers and across operating systems. For example, the following icon is
rendered differently in Firefox in Mac OS X and in Windows despite being the same icon and the same browser.

![a partially displayed font icon on firefox, Mac system](../images/Icon-FF-OSX.png)
![a partially displayed font icon on firefox, Windows system](../images/Icon-FF-windows.png)
![a partially displayed font icon on firefox, Mac system](../../images/Icon-FF-OSX.png)
![a partially displayed font icon on firefox, Windows system](../../images/Icon-FF-windows.png)

To avoid these rendering problems, when creating the SVG images avoid using fine details - not only does this help
eliminate details in the icon font being lost during rendering, it also helps improve usability through clearer icons.
Expand Down Expand Up @@ -299,7 +299,7 @@ on Windows and Mac OS X 10.6+.
3. Select the custom font from the Font drop-down menu. The glyphs in the custom font should now appear in the window.
4. Select a character in the window. The Unicode will appear in the bottom-left corner in the status bar.

![Unicode character map](../images/Unicode-charmap.png)
![Unicode character map](../../images/Unicode-charmap.png)

#### Obtaining Unicode in Mac OS X 10.6 or Later

Expand All @@ -316,11 +316,11 @@ on Windows and Mac OS X 10.6+.
9. Now a "Characters" window appears with "Search" results containing each character selected in the previous step.
10. Select an icon in the "Character" panel. The Unicode will appear in the right column.

![Mac OS X Font Book](../images/mac-font-book.png)
![Mac OS X Font Book](../../images/mac-font-book.png)

Above: An image showing the Mac OS X Font Book application with the custom characters highlighted.

![Mac OS X Characters window](../images/mac-characters-window.png)
![Mac OS X Characters window](../../images/mac-characters-window.png)

Above: An image showing the Mac OS X Characters window. The Unicode value for a custom character appears in the right
most column.
Loading