Home
Videos uploaded by user “Roneet Kumar”
HowTo : Setup SASS in ATOM - Text Editor
 
02:01
In this video you will learn how to setup and install SASS with node-sass in ATOM text editor in 5 minutes. * keep in mind you will need to setup java environment variable to install node-js. Important-Links :- ~ node-js : https://nodejs.org/en/ ~ terminal command to install node-sass :- npm install node-sass -g ~ if you want to install sass-autocompile from terminal :- apm install sass-autocompile Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 13499 Roneet Kumar
HowTo : Compile JADE (Pug) in ATOM - Text Editor
 
01:59
In this video you will learn how to compile JADE in ATOM 2 minutes. * keep in mind you have to save the JADE file to compile in HTML and "//output: index.html" should be written on top of your jade file. index.html is the compiled HTML file name ~ if you want to install jade-autocompile from terminal :- apm install jade-autocompile Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 2697 Roneet Kumar
HowTo : Add or Remove Classes with Scroll-Bar using Jquery
 
03:59
In this video you will learn how to add or remove classes with Scroll-Bar using Jquery in 5 minutes. Links :- ~ Source Code :- https://codepen.io/roneetkumar/pen/awevZx Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 914 Roneet Kumar
Make Material Design Range Slider
 
03:51
In this video you will learn how to make material design range slider in 5 minutes. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/RKyVXo Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 1246 Roneet Kumar
HowTo : Make Search-Bar with Java-Script
 
08:19
In this video you will learn how to make Search-Bar with Java-Script in 10 minutes. ~ ignore adding jquery link in HEAD Tag, search-bar will work fine. In jquery i messed up something so i ended up using good old JavaScipt. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/WpbOwe Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 14281 Roneet Kumar
HowTo : Use Code Snippets in ATOM - Text Editor
 
01:59
In this video you will learn how to use code Snippets in ATOM text editor in 2 minutes. ~ syntax for writing snippets in ATOM ' file type ': ' snippet name ': 'prefix': ' snippet keyword ' 'body': ''' your code '''' ~ snippet keyword shoud be unique. ~ some of the file types HTML: text.html.basic CSS : source.css SASS : source.sass JavaScript : source.js Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 1050 Roneet Kumar
HowTo : Generate Random Colors on Webpage using Jquery
 
05:49
In this video you will learn how to generate random colors from array of colors with jquery in 5 minutes. Links :- ~ jquery :-https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js ~ Random Color Script :- https://codepen.io/roneetkumar/pen/Ndvgwg Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 1266 Roneet Kumar
Create Custom Scroll-Bar on Webpage
 
04:30
In this video you will learn how to create custom Scroll-Bar in 5 minutes. I have tested this on these browsers : - Google Chrome - Opera - Microsoft Edge - Firefox and it works in all of them regardless of any OS, but for Firefox you have add some vendor prefix 😅. Checkout the link for detailed info :- https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 4865 Roneet Kumar
Add, Remove and Toggle Classes with Jquery
 
05:23
In this video you will learn how to Add, Remove and Toggle Classes with Jquery in 5 minutes. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/KWPLvP ~ Jquery :- https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 720 Roneet Kumar
HowTo : Host Websites with Github Pages
 
01:59
In this video you will learn how to host websites with Github Pages in 2 minutes. Links :- ~ Github :- https://github.com ~ Github desktop client : https://desktop.github.com Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 90 Roneet Kumar
Copy/Store HTML Text in Clipboard using Jquery
 
03:59
In this video you will learn how to Store HTML Text in Clipboard using Jquery in 4 minutes. Links :- ~ Source Code :- https://codepen.io/roneetkumar/pen/NwBKgg ~ Jquery File :- https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 842 Roneet Kumar
Packages that i use in ATOM - Text Editor and Their Installation Guide
 
13:32
In this video you will learn which packages i use in ATOM - Text Editor and how to install them with Terminal. Links :- ~ Cheet-Sheet for Emmet Commands :- https://docs.emmet.io/cheat-sheet/ ~ Atom Packages and Themes :- 1. Emmet - https://atom.io/packages/emmet 2. Beautify - https://atom.io/packages/atom-beautify 3. Minimap - https://atom.io/packages/minimap 4. Pigments - https://atom.io/packages/pigments 5. Material UI - https://atom.io/themes/atom-material-ui 6. Monokai - https://atom.io/themes/monokai 7. Highlight Selected - https://atom.io/packages/highlight-selected 8. Color Picker - https://atom.io/packages/chrome-color-picker 9. File Icons - https://atom.io/packages/file-icons 10. Autocomplete Paths - https://atom.io/packages/autocomplete-paths Terminal Commands for Packages (without quotes) :- 1. Emmet - 'apm install emmet' 2. Beautify - 'apm install atom-beautify' 3. Minimap - 'apm install minimap' 4. Pigments - 'apm install pigments' 5. Material UI - 'apm install atom-material-ui' 6. Monokai - 'apm install monokai' 7. Highlight Selected - 'apm install highlight-selected' 8. Color Picker - 'apm install chrome-color-picker' 9. File Icons - 'apm install file-icons' 10. Autocomplete Paths - 'apm install autocomplete-paths' Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 481 Roneet Kumar
HowTo : Make Nav-Menu using Simple JavaScript
 
