Which Operating System is the fastest in the world?

Question

Ultrilliam · Answer

That cannot be said for certain, as this statistic changes with hundred of tens of thousands of variables, some of those variables can have trillions of different values.

ILovePuppiesLol · Answer

As of June 2016, the fastest supercomputer in the world is the Sunway TaihuLight, in mainland China, with a Linpack benchmark of 93 PFLOPS, exceeding the previous record holder, Tianhe-2, by around 59 PFLOPS. It tops the rankings in the TOP500 supercomputer list.

ILovePuppiesLol · Answer

idk i found it on wiki

Ultrilliam · Answer

that is not a OS, that is a computer puppies xD

joshiscool · Answer

Mocha Test Runner

{% extends 'layout.html' %} {% block content %} {% for template in page.templates %}

template.name }} docs-text-styling mdl-grid mdl-cell mdl-cell--12-col">

template.name }}.jpg" srcset="{{page.include_prefix}}assets/templates/{{ template.name }}.jpg 1x, {{page.include_prefix}}assets/templates/{{ template.name }}_2x.jpg 2x" class="template__preview mdl-cell mdl-cell--8-col">

template.name }}.zip" class="mdl-cell mdl-cell--6-col-desktop mdl-cell--4-col-tablet mdl-cell--2-col-phone"> Download template.name }}/index.html" target="_blank" class="mdl-cell mdl-cell--6-col-desktop mdl-cell--4-col-tablet mdl-cell--2-col-phone"> Preview

{% endfor %} {% endblock %} {% block content %} {{content|safe}} {% endblock %} {% extends 'layout.html' %} {% block content %}

COMPONENTS: Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite components. If you have not yet read the http://www.google.com/design/spec/material-design/introduction.html">Material Design Introduction you should do so before attempting to use the components.

{% for category in page.categories -%}

category.name }}-section" class="mdl-components__page mdl-grid">

{% if category.components.length > 1 %}

{%- endif %} {% for component in category.components %} {% if component.caption %}

category.name }}-section/{{ component.name }}">{{ component.caption }}

{%- endif %} {% if component.warning %}

Note: {{ component.warning }}

{%- endif %} {% for snippet_group in component.snippets %} {% set snippet_group["component_name"] = component.name %} {% include "./snippets.html" with snippet_group only %} {%- endfor %} {% set demo_css = "../../dist/components/" + component.name + "/demo.css" %} {% set demo_js = "../../dist/components/" + component.name + "/demo.js" %} {% set demo = "../../src/" + component.name + "/demo.html" %} {% include demo ignore missing %}

{% set doc = "../../dist/components/" + component.name + "/index.html" %} {% include doc ignore missing %}

{%- endfor %}

{% endblock %} {% extends 'layout.html' %} {% block content %}

Custom CSS theme builder

Click on the color wheel to choose a primary (1) and accent (2) color to preview the theme below. When you’ve selected a color combination you like, either reference our hosted CSS or download the CSS by clicking the white button in the middle. You will need to include MDL’s JavaScript alongside your customised CSS to get the full experience. This is included in our default Download from the Getting Started guide.

CSS hosted on our CDN (17.6kB gzipped):

 <link rel="stylesheet" href="$$hosted_libs_prefix$$/$$version$$/material.$primary-$accent.min.css" />

{% endblock %} {{ page.component }} test https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'> https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> https://cdnjs.cloudflare.com/ajax/libs/prism/0.0.1/prism.min.css"> {% set demo_css = "../../dist/components/" + page.component + "/demo.css" %}

{% block content %} {{content|safe}} {% endblock %}

{% set demo_js = "../../dist/components/" + page.component + "/demo.js" %} Material Design Lite https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'> https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

{% block content %} {{content|safe}} {% endblock %}

Download Kit

{% extends 'layout.html' %} {% block content %} {{content|safe}} {% endblock %} {% extends 'layout.html' %} {% block content %} {{content|safe}} {% for template in page.sites %}

template.name }} docs-text-styling mdl-grid mdl-cell mdl-cell--12-col">

template.name }}.jpg" srcset="{{page.include_prefix}}assets/showcase/{{ template.name }}.jpg 1x, {{page.include_prefix}}assets/showcase/{{ template.name }}_2x.jpg 2x" class="template__preview mdl-cell mdl-cell--8-col">

template.name }}_2x.jpg" class="mdl-cell mdl-cell--6-col-desktop mdl-cell--4-col-tablet mdl-cell--2-col-phone"> Screenshot Visit

{% endfor %} {% endblock %} {% if snippet_group.length === 1 && snippet_group[0].full_width %}

{% else %}

{% endif %}

