Home
Videos uploaded by user “Red Stapler”
7 Trending JavaScript Libraries in 2019
 
03:36
Top 7 upcoming and trending JavaScript libraries in 2019 that could be very useful for your projects. Source: https://redstapler.co/trending-javascript-libraries-2019/ Cleave.js Tutorial: https://youtu.be/xTvYT-zHRD4 Typed.js Tutorial: https://youtu.be/0l2SdoUYB6k Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 132443 Red Stapler
Top 5 Web Design Trends in 2019
 
04:52
5 Upcoming web design trends in 2019 and a collection of creative examples that will give you ideas and inspirations. Source: https://redstapler.co/web-design-trends-2019/ CSS Parallax Scrolling Tutorial: https://youtu.be/ln5BWnYMSQA Follow us on Facebook: https://www.facebook.com/theRedStapler Twitter: https://twitter.com/redStapler_twit Website: http://redstapler.co/
Views: 154572 Red Stapler
7 Best CSS Libraries in 2019
 
03:15
Top 7 CSS Styles and Animation libraries in 2019 that you should check out! Source: https://redstapler.co/7-best-css-libraries-2019/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 57412 Red Stapler
10 Stunning CSS 3D Effect You Must See
 
03:00
Cool CSS 3D effect that you should not miss! Light up your ideas for web design with 10 handpicked 3D CSS examples. Source code is available at: https://redstapler.co/10-stunning-css-3d-effect-must-see/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 683128 Red Stapler
7 Trending Javascript Library in 2018
 
03:20
In this video, we'll show you the best upcoming and trending javascript library and framework in 2018 that you should not miss. Source: https://redstapler.co/7-trending-javascript-library-in-2018/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 59550 Red Stapler
10 Best Codepen Creations You Must See
 
02:35
See the top 10 best codepen collection for all time. An inspiration and cool ideas from all web developers across the world! Source Code: https://redstapler.co/10-best-codepen-creation/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 20569 Red Stapler
Spring Boot Tutorial - Build JAR with Maven
 
02:07
How to package your Spring boot app and create an executable JAR file with maven in Eclipse and Spring Tool Suites
Views: 18963 Red Stapler
10 Awesome Web Design Inspiration 2018
 
03:34
*Updated* See 2019 Web Design Trends Video: https://youtu.be/fzwOBOjSto8 Checkout handpicked 10 cool web design ideas and inspiration for your project. CSS, jQuery plugin, Transition effect, 3D image rotation or even Starwars theme button! Source code: https://redstapler.co/10-awesome-web-design-inspiration-2018/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 284538 Red Stapler
How to Run Node.js and Apache Together
 
02:29
If you already have Apache/PHP server running but also want to run node.js application, in this tutorial, we will show you how to use ProxyPass directive to make your Apache able to run node.js on any url on the same server! Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 17790 Red Stapler
11 Pure CSS Hover Effect Ideas and Inspirations
 
02:35
In this video, we have put together 11+ awesome pure CSS hover effect on Codepen that might give you some ideas and inspirations for your website or dev project. No Javascript involved!! Link to each pen: https://redstapler.co/11-pure-css-hover-effect-ideas-and-inspirations/ *All credit goes to each respectful pen's creators.
Views: 11492 Red Stapler
10 Awesome CSS Hamburger Menu You Should See
 
02:35
A collection of 10 (+1 special) Awesome CSS Hamburger Menu you shouldn't miss to spark your web design idea! Source code is available at: https://redstapler.co/10-awesome-css-hamburger-menu/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 45820 Red Stapler
Barba.js Tutorial Part 1: Introduction
 
02:18
How Barba.js can enhance your HTML page transition by using push state API and AJAX. This will speed up your page load and reduce response time. Also opportunity to add animation or transition effect between your website's pages Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 15745 Red Stapler
How to parse JSON with VBA-JSON
 
