JavaScript chat widget, designed and built from scratch. Enter a message in and you will receive a random Hipsum message back with a time stamp to match. I tried to use as little jQuery as possible and this is my first time using the SASS compiler. Any feedback would be great as I'm still not very experienced with javascript.
View on Github: https://github.com/AndrewHaine/Chat-Widget
A Pen by Andrew Haine on CodePen.
| <!-- Goodbye DOMs ∆ This pen written by Reactjs --> |
A Pen by tetsuro ebata on CodePen.
| <div class="outer"> | |
| <div class="inner"> | |
| <div id="container"></div> | |
| </div> | |
| </div> | |
| <div class="outer"> | |
| <div class="inner"> | |
| <div id="debug-container"> |
| var scene = new THREE.Scene(); | |
| scene.background = new THREE.Color( 0xcccccc ); | |
| var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); | |
| camera.position.z = 5; | |
| camera.position.y = 5; | |
| camera.position.x = 5; | |
| camera.lookAt(new THREE.Vector3(0,0,0)); // Make the camera look at the point of origin | |
| GIST |
| <div id="app"> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto|Poppins" rel="stylesheet"> | |
| <meta name="viewport" content="width=device-width"> | |
| <header> | |
| <div class="wrap"> | |
| <div id="hamburger" v-on:click="display_menu()"> | |
| <span></span> | |
| <span></span> | |
| <span></span> | |
| </div> |
| <h1 class="text-center">VueJS Search Input with Debounce</h1> | |
| <p class="lead text-muted text-center">Using lodash _.debounce with a 1s delay</p> | |
| <div id="app"> | |
| <my-list/> | |
| </div> |
WebGL experiment using ThreeJS. Move the fan and press to make wind, the lion will surely appreciate.
A Pen by Karim Maaloul on CodePen.