{% for snippet in snippet_group %} {% if snippet.demo_file %} {% set snippet_file = "../../src/" + component_name + "/snippets/" + snippet.demo_file %} {% else %} {% set snippet_file = "../../src/" + component_name + "/snippets/" + snippet.file %} {% endif %}

{% include snippet_file ignore missing %}

{%- endfor %}

{% for snippet in snippet_group %}

{%- endfor %}

{% for snippet in snippet_group %}{% set snippet_file = "../../src/" + component_name + "/snippets/" + snippet.file %}{% filter e('html') %}{% include snippet_file ignore missing %}{% endfilter %}<style>{% set extra_css_file = "../../src/" + component_name + "/snippets/" + snippet.extra_codepen_css %}{% include extra_css_file ignore missing %}</style>
{%- endfor %}{% if snippet_group.length !== 1 || !snippet_group[0].full_width %}<style>
body {
  padding: 20px;
  background: #fafafa;
  position: relative;
}
</style>
{% endif %}https://codepen.io/pen/define" method="POST" target="_blank">

{% extends 'layout.html' %} {% block content %}

Include the master CSS & JavaScript

Include the Material Lite CSS and JavaScript files in each HTML page in your project. We recommend that you use the files hosted on our CDN. You can also customize and download them to host them yourself, build them from our source code or install them in your npm/Bower project.

Hosted Download Build Bower npm

Just add the following <link> and <script> elements into your HTML pages (27kB gzipped):

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="$$hosted_libs_prefix$$/$$version$$/material.indigo-pink.min.css">
<script defer src="$$hosted_libs_prefix$$/$$version$$/material.min.js"></script>

Choose color scheme

http://www.google.com/design/spec/style/color.html">Color schemes used in Material Design are based on a primary and an accent colors which you may want to personalize. These colors are specified in the CSS file name by following this pattern: material.{primary}-{accent}.min.css (e.g. material.indigo-pink.min.css). Our CDN hosts a number of color combinations based on common Material Design colors. To discover and preview available color combinations use our Customize and Preview tool.

Download the minified CSS and Javascript now (27kB gzipped):

Refer to these files by adding a <link> and a <script> elements into your HTML pages and also include the Material Icon font:

<link rel="stylesheet" href="./material.min.css">
<script src="./material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Choose color scheme

http://www.google.com/design/spec/style/color.html">Color schemes used in Material Design are based on a primary and an accent colors which you may want to personalize. Use the Customize and Preview tool to select and preview primary and accent colors combinations for your site. Then download your customized Material Design Lite CSS using the button and simply replace the `material.min.css` with the customized one.

Our source code is hosted https://github.com/google/material-design-lite">on GitHub. You'll need to download the code and build it.

Run the following commands in a shell:

# Clone/copy the Material Design lite source code.
git clone https://github.com/google/material-design-lite.git
# Go into the newly created folder containing the source code.
cd material-design-lite
# Install necessary dependencies.
npm install && npm install -g gulp
# Build a production version of the components.
gulp

You'll find the Material Design Lite library's file in the dist folder. Copy them to your project.

Refer to these files by adding a <link> and a <script> element into your HTML pages and also include the Material Icon font:

<link rel="stylesheet" href="./material.min.css">
<script src="./material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Note:

Using this method you will not be able to customize the color scheme of the MDL elements. If you'd like to customize the color scheme prefer the CDN hosted or downloadable libraries. In this case use our Customize and Preview tool.

Simply install Material Design Lite files in your http://bower.io/">Bower enabled project using:

Run the following command in a shell:

bower install material-design-lite --save

This will install the Material Design Lite library files in your project's bower_components folder.

Refer to these files by adding a <link> and a <script> element into your HTML pages and also include the Material Icon font:

<link rel="stylesheet" href="/bower_components/material-design-lite/material.min.css">
<script src="/bower_components/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Note:

Using this method you will not be able to customize the color scheme of the MDL elements. If you'd like to customize the color scheme prefer the CDN hosted or downloadable libraries. In this case use our Customize and Preview tool.

Simply install Material Design Lite files in your https://www.npmjs.com/">npm enabled project using:

Run the following command in a shell:

npm install material-design-lite --save

This will install the Material Design Lite library files in your project's node_modules folder.

Refer to these files by adding a <link> and a <script> element into your HTML pages and also include the Material Icon font:

<link rel="stylesheet" href="/node_modules/material-design-lite/material.min.css">
<script src="/node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Note:

Using this method you will not be able to customize the color scheme of the MDL elements. If you'd like to customize the color scheme prefer the CDN hosted or downloadable libraries. In this case use our Customize and Preview tool.

That's it! You are now ready to add MDL components on your site.

