Setting up your workspace for Cordova

By | How to, Tutourial & Tips

Settings from Cordova when you run ‘cordova requirements’ Java JDK: installed 1.8.0 Android SDK: installed true Android target: installed android-27,android-26,android-25,android-24,android-23,android-22 Gradle: installed C:\Program Files\Android\Android Studio\gradle\gradle-4.6\bin\gradle ANDROID_HOME=C:\Users\USERNAME\AppData\Local\Android\Sdk JAVA_HOME=C:\Program Files\Java\jdk1.8.0_191 https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html System Environments User Variable: JAVA_HOME :: C:\Program Files\Java\jdk1.8.0_191 System Variables ANDROID_HOME :: C:\Users\USERNAME\AppData\Local\Android\Sdk JAVA_HOME :: C:\Program Files\Java\jdk1.8.0_191 PATH :: C:\Program Files (x86)\Common Files\Oracle\Java\javapath C:\Program…

Read More

JS – find currentClosetTo()

By | Tutourial & Tips

Scenario: For every minute that passes, we want to find the closest(current minute for example 2) to the closest step_num (e.g. steps of 3). So for this, if its 2 then its closer to 3. If its 4 then its still closer to 3. If its 5 then its not…

Read More

Developer Windows System Environment Setup

By | How to, Tutourial & Tips

When setting up your environment for development it is important to have all your tools and dependencies set up correctly. As a web developer, I have the following packages installed on my computer environment. Node.js (download) NPM Git (download) Python (download) Gulp Below are the Program Files that I use for…

Read More

You don’t need jQuery for Selctors

By | How to, Tutourial & Tips

If you want to use the jQuery style to select elements you can add the below code to your project without loading the full jQuery Library. window.$ = function(selector) { var selectorType = ‘querySelectorAll’; if (selector.indexOf(‘#’) === 0) { selectorType = ‘getElementById’; selector = selector.substr(1, selector.length); } return document[selectorType](selector); };…

Read More

YouTube – Responsive video aspect ratio and embedding options

By | Tutourial & Tips

Maintain iFrame video aspect ratio for responsiveness HTML <div class=”aspect-ratio”> <iframe src=”https://www.youtube.com/embed/NV3bPEjNeKU” frameborder=”0″ width=”550″ height=”275″ frameborder=”0″ allowfullscreen></iframe> </div> CSS /* This element defines the size the iframe will take. In this example we want to have a ratio of 25:14 */ .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom:…

Read More

Linear CSS Gradient Background

By | How to, Tutourial & Tips

CSS: html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { background: linear-gradient(270deg, #18f0b8, #18a2f0, #db5640); background-size: 600% 600%; -webkit-animation: Gradient 60s ease infinite; -moz-animation: Gradient 60s ease infinite; animation: Gradient 60s ease infinite; } @-webkit-keyframes Gradient { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @-moz-keyframes…

Read More