iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
angular-docs-cn/aio/content/marketing/presskit.html

630 lines
22 KiB
HTML
Raw Normal View History

build(aio): update features and presskit marketing pages
2017-06-06 06:41:38 -04:00
<header class="marketing-banner">
docs(aio): use h1 rather than divs and hide heading anchors In the marketing pages we do not want to show heading anchors on hover. Previously, this was achieved by using div rather than heading elements. Now we can use semantically accurate headings while hiding the anchor. Closes #17244 Closes #17264
2017-06-07 09:35:57 -04:00
<h1 class="banner-headline no-toc no-anchor">Press kit</h1>
build(aio): update features and presskit marketing pages
2017-06-06 06:41:38 -04:00
</header>
<article class="presskit-container">
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<div class="presskit-row">
<div class="presskit-inner">
<div>
<h2>ANGULAR LOGO</h2>
<p>
The logo graphics available for download on this page are provided under
docs(aio): fix missing title warnings This commit provides missing titles for Press kit. License appears not to want a title. ngmodule and resources2 are no longer needed.
2017-05-03 09:13:11 -04:00
<a class="cc-by-anchor" href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
This means that you can pretty much do what you like with it including printing it on shirts, creating your own variations, or getting it tattooed over your navel.
</p>
<p>We do ask that you not use the rest of the site graphics in other contexts to avoid confusion.</p>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
feat(aio): search results accessibility items Add visually hidden class and apply to h2 in search results Changed h2 group headers to h3s Add roles to main and content Fix API material icon placement Image alt additions where needed Add lang attribute to html tag Add aria-label on search input
2017-04-17 13:57:49 -04:00
<img src="assets/images/logos/angular/angular.svg" alt="Angular">
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
</div>
<div>
<h3 class="l-space-left-3">FULL COLOR LOGO</h3>
<ul class="l-space-left-3">
<li>
<span>Angular Logo (png) - <a href="assets/images/logos/angular/angular.png" download>Download</a></span>
</li>
<li>
<span>Angular Logo (svg) - <a href="assets/images/logos/angular/angular.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<div>
<img src="assets/images/logos/angular/angular_solidBlack.svg">
</div>
</div>
<div>
<h3 class="l-space-left-3">ONE COLOR LOGO</h3>
<ul class="l-space-left-3">
<li>
<span>Angular Logo Black (png) - <a href="assets/images/logos/angular/angular_solidBlack.png" download>Download</a></span>
</li>
<li>
<span>Angular Logo Black (svg) - <a href="assets/images/logos/angular/angular_solidBlack.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<div>
<img src="assets/images/logos/angular/angular_whiteTransparent.svg" class="transparent-img-bg">
</div>
</div>
<div>
<h3 class="l-space-left-3">ONE COLOR INVERSE LOGO</h3>
<ul class="l-space-left-3">
<li>
<span>Angular Logo White Semi-Transparent (png) - <a href="assets/images/logos/angular/angular_whiteTransparent.png" download>Download</a></span>
</li>
<li>
<span>Angular Logo Semi-Transparent (svg) - <a href="assets/images/logos/angular/angular_whiteTransparent.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
feat(aio): add brand and concept icons, img style class more flexible (#23589) PR Close #23589
2018-04-27 23:47:23 -04:00
<div class="presskit-row">
<div class="presskit-inner">
<div>
<h2>BRAND ICONS</h2>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/animations.png" alt="Animations Icon">
</div>
<div>
<h3 class="l-space-left-3">ANIMATIONS</h3>
<ul class="l-space-left-3">
<li>
<span>Animations Icon (png) - <a href="assets/images/logos/concept-icons/animations.png" download>Download</a></span>
</li>
<li>
<span>Animations Icon (svg) - <a href="assets/images/logos/concept-icons/animations.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/augury.png" alt="Augury Icon">
</div>
<div>
<h3 class="l-space-left-3">AUGURY</h3>
<ul class="l-space-left-3">
<li>
<span>Augury Icon (png) - <a href="assets/images/logos/concept-icons/augury.png" download>Download</a></span>
</li>
<li>
<span>Augury Icon (svg) - <a href="assets/images/logos/concept-icons/augury.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/cdk.png" alt="CDK Icon">
</div>
<div>
<h3 class="l-space-left-3">COMPONENT DEV KIT (CDK)</h3>
<ul class="l-space-left-3">
<li>
<span>CDK Icon (png) - <a href="assets/images/logos/concept-icons/cdk.png" download>Download</a></span>
</li>
<li>
<span>CDK Icon (svg) - <a href="assets/images/logos/concept-icons/cdk.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/cli.png" alt="CLI Icon">
</div>
<div>
<h3 class="l-space-left-3">CLI</h3>
<ul class="l-space-left-3">
<li>
<span>CLI Icon (png) - <a href="assets/images/logos/concept-icons/cli.png" download>Download</a></span>
</li>
<li>
<span>CLI Icon (svg) - <a href="assets/images/logos/concept-icons/cli.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/compiler.png" alt="Compiler Icon">
</div>
<div>
<h3 class="l-space-left-3">COMPILER</h3>
<ul class="l-space-left-3">
<li>
<span>Compiler Icon (png) - <a href="assets/images/logos/concept-icons/compiler.png" download>Download</a></span>
</li>
<li>
<span>Compiler Icon (svg) - <a href="assets/images/logos/concept-icons/compiler.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/components.png" alt="Components Icon">
</div>
<div>
<h3 class="l-space-left-3">WEB COMPONENTS</h3>
<ul class="l-space-left-3">
<li>
<span>Web Components Icon (png) - <a href="assets/images/logos/concept-icons/components.png" download>Download</a></span>
</li>
<li>
<span>Web Components Icon (svg) - <a href="assets/images/logos/concept-icons/components.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/forms.png" alt="Forms Icon">
</div>
<div>
<h3 class="l-space-left-3">FORMS</h3>
<ul class="l-space-left-3">
<li>
<span>Forms Icon (png) - <a href="assets/images/logos/concept-icons/forms.png" download>Download</a></span>
</li>
<li>
<span>Forms Icon (svg) - <a href="assets/images/logos/concept-icons/forms.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/http.png" alt="HTTP Icon">
</div>
<div>
<h3 class="l-space-left-3">HTTP</h3>
<ul class="l-space-left-3">
<li>
<span>HTTP Icon (png) - <a href="assets/images/logos/concept-icons/http.png" download>Download</a></span>
</li>
<li>
<span>HTTP Icon (svg) - <a href="assets/images/logos/concept-icons/http.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/i18n.png" alt="i18n Icon">
</div>
<div>
<h3 class="l-space-left-3">i18n</h3>
<ul class="l-space-left-3">
<li>
<span>HTTP Icon (png) - <a href="assets/images/logos/concept-icons/i18n.png" download>Download</a></span>
</li>
<li>
<span>HTTP Icon (svg) - <a href="assets/images/logos/concept-icons/i18n.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/karma.png" alt="Karma Icon">
</div>
<div>
<h3 class="l-space-left-3">KARMA</h3>
<ul class="l-space-left-3">
<li>
<span>Karma Icon (png) - <a href="assets/images/logos/concept-icons/karma.png" download>Download</a></span>
</li>
<li>
<span>Karma Icon (svg) - <a href="assets/images/logos/concept-icons/karma.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/labs.png" alt="Labs Icon">
</div>
<div>
<h3 class="l-space-left-3">LABS</h3>
<ul class="l-space-left-3">
<li>
<span>Labs Icon (png) - <a href="assets/images/logos/concept-icons/labs.png" download>Download</a></span>
</li>
<li>
<span>Labs Icon (svg) - <a href="assets/images/logos/concept-icons/labs.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/language-services.png" alt="Language Services Icon">
</div>
<div>
<h3 class="l-space-left-3">LANGUAGE SERVICES</h3>
<ul class="l-space-left-3">
<li>
<span>Language Services Icon (png) - <a href="assets/images/logos/concept-icons/language-services.png" download>Download</a></span>
</li>
<li>
<span>Language Services Icon (svg) - <a href="assets/images/logos/concept-icons/language-services.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/material.png" alt="Material Icon">
</div>
<div>
<h3 class="l-space-left-3">MATERIAL</h3>
<ul class="l-space-left-3">
<li>
<span>Material Icon (png) - <a href="assets/images/logos/concept-icons/material.png" download>Download</a></span>
</li>
<li>
<span>Material Icon (svg) - <a href="assets/images/logos/concept-icons/material.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/protractor.png" alt="Protractor Icon">
</div>
<div>
<h3 class="l-space-left-3">PROTRACTOR</h3>
<ul class="l-space-left-3">
<li>
<span>Protractor Icon (png) - <a href="assets/images/logos/concept-icons/protractor.png" download>Download</a></span>
</li>
<li>
<span>Protractor Icon (svg) - <a href="assets/images/logos/concept-icons/protractor.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/pwa.png" alt="PWA Icon">
</div>
<div>
<h3 class="l-space-left-3">PWA</h3>
<ul class="l-space-left-3">
<li>
<span>PWA Icon (png) - <a href="assets/images/logos/concept-icons/pwa.png" download>Download</a></span>
</li>
<li>
<span>PWA Icon (svg) - <a href="assets/images/logos/concept-icons/pwa.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/router.png" alt="Router Icon">
</div>
<div>
<h3 class="l-space-left-3">ROUTER</h3>
<ul class="l-space-left-3">
<li>
<span>Router Icon (png) - <a href="assets/images/logos/concept-icons/router.png" download>Download</a></span>
</li>
<li>
<span>Router Icon (svg) - <a href="assets/images/logos/concept-icons/router.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/universal.png" alt="Universal Icon">
</div>
<div>
<h3 class="l-space-left-3">UNIVERSAL</h3>
<ul class="l-space-left-3">
<li>
<span>Universal Icon (png) - <a href="assets/images/logos/concept-icons/universal.png" download>Download</a></span>
</li>
<li>
<span>Universal Icon (svg) - <a href="assets/images/logos/concept-icons/universal.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div>
<h2>CONCEPT & FEATURE ICONS</h2>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/dependency-injection.png" alt="Dependency Injection Icon">
</div>
<div>
<h3 class="l-space-left-3">DEPENDENCY INJECTION</h3>
<ul class="l-space-left-3">
<li>
<span>Dependency Injection Icon (png) - <a href="assets/images/logos/concept-icons/dependency-injection.png" download>Download</a></span>
</li>
<li>
<span>Dependency Injection Icon (svg) - <a href="assets/images/logos/concept-icons/dependency-injection.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/lazy-loading.png" alt="Lazy Loading Icon">
</div>
<div>
<h3 class="l-space-left-3">LAZY LOADING</h3>
<ul class="l-space-left-3">
<li>
<span>Lazy Loading Icon (png) - <a href="assets/images/logos/concept-icons/lazy-loading.png" download>Download</a></span>
</li>
<li>
<span>Lazy Loading Icon (svg) - <a href="assets/images/logos/concept-icons/lazy-loading.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/libraries.png" alt="Libraries Icon">
</div>
<div>
<h3 class="l-space-left-3">LIBRARIES</h3>
<ul class="l-space-left-3">
<li>
<span>Libraries Icon (png) - <a href="assets/images/logos/concept-icons/libraries.png" download>Download</a></span>
</li>
<li>
<span>Libraries Icon (svg) - <a href="assets/images/logos/concept-icons/libraries.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/performance.png" alt="Performance Icon">
</div>
<div>
<h3 class="l-space-left-3">PERFORMANCE</h3>
<ul class="l-space-left-3">
<li>
<span>Performance Icon (png) - <a href="assets/images/logos/concept-icons/performance.png" download>Download</a></span>
</li>
<li>
<span>Performance Icon (svg) - <a href="assets/images/logos/concept-icons/performance.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="presskit-image-container">
<img src="assets/images/logos/concept-icons/templates.png" alt="Templates Icon">
</div>
<div>
<h3 class="l-space-left-3">TEMPLATES</h3>
<ul class="l-space-left-3">
<li>
<span>Templates Icon (png) - <a href="assets/images/logos/concept-icons/templates.png" download>Download</a></span>
</li>
<li>
<span>Templates Icon (svg) - <a href="assets/images/logos/concept-icons/templates.svg" download>Download</a></span>
</li>
</ul>
</div>
</div>
</div>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<div class="presskit-row">
<div class="presskit-inner">
<div>
<h2>PRESS AND MEDIA</h2>
<p>For inquiries regarding press and media please contact us at
<a href="mailto:press@angular.io">press@angular.io</a>.</p>
</div>
</div>
</div>
<style>
div.bullets ul {
list-style-type: disc !important; margin-left: 1em !important;
}
</style>
<div class="presskit-row">
<div class="presskit-inner">
<div class="bullets">
<h2>BRAND NAMES</h2>
<h3>Angular</h3>
<p>The name <b>Angular</b> represents the work and promises provided to you by the Angular team.</p>
<p>When not specified, Angular is assumed to be referring to the latest and greatest stable version from the Angular Team.</p>
<h4>Example</h4>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<p><b>Version v4.1 now available</b> - We are pleased to announce that the latest release of Angular is now available. Staying up to date is easy!</p>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<h4>Example</h4>
fix(aio): fix presskit.html typos
2017-04-01 21:11:39 -04:00
<p><b>Correct: </b> "New <code>*ngIf</code> capabilities</b>&mdash;new in version 4.0 is the ability to ..."</p>
<p><b style="color: red">Incorrect: </b> "New <code>*ngIf</code> capabilities in Angular 4</b>&mdash;Angular 4 introduces the ability to ..."</p>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<p><b>Reasoning</b></p>
<p>By not using “Angular 4” in the title, the content still feels applicable and useful after version 5, 6, 7 have been released, as the syntax is unlikely to change in the short and medium term.</p>
<h3>AngularJS</h3>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<p><b>AngularJS</b> is the v1.x series of work and promises provided by the Angular team.</p>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<h4>Examples</h4>
<ol>
<li>AngularJS is one of the most used framework on the web today (by number of projects).</li>
<li>Millions of developers are currently building with AngularJS.</li>
<li>Developers are beginning to upgrade from AngularJS to Angular.</li>
<li>I’m upgrading my application from AngularJS to Angular.</li>
<li>I'm using AngularJS Material on this project.</li>
</ol>
<p>AngularJS projects should use the
docs(aio): fix missing title warnings This commit provides missing titles for Press kit. License appears not to want a title. ngmodule and resources2 are no longer needed.
2017-05-03 09:13:11 -04:00
<a href="assets/images/logos/angularjs/AngularJS-Shield.svg" title="AngularJS logo">
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
original AngularJS logo</a> / icon, and not the Angular icon.</p>
docs(aio): fix sizing of marketing doc images This commit ensures that all the images in the marketing docs are correcly sized. Related to #16600
2017-05-06 05:18:42 -04:00
<img src="assets/images/logos/angularjs/AngularJS-Shield.svg" alt="AngularJS Logo" style="margin-left:20px;" height="128" width="128">
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<h3>Angular Material</h3>
<p>This is the work being performed by the Angular team to provide Material Design components for Angular applications.</p>
<h3>AngularJS Material</h3>
<p>This is the work being performed by the Angular team on Material Design components that are compatible with AngularJS.</p>
<h3>3rd Party Projects</h3>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<p><b>X for Angular</b></p>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<p>3rd parties should use the terminology “X for Angular” or “ng-X” for software projects. Projects should avoid the use of Angular X (e.g. Angular UI Toolkit), as it could create authorship confusion. This rule does not apply to events or meetup groups.</p>
<p>Developers should avoid using Angular version numbers in project names, as this will artificially limit their projects by tying them to a point in time of Angular, or will require renaming over time.</p>
<p>Where a codename or shortname is used, such as on npm or github, some are acceptable, some are not acceptable.</p>
<b>Do not use</b>
<ul>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<li><code>ng2-</code></li>
<li><code>angular2-</code></li>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
</ul>
<b>OK to use</b>
<ul>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<li><code>ng-</code></li>
<li><code>angular-</code></li>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
</ul>
<p>As always, component and directive selectors should not begin with “ng-” selectors as this will conflict with components and directives provided by the Angular team.</p>
<h4>Examples</h4>
<ul>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<li>The ng-BE team just launched <code>ng-health</code> to help developers track their own health.</li>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
<li>I’m going to use NativeScript for Angular to take advantage of native UI widgets.</li>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<li><code>ReallyCoolTool</code> for Angular.</li>
<li><code>ReallyCoolTool</code> for AngularJS.</li>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
</ul>
</div>
</div>
</div>
<div class="presskit-row">
<div class="presskit-inner">
<div class="bullets">
<h2>TERMS WE USE</h2>
<p>
We often use terms that are not part of our brand,
but we want to remain consistent on the styling and use of them to prevent confusion and to appear unified.
</p>
<ul>
fix(aio): contributor.html typos
2017-03-31 13:32:55 -04:00
<li>Ahead of Time compilation (AOT)</li>
<li>Just in Time compilation (JIT)</li>
feat(aio): add presskit and correct "/logos/angular2/"
2017-03-31 05:50:15 -04:00
</ul>
</div>
</div>
</div>
build(aio): update features and presskit marketing pages
2017-06-06 06:41:38 -04:00
</article>