emojicons - npm Package Compare versions

Comparing version 1.1.2 to 1.2.0

emojicons.js

@@ -10,5 +10,3 @@ var emojiStyle = [
 '	display: inline-block; ',
-'	background-size: contain; ',
-'	background-position: center center; ',
-'	background-repeat: no-repeat; ',
+'	background: center center/contain no-repeat',
 '} '
@@ -15,0 +13,0 @@ ].join("\n");

emojicons.min.js

@@ -1,1 +0,1 @@
-var i=document.createElement("style");i.appendChild(document.createTextNode("span.emoji,i.emoji,emoji{vertical-align:middle;width:1.5em;height:1.5em;line-height:1.5em;display:inline-block;background-size:contain;background-position:center center;background-repeat:no-repeat}")),document.getElementsByTagName("head")[0].appendChild(i);for(var j=document.querySelectorAll("span.emoji,i.emoji,emoji"),i=0,len=j.length;len>i;i++)j[i].setAttribute("style","background-image:url(https://s3-us-west-2.amazonaws.com/emojicons/"+j[i].innerHTML+".png)"),j[i].innerHTML=""
+var i=document.createElement('style');i.appendChild(document.createTextNode('span.emoji,i.emoji,emoji{vertical-align:middle;width:1.5em;height:1.5em;line-height:1.5em;display:inline-block;background:center center/contain no-repeat}')),document.getElementsByTagName('head')[0].appendChild(i);for(var j=document.querySelectorAll('span.emoji,i.emoji,emoji'),i=0,len=j.length;len>i;i++)j[i].setAttribute('style',"background-image:url(https://s3-us-west-2.amazonaws.com/emojicons/"+j[i].innerHTML+".png)"),j[i].innerHTML=""

jquery.emojicons.js

@@ -11,5 +11,3 @@ var emojiStyle = [
 '		display: inline-block; ',
-'		background-size: contain; ',
-'		background-position: center center; ',
-'		background-repeat: no-repeat; ',
+'		background: center center/contain no-repeat',
 '	} ',
@@ -16,0 +14,0 @@ '</style>'

jquery.emojicons.min.js

@@ -1,1 +0,1 @@
-$("head").append('<style>span.emoji,i.emoji,emoji{vertical-align: middle;width: 1.5em;height: 1.5em;line-height: 1.5em;display: inline-block;background-size: contain;background-position: center center;background-repeat: no-repeat}</style>'),$('span.emoji,i.emoji,emoji').each(function(){$(this).css('background-image','url("https://s3-us-west-2.amazonaws.com/emojicons/'+$(this).text()+'.png")'),$(this).text('')});
+$('head').append('<style>span.emoji,i.emoji,emoji{vertical-align:middle;width:1.5em;height:1.5em;line-height:1.5em;display:inline-block;background:center center/contain no-repeat}</style>'),$('span.emoji,i.emoji,emoji').each(function(){$(this).css('background-image','url("https://s3-us-west-2.amazonaws.com/emojicons/'+$(this).text()+'.png")'),$(this).text('')});

package.json

 {
   "name": "emojicons",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "A library for scalable, responsive emoji consistent in style and size across all devices.",
@@ -5,0 +5,0 @@ "main": "emojicons.min.js",

README.md

 # <img src="https://s3-us-west-2.amazonaws.com/emojicons/1459.png" width="25px"> cons 
-[![Code Climate](https://codeclimate.com/github/ayazhafiz/emojicons/badges/gpa.svg)](https://codeclimate.com/github/ayazhafiz/emojicons)&nbsp;&nbsp;&nbsp;&nbsp;[![Issue Count](https://codeclimate.com/github/ayazhafiz/emojicons/badges/issue_count.svg)](https://codeclimate.com/github/ayazhafiz/emojicons)  
+
+[![Codacy Badge](https://api.codacy.com/project/badge/Grade/9cd09a8929744c0a816590686a303933)](https://www.codacy.com/app/ayazhafiz/emojicons?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=ayazhafiz/emojicons&amp;utm_campaign=Badge_Grade)
+[![Code Climate](https://codeclimate.com/github/ayazhafiz/emojicons/badges/gpa.svg)](https://codeclimate.com/github/ayazhafiz/emojicons)
+[![Scrutinizer Code Quality](https://scrutinizer-ci.com/g/ayazhafiz/emojicons/badges/quality-score.png?b=master)](https://scrutinizer-ci.com/g/ayazhafiz/emojicons/?branch=master)
+[![Issue Count](https://codeclimate.com/github/ayazhafiz/emojicons/badges/issue_count.svg)](https://codeclimate.com/github/ayazhafiz/emojicons)  
 <br>
-Emojicons is a (mediocre) library of **responsive**, **scalable**, **high-definition** Apple emoji pseudo-icons. Usage is (very) simple.  
+Emojicons is a __<img src="https://s3-us-west-2.amazonaws.com/emojicons/earth-3.png" width="15px"> 365 byte__ (jQuery compressed) script for **responsive**, **scalable**, **high-definition** Apple emoji pseudo-icons. Usage is (very) simple.  
 > ###### *Note: despite Github showing whitespace around the emoji, all emoji are transparent.*  
@@ -10,2 +14,8 @@
   
+Npm it 
+```bash
+npm install emojicons --save
+```
+or simply download from up above.
+  
 Near **the bottom** of your `body` include `emojicons.js`:
@@ -29,3 +39,3 @@ ```html
 ```  
-> `jquery.emojicons.min.js` is only *`416 bytes`* in size.  
+> `jquery.emojicons.min.js` is only *`365 bytes`* in size.  
 
@@ -42,3 +52,3 @@ #### You <img src="https://s3-us-west-2.amazonaws.com/emojicons/923.png" width="15px"> must <img src="https://s3-us-west-2.amazonaws.com/emojicons/923.png" width="15px"> have <img src="https://s3-us-west-2.amazonaws.com/emojicons/923.png" width="15px"> a <img src="https://s3-us-west-2.amazonaws.com/emojicons/923.png" width="15px"> head <img src="https://s3-us-west-2.amazonaws.com/emojicons/923.png" width="15px"> tag. It's both syntactically correct and required.
 ##### Where the emoji though?
-Check out [this page](http://emoji.ayazhafiz.com). Find the emoji you want, and inside your tag, place the tag of the emoji. For example,  
+Check out [this page](http://ayazhafiz.com/emojicons). Find the emoji you want, and inside your tag, place the name of the emoji. For example,  
 ```
@@ -53,3 +63,3 @@ <emoji>hashtag</emoji>
 **IMPORTANT NOTE:**  
-You can include **only one** emoji per container, and there must be **no spaces** between each angle bracket and the number of the emoji.
+You can include **only one** emoji per container, and there must be **no whitespace** between each angle bracket and the name  of the emoji.
 
@@ -74,3 +84,3 @@ #### Emoji Options
    
-It's highly recommended you take advantage of this smaller option to save space unless you need to have large emoji images for whatever reason.
+It's highly recommended you take advantage of this smaller option if you can forgive optimal quality.
   
@@ -77,0 +87,0 @@ You can also specify skin tone for some emoji, based on the Fitzpatrick scale. Applicable emoji have a **-d** suffix for the default tone, **-2** for lightest, **-4** for light, **-6** for neutral, **-8** for dark, and **-10** for darkest. E.g.:

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7962

increased by4.64%

Number of lines in readme file

102

increased by10.87%

Worsened metrics

Lines of code

49

decreased by-7.55%

No dependency changes