03:26
Parse JSON in VBA with VBA-JSON parser! A step by step tutorial to read and access each JSON data element in Excel VBA Project page: https://github.com/VBA-tools/VBA-JSON
Views: 53157 Red Stapler
Geolocation API Tutorial - Get User Location with Javascript
 
02:53
How to use Geolocation API and javascript to get user location or country and show it on Google Maps. Also an example of using reverse geocoding technique to get the user street address with Google Maps API Source code: https://redstapler.co/detect-user-location-javascript/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 13602 Red Stapler
5 Cool Web Design Layout You Shouldn't Miss
 
03:33
Get a new ideas for your web design by checkout these 5 cool web design layout. Let's make your site stand out from the crowd! Credit: http://matthew.wagerfield.com/parallax/ http://masonry.desandro.com/ http://johnpolacek.github.io/superscrollorama/ http://ettrics.com/lab/demo/vertical-layout-navigation/ https://tympanus.net/Tutorials/ResponsiveHorizontalLayout/?chapter=4
Views: 52854 Red Stapler
10 Simple and Cool CSS Animation You Should See
 
02:12
A collection of simple yet cool CSS Animation and effect on codepen for web design inspiration. Please find links to the code (and tutorials for some of them) below All Source code: https://redstapler.co/10-simple-cool-css-animation/ Neon Text Tutorial: https://youtu.be/YiSzx0Cb8_8 Fire Effect Tutorial: https://youtu.be/_2miX4rxkJs
Views: 14551 Red Stapler
12 Cool CSS Buttons Ideas and Inspirations
 
02:19
Collection of 12 Pure CSS Button ideas and inspirations that could you with web design project. (With tutorial on one of them) Source code: https://redstapler.co/12-awesome-css-button-idea/ Flipable Twitter Button Tutorial: https://youtu.be/mcQ6MHhdKvU
Views: 44895 Red Stapler
4 Quickest Ways to Center Div with CSS
 
02:34
4 quickest CSS Methods to center div on screen or other div both vertically and horizontally. Source code: https://redstapler.co/4-ways-to-center-div-css/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 7777 Red Stapler
7 MUST HAVE VSCode Extensions for Web Developers
 
03:56
Best 7 Visual Studio Code Extensions that will boost up your productivity and save a lot of your time. Install/Download Link: https://redstapler.co/7-vscode-extension-webdev/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 8128 Red Stapler
Create Real-time Chart with Javascript | Plotly.js Tutorial
 
04:03
How to create real-time line chart with javascript using Plotly.js. The chart can be used to stream a real-time data with automatic update and scaling Source code: https://redstapler.co/javascript-realtime-chart-plotly/
Views: 19265 Red Stapler
PHPExcel Tutorial - How to install PHPExcel
 
01:58
How to install PHPExcel in your website project and a demonstration to read an xlsx file and display the content on the webpage. Example Code: https://gist.github.com/theredstapler/33ba8b8257e3f9ced3fb8dfb080e6795 PHPExcel: https://phpexcel.codeplex.com/
Views: 30859 Red Stapler
5 Cool CSS Button Effects You Should Check Out
 
03:16
Did you know that a nice css button effect can really enhance your website user experiences? We've picked the 5 cool CSS Button Effect that can be easily implemented in no time! Check out our website: https://redstapler.co/5-cool-css-button-effect-check/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 95311 Red Stapler
Use VB script to run Excel macro
 
03:53
How to use Visual Basic Script to run Excel macro with single click. This technique can be use with Windows Task Scheduler to fully automate the process. Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 79223 Red Stapler
Responsive CSS Video Background Tutorial
 
03:36
How to add responsive video background using pure CSS and HTML5. Supports all browser size and display static image for mobile devices. Source code: https://redstapler.co/responsive-css-video-background/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 6149 Red Stapler
Push.js Tutorial | Create Desktop Notification with Javascript
 