05:49
In this video you will learn how to make Nav-Menu using simple JavaScript in 5 minutes. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/VPxbOa Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 175 Roneet Kumar
HowTo : Sort List Items on Webpage
 
07:52
In this video you will learn how to sort list items on webpage with jquery in 10 minutes. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/BperaR Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 505 Roneet Kumar
Create Anchor Smooth Scrolling With Jquery
 
05:47
In this video you will learn how to create anchor smooth scrolling with jquery in 5 minutes. Links :- ~ jquery :-https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js ~ Scroll Script Snippet on Codepen :- https://codepen.io/roneetkumar/pen/mRwPrg Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 401 Roneet Kumar
HowTo : Make Material Design FAB without JavaScript
 
05:48
In this video you will learn how to make material design FAB without JavaScript in 5 minutes. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 237 Roneet Kumar
Make Google Maps Embed Responsive on Webpage
 
02:44
In this video you will learn how to make Google Maps embed responsive on webpage in 3 minutes. ~i have used same class names which is used in responsive youtube video embed. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 230 Roneet Kumar
make calculator web app in JADE and SASS
 
16:09
In this video you will learn how to make calculator web app with HTML, CSS and Jquery in 15 minutes. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/qRGNad Follow me on :- Twitter : https://twitter.com/iamroneet Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 161 Roneet Kumar
Download and Install Visual Studio with Offline Installer
 
01:50
In this video you will learn how to Download and Install Visual Studio with Offline Installer in 2 minutes. Links :- ~ Download Link :- https://www.visualstudio.com/downloads/ Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 554 Roneet Kumar
HowTo : Add Service Worker and Manifest in Web Application (PWA).
 
04:58
In this video you will learn how to add Service Worker in Progressive Web Applications in 5 minutes. Links :- ~ Source Code :- https://www.github.com/roneetkumar/colors Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 1432 Roneet Kumar
Create Responsive Material Card Grid
 
07:44
In this video you will learn how to create responsive material design CARD GRID. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 6435 Roneet Kumar
Make Website Mockup in Adobe Xd
 
06:45
In this video you will learn how to make a mockup in Adobe Xd for your Website in 8 minutes. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 1224 Roneet Kumar
Create Material Design Checkbox
 
05:47
In this video you will learn how to create material design checkbox with little jquery. Links :- ~ jquery :-https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js ~ material icons :- http://www.material.io/icons Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 773 Roneet Kumar
HowTo : Change Text Selection Colors with CSS
 
03:51
In this video you will learn how to change text SELECTION colors with CSS in 3 minutes. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 76 Roneet Kumar
Code a Website from Mockup with JADE and SASS
 
22:09
In this video you will learn how to code a website from mockup with Jade and Sass in 30 minutes. Links :- ~ Source Code :- https://codepen.io/roneetkumar/pen/NdELVM Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 349 Roneet Kumar
Timelapse @Mohindra College Patiala
 
00:13
Short Timelapse Video @Mohindra College Patiala
Views: 732 Roneet Kumar
HowTo : Make Fixed Nav-Bar using Sticky Position Property
 
03:55
In this video you will learn how to make material design FAB without JavaScript in 5 minutes. * keep in mind sticky position will work on firefox. In chrome you have enabled "experimental features" in chrome flags. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 704 Roneet Kumar
HowTo : Make Material Design Toggle without JavaScript
 
03:53
In this video you will learn how to make material design Toggle without JavaScript in 5 minutes. Links :- ~ Source Code http://codepen.io/roneetkumar/pen/MJGmxP Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 170 Roneet Kumar
HowTo : Align Webpage Elements with Classes
 
03:56
In this video you will learn how you can align elements on your web page with classes in 5 minutes. Links :- ~ Source Code :- http://codepen.io/roneetkumar/pen/zNjwyX Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 58 Roneet Kumar
Make YouTube Videos Responsive on Webpage
 
03:51
In this video you will learn how to make YouTube videos responsive on webpage in 5 minutes. Links :- Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 28 Roneet Kumar
HowTo : Setup JAVA and Environment Variable
 
02:15
In this video you will learn how to setup JAVA and Environment Variable in 2 minutes. Links :- ~ JAVA :- http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 14 Roneet Kumar
Sunset Timelapse in Patiala
 
00:13
Dramatic Timelapse Video In Patiala
Views: 104 Roneet Kumar
Create Responsive Full Screen Landing Page
 
02:15
In this video you will learn how to make responsive full screen landing page in 3 minutes. Follow me on :- Twitter : https://twitter.com/iamroneet G Plus : https://plus.google.com/+RoneetKumar Github : https://github.com/roneetkumar Codepen : https://codepen.io/roneetkumar
Views: 353 Roneet Kumar