Vanilla is a spice derived from orchids of the genus Vanilla, primarily obtained from pods of the Mexican species, flat-leaved vanilla (V. Planifolia).The word vanilla, derived from vainilla, the diminutive of the Spanish word vaina (vaina itself meaning a sheath or a pod), is translated simply as 'little pod'. For lexicographers, vanilla has more flavor than chocolate, because it adds a tasty synonym for plain to the English menu. The noun vanilla was first served up in 1662, but it took almost 200 years for its adjective use to become established for things, like ice and sugar, flavored with vanilla.
Also found in: Thesaurus, Medical, Idioms, Encyclopedia, Wikipedia.
va·nil·la
(və-nĭl′ə)n.vanilla
(vəˈnɪlə) nva•nil•la
(vəˈnɪl ə or, often, -ˈnɛl ə)n., pl. -las.
vanilla
- hard sauce - Contains butter and sugar, with brandy, rum, or vanilla.
- oak - In the flavor of wines, it comes from oak cases and is similar to coconut or vanilla.
- vanilla - Can mean 'having no special features.'
- white chocolate - A blend of cocoa butter, milk solids and sugar and vanilla, it used in candy bars and baking and coatings; it is not technically chocolate because it contains no chocolate liqueur.
Noun | 1. | vanilla - any of numerous climbing plants of the genus Vanilla having fleshy leaves and clusters of large waxy highly fragrant white or green or topaz flowers orchid, orchidaceous plant - any of numerous plants of the orchid family usually having flowers of unusual shapes and beautiful colors genus Vanilla - large genus of tropical climbing orchids; Old and New Worlds vanilla orchid, Vanilla planifolia - a climbing orchid bearing a podlike fruit yielding vanilla beans; widely cultivated from Florida southward throughout tropical America |
2. | vanilla - a flavoring prepared from vanilla beans macerated in alcohol (or imitating vanilla beans) flavorer, flavoring, flavourer, flavouring, seasoning, seasoner - something added to food primarily for the savor it imparts vanilla bean - long bean-like fruit; seeds are used as flavoring | |
3. | vanilla - a distinctive fragrant flavor characteristic of vanilla beans sapidity, savor, savour, smack, flavor, flavour, nip, relish, tang - the taste experience when a savoury condiment is taken into the mouth | |
Adj. | 1. | vanilla - flavored with vanilla extract; 'he liked vanilla ice cream' |
2. | vanilla - plain and without any extras or adornments; 'the most common type of bond is the straight or plain vanilla bond'; 'the basic car is known as the vanilla version' plain - not elaborate or elaborated; simple; 'plain food'; 'stuck to the plain facts'; 'a plain blue suit'; 'a plain rectangular brick building' |
vanilla
vanilla
[vəˈnɪlə]vanilla
[vəˈnɪlə]Vanilla Visa
vanilla
vanilla
Vanilla Radio
[vəˈnɪlə]vanilla
(vəˈnilə) nounvanilla
→ فانيليا vanilka vaniljeVanilleβανίλιαvainilla vaniljavanille vanilijavaniglia バニラ 바닐라vanillevaniljewaniliabaunilhaваниль vanilj กลิ่นหรือรสวนิลาvanilya vani香草Want to thank TFD for its existence? Tell a friend about us, add a link to this page, or visit the webmaster's page for free fun content.
Link to this page:
for building incredible, powerful JavaScript applications.
Introduction
The Vanilla JS team maintains every byte of code in the framework and works hard each day to make sure it is small and intuitive. Who's using Vanilla JS? Glad you asked! Here are a few:
- YouTube
- Yahoo
- Wikipedia
- Windows Live
- Amazon
- MSN
- eBay
- Microsoft
- Tumblr
- Apple
- PayPal
- Netflix
- Stack Overflow
In fact, Vanilla JS is already used on more websites than jQuery, Prototype JS, MooTools, YUI, and Google Web Toolkit - combined.
Download
Ready to try Vanilla JS? Choose exactly what you need!
Testimonials
Getting Started
The Vanilla JS team takes pride in the fact that it is the most lightweight framework available anywhere; using our production-quality deployment strategy, your users' browsers will have Vanilla JS loaded into memory before it even requests your site.
To use Vanilla JS, just put the following code anywhere in your application's HTML:
- <script src='path/to/vanilla.js'></script>
When you're ready to move your application to a production deployment, switch to the much faster method:
That's right - no code at all. Vanilla JS is so popular that browsers have been automatically loading it for over a decade.
Speed Comparison
Here are a few examples of just how fast Vanilla JS really is:
Retrieve DOM element by ID
Code | ops / sec | |
---|---|---|
Vanilla JS | document.getElementById('test-table'); | 12,137,211 |
Dojo | dojo.byId('test-table'); | 5,443,343 |
Prototype JS | $('test-table') | 2,940,734 |
Ext JS | delete Ext.elCache['test-table']; Ext.get('test-table'); | 997,562 |
jQuery | $jq('#test-table'); | 350,557 |
YUI | YAHOO.util.Dom.get('test-table'); | 326,534 |
MooTools | document.id('test-table'); | 78,802 |
Vanilla Tweaks
Retrieve DOM elements by tag name
Code | ops / sec | |
---|---|---|
Vanilla JS | document.getElementsByTagName('span'); | 8,280,893 |
Prototype JS | Prototype.Selector.select('span', document); | 62,872 |
YUI | YAHOO.util.Dom.getElementsBy(function(){return true;},'span'); | 48,545 |
Ext JS | Ext.query('span'); | 46,915 |
jQuery | $jq('span'); | 19,449 |
Dojo | dojo.query('span'); | 10,335 |
MooTools | Slick.search(document, 'span', new Elements); | 5,457 |
Code Examples
Here are some examples of common tasks in Vanilla JS and other frameworks:
Fade an element out and then remove it
Vanilla JS | var s = document.getElementById('thing').style;s.opacity = 1;(function fade(){(s.opacity-=.1)<0?s.display='none':setTimeout(fade,40)})(); |
---|---|
jQuery | <script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script><script>$('#thing').fadeOut();</script> |
Make an AJAX call
Vanilla JS | var r = new XMLHttpRequest();r.open('POST', 'path/to/api', true);r.onreadystatechange = function () { if (r.readyState != 4 || r.status != 200) return; alert('Success: ' + r.responseText);};r.send('banana=yellow'); |
---|---|
jQuery | <script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script><script>$.ajax({ type: 'POST', url: 'path/to/api', data: 'banana=yellow', success: function (data) { alert('Success: ' + data); },});</script> |
Further Reading
Vanilla Gift Card Balance
For more information about Vanilla JS:
- check out the Vanilla JSdocumentation
- read some books on Vanilla JS
- or try out one of the many Vanilla JSplugins.
When powering your applications with Vanilla JS, feel free to use this handy button!