03:18
In this video, we'll talk about Push.js - A javascript library to send desktop notification. Learn how to setup, create a notification and customize the options of push.js. Full source code available below! Source Code: https://redstapler.co/push-js-tutorial-javascript-desktop-notification/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 28353 Red Stapler
Typed.js Tutorial in 3 Minutes
 
03:48
How to use typed.js and create typing animation in javascript. Learn how to setup and create an animation from scratch. Also add a cursor blinking effect and solve cursor line breaking issue on block display element. source code for this tutorial: https://redstapler.co/typed-js-tutorial/
Views: 15215 Red Stapler
How Javascript Causes Memory Leak
 
04:10
Example of how javascript causing memory leak and how to detect it with Chrome Memory profiler
Views: 3016 Red Stapler
5 Extremely Useful CSS Tools for Web Design
 
04:01
5 Awesome CSS tools to boost up your web design productivity and get the most from your skills! Source: https://redstapler.co/5-useful-css-tools-web-design/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 10821 Red Stapler
PHP LDAP Tutorial Part 3 - Authenticate User against Active Directory
 
02:49
How to authenticate user against Active Directory via PHP LDAP. Make your PHP web application user able to login using Active Directory credential. Example Code: https://gist.github.com/theredstapler/f440d9cf19c03094e6627cfca6aa1d8a LDAP Test Server: http://www.forumsys.com/en/tutorials/integration-how-to/ldap/online-ldap-test-server/
Views: 24802 Red Stapler
PHPExcel Tutorial - Export to Downloadable Excel file
 
03:18
Create and export Excel file (xls and xlsx) in PHP with PHPExcel and let user download the file Example Code:https://gist.github.com/theredstapler/d15101f3f275a79823324dbba54d3949 PHPExcel: https://phpexcel.codeplex.com/
Views: 33656 Red Stapler
How to Add Loading Animation to Website in 2 Minutes!
 
02:38
Add loading animation screen to website in just 2 minutes using event listener to hide the loader automatically when loading is completed. Source code: https://redstapler.co/add-loading-animation-to-website/ === Follow us on === Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 6238 Red Stapler
15 Stunning CSS Loading Animation You Should See
 
02:42
A collection of 15 cool, awesome and stunning Pure CSS Loading Animation for web design inspiration and ideas. Drop a comment on which one you like the most and want us to make the tutorial. Source Code: https://redstapler.co/15-stunning-css-loading-animation/ === Follow us on === Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 10629 Red Stapler
Electron Tutorial - Packaging the App
 
04:27
How to package Electron Desktop Application into executable file (ex. Windows .exe file) Plus how to hide source code into asar file
Views: 40476 Red Stapler
Stellar.js Tutorial - Part 1: Introduction
 
02:07
Stellar.js is a jQuery plugin for creating a parallax scrolling effect! This video is an introduction of making parallax scroll effect and how to setup Stellar.js with your website! Stellar.js: http://markdalgleish.com/projects/stellar.js/
Views: 6495 Red Stapler
5 CSS Login Form Design You Shouldn't Miss
 
02:08
If you're looking for CSS login form that is cute, cool, stunning, 3D effect, whatever. We've picked the top 5 for you. Let's see which CSS login form design that you like most!! Source code at: https://redstapler.co/5-cool-css-login-form-beautify-site/
Views: 31176 Red Stapler
Three.js Tutorial | Part 1: What is Three.js | Beginner
 
02:58
What is three.js and walkthrough of demo and example of three.js features. Also a basic steps of how to create a 3D cube on your website in a couple minutes. Source code: https://redstapler.co/three-js-tutorial-hello-world/
Views: 18858 Red Stapler
AWS Lambda Tutorial - API Gateway Integration
 
03:10
How to invoke AWS Lambda function via API Gateway. This video will show you how to create API, resource, method, lambda integration and deploy it to stage
Views: 6127 Red Stapler
Barba.js Tutorial Part 2: Installation
 
02:26
How to setup Barba.js to your website and demo of webpage transition after installed barba.js. Also explanation of barba.js process Part1: Tutorial: https://www.youtube.com/watch?v=0Ebul67CzaQ
Views: 8273 Red Stapler
How to Create CSS Drop Caps Effect
 
01:55
How to create a "drop caps" effect on the first letter of the paragraph with pure CSS in just 2 minutes! Source: https://redstapler.co/css-drop-caps-effect/ === Follow us on === Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit #CSSTutorial #CSSEffect #WebDesign
Views: 2271 Red Stapler
CSS Absolute vs Relative Position EXPLAINED!
 
03:55
What's the difference between CSS position absolute and relative. This tutorial will explain them all in just 3 minutes! === Follow us on === Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 5282 Red Stapler
AWS Lambda Tutorial - Connect to MySQL
 
05:46
How to connect your Lambda function to MySQL RDS on AWS. This tutorial will show you how to test your code locally, connect to RDS MySQL and create a deployment package using Node.js Source Code at: https://redstapler.co/tutorials/aws-lambda-tutorial-rds-mysql/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 20111 Red Stapler
JIRA REST API Tutorial - Introduction
 
02:25
Quick overview and example how to use JIRA REST API and example how to pull JIRA data to Excel via REST API using VBA. The data will be returned in JSON format which can be easily parse by javascript or even Excel
Views: 38841 Red Stapler
Fabric.js Tutorial - Part 1: Introduction
 
02:45
A tutorial of Fabric.js HTML5 canvas javascript library. Learn how to setup Fabric.js and control canvas element as an object Fabric.js: http://fabricjs.com/
Views: 19048 Red Stapler
Top 5 Code Editors for Web Developers in 2019
 
03:30
What is the most popular and practical code editors for web developer in 2019. Let's check it out! Source: https://redstapler.co/top-5-code-editors-web-dev-2019/ === Follow us on === Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 8072 Red Stapler
5 Javascript Common Mistakes You should Avoid
 
04:53
A list of top 5 common JavaScript mistakes for beginners and junior developers that you should know and avoid while coding
Views: 5119 Red Stapler
Stylelint Tutorial - CSS Linter for VSCode
 
03:30
How to install Stylelint VSCode extension and setup CSS Linter rules and config file for your project! stylelint: https://stylelint.io/
Views: 8130 Red Stapler
How to Scan and Remove Unused CSS Properties | PurgeCSS Tutorial
 
04:17
How to scan and remove any unused CSS properties easily with purgecss. A Node.js Tool that will analyze your HTML/JS and automatically clean up all unused CSS for you! Project Link: https://www.purgecss.com/
Views: 9342 Red Stapler
BEST Sass Compiler for VSCode EVER?
 
03:53
Live Sass Compiler Extension for VS Code is probably the best Sass/SCSS compiler ever. It features live compile when you save it, customizable CSS output location to anywhere you want, live reload to browsers immediately when the new CSS is generated and shortcut buttons on vscode status bar for quick control. Check out how to boost up your productivity with this extension! Link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass
Views: 3650 Red Stapler
16 Awesome Pure CSS Text Effect You Should Try!
 
03:39
Pure CSS text effect that you should check out! In this video, we have handpicked the best CSS text effect on Codepen. Text can be selected, edited and indeable by search engine. Source Code: https://redstapler.co/16-awesome-pure-css-text-effect-you-should-try/ Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 49151 Red Stapler
Stunning Pure CSS Parallax Scrolling | 5 Minutes Tutorial
 
05:46
Pure CSS parallax effect tutorial to make elements scroll with different speed. You'll find a detailed explanation from scratch to a cool parallax scrolling website. All in 5 minutes! Parallax Source Code: https://redstapler.co/css-parallax-scrolling-effect/ Animated Snow Background Tutorial: https://youtu.be/8eyAoBBucHk Follow us on Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 12500 Red Stapler