Use the components

You'll find below a couple of examples of MDL Button elements: a Button with ripples and a FAB Button. Just copy & paste the corresponding source code in the <body> of an HTML page of your project and the elements will render as shown below.

{% for snippet_group in page.snippets %} {% include "./snippets.html" with snippet_group only %} {%- endfor %}

MDL elements can be tweaked and configured by adding CSS classes. For example adding mdl-js-ripple-effect to an MDL Button will add a Ripple effect when the button is clicked and adding mdl-button--fab will change the style of the button to a FAB button.

There are many other elements available such as Card containers, Sliders, Tables, Menus... For the complete set of MDL elements and options have a look at the components page.

We also recommend that you check out our templates. These are ready to use website templates using MDL components. Feel free to have a look at them to get started quickly on your next project.

General rules and principles

In general, follow these basic steps to use an MDL component in your HTML page:

Start with a standard HTML element, such as <button>, <div>, or <ul>, depending on the MDL component you want to use. This establishes the element in the page and readies it for MDL modification.
Add one or more MDL-specific CSS classes to the element, such as mdl-button or mdl-tabs__panel, again depending on the component. The classes apply the MDL enhancements to the element and turn it into an MDL component.

Remember to include the https://developers.google.com/speed/docs/insights/ConfigureViewport">meta viewport tag in your document so mobile devices will render correctly.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

A note about HTML elements and MDL CSS classes

Material Design Lite uses namespaced https://en.bem.info/method/">BEM classes—which can apply to almost any HTML element—to construct components. For some components you can use almost any element. The examples in each component's documentation use elements that perform well as that component. If you must use elements other than those shown in the examples, we encourage you to experiment to find the best combination of HTML elements and MDL CSS classes for your application.

Use MDL on dynamic websites

Material Design Lite will automatically register and render all elements marked with MDL classes upon page load. However in the case where you are creating DOM elements dynamically you need to register new elements using the upgradeElement function. Here is how you can dynamically create the same raised button with ripples shown in the section above:

<div id="container"/>
<script>
  var button = document.createElement('button');
  var textNode = document.createTextNode('Click Me!');
  button.appendChild(textNode);
  button.className = 'mdl-button mdl-js-button mdl-js-ripple-effect';
  componentHandler.upgradeElement(button);
  document.getElementById('container').appendChild(button);
</script>https://codepen.io/pen/define" method="POST" target="_blank">

What are MDL's responsibilities?

Material Design Lite is built to provide a lightweight and basic set of Material Design components and templates for web sites. The project does not intend to provide structures to create all possible UX needs, but to provide a low-friction Material Design implementation you can build on. Even within Material Design itself, cards specifically, it is unfeasible to provide every combination in a seamless manner. When you find something not provided, such as dropdowns in the drawer, you may need to code your own component.

The team is committed to providing a great experience to developers while staying true to the promise of lite.

What's next?

Detailed instructions for using the components, including MDL classes and their effects, coding considerations, and configuration options, can be found in the components page. Example of sites using MDL elements together can be found in the templates page.

License

Copyright Google, 2015. Licensed under an Apache-2 license.

{% endblock %} {% extends 'layout.html' %} {% block content %}

{% endblock %}

joshiscool · Answer

@ILovePuppiesLol

joshiscool · Answer

@Bob

Bob · Answer

....

Bob · Answer

?

joshiscool · Answer

utrilliam how is the coding so far

ILovePuppiesLol · Answer

what the flying fudge are you doing, someone ban this kid

joshiscool · Answer

tf he said i can post my coding in computer science

ILovePuppiesLol · Answer

im gonna kill this kid @Ultrilliam

joshiscool · Answer

im gonna kill this kid @Ultrilliam

joshiscool · Answer

jealous i can code ngga

joshiscool · Answer

?????????

Bob · Answer

Calm down

joshiscool · Answer

xD

ILovePuppiesLol · Answer

simmer down child

ILovePuppiesLol · Answer

did u just copy n paste this... cuz i clearly see it giving directions on how to code

ILovePuppiesLol · Answer

I'm almost certain this guy just did inspect element and copy n pasted

joshiscool · Answer

tf

joshiscool · Answer

that would be you mister i don't know how to code

joshiscool · Answer

im done

Ultrilliam · Answer

Dude. I meant open a new question about it, then in the reply's go

\```Code Here\```

Ultrilliam · Answer

/sigh

wo1f0mon · Answer

Bootstrap Example https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Wellcome

im Nathan

Part 1

this is part of coding its hard to do this with just the old weebly tools.

im using bootstrap

Ultrilliam · Answer

FOR REAL

wo1f0mon · Answer

i made that code from bootstrap