Vertical align center

Posted Posted in CSS

If you want to align a div vertically center and you don’t know its height use the below code: .element { position: relative; top: 50%; […]

Pulse animation

Posted Posted in CSS

Create a circle and animate it forever! .cirlce { border: 1px solid #777; border-radius: 100%; height: 30px; width: 30px; background-color: #eee; animation: pulse 1s ease-out; […]

prd

Posted Posted in PHP

Use the below function for small tests 🙂 /** * Print multiple arrays in a pretty way and die() * * @param mixed * @return […]

VideoJS with Youtube

Posted Posted in Video

Videojs with VideoJS Youtube Add CSS and JS resources <link href=”https://cdn.rawgit.com/videojs/video.js/v5.4.4/dist/video-js.css” rel=”stylesheet”> <script src=”https://cdn.rawgit.com/videojs/video.js/v5.4.4/dist/video.js”></script> <script src=”https://cdn.rawgit.com/eXon/videojs-youtube/v2.0.3/dist/Youtube.js”></script> Then add your video. <video id=”vide-01″ class=”video-js vjs-default-skin” controls […]