3 javascript libraries in 5 minutes and 45 secondes
fernan_s
12.4K views
Open Source Your Knowledge, Become a Contributor
Technology knowledge has to be shared and made accessible for free. Join the movement.
You have bravely arrived at the end of this course, so here are two little bonus libraries!
-
Egg.js
- This library allows you to put hidden features in your website.
- You can try it out by running the playground then typing "techio" in the viewer.
-
Sweetalert.js
- This library enables you to display sweet notifications on your website with ease.
- You can see an example by typing "sweet" in the viewer.
Egg
For more information Egg.js, follow this link. To learn more about Sweetalert.js, click this link.
Open Source Your Knowledge: become a Contributor and help others learn. Create New Content
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<script type="text/javascript" src="https://cdn.rawgit.com/mikeflynn/egg.js/master/egg.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div style="display: none;" id="egg">
<img src="egg.gif"/>
</div>
<p>Click into the frame and type "techio" or "sweet" too see the easter eggs!</p>
<script src="script.js"></script>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
1
var egg = new Egg("t,e,c,h,i,o", function() {
Enter to Rename, Shift+Enter to Preview