Hasibul Alam Ratul ratul16
👨💻
ratul16
/ hyper config
Last active
December 8, 2018 11:17
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Future versions of Hyper may add additional config options, | |
| // which will not automatically be merged into this file. | |
| // See https://hyper.is#cfg for all currently supported options. | |
| module.exports = { | |
| config: { | |
| // choose either `'stable'` for receiving highly polished, | |
| // or `'canary'` for less polished but more frequent updates | |
| updateChannel: 'stable', |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ##Javascript | |
| $(function(){ | |
| $(".typed").typed({ | |
| strings: ["Developers.", "Designers.", "People."], | |
| stringsElement: null, | |
| typeSpeed: 30, | |
| startDelay: 1200, | |
| backSpeed: 20, | |
| backDelay: 500, | |
| loop: true, |
ratul16
/ weather app
Created
August 8, 2019 08:50
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| console.log("hello") | |
| function weather() { | |
| function weatherData(val) { | |
| return new Promise(function (resolve, reject) { |
ratul16
/ node_cheerio_scraping.js
Created
February 21, 2020 16:11
— forked from bradtraversy/node_cheerio_scraping.js
Simple example to scrape some posts and put into a CSV file using Node & Cheerio
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const request = require('request'); | |
| const cheerio = require('cheerio'); | |
| const fs = require('fs'); | |
| const writeStream = fs.createWriteStream('post.csv'); | |
| // Write Headers | |
| writeStream.write(`Title,Link,Date \n`); | |
| request('http://codedemos.com/sampleblog', (error, response, html) => { | |
| if (!error && response.statusCode == 200) { |
ratul16
/ Jquery Scroll Animation
Last active
June 12, 2020 09:30
A simple jquery scroll animation for going from one position to another
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(".page-scroll").click(function () { | |
| var href = $(this).attr('href') | |
| $('html, body').animate({ | |
| scrollTop: $(`${href}`).offset().top - 70 | |
| }, 1000); | |
| }); |
ratul16
/ Simple Svg Animation
Last active
April 7, 2020 12:18
Replace the SVG img with your own and it will work just fine. Play round with the styles and make your own animation. 😋
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Svg animation</title> | |
| <style> | |
| .svgBox{ | |
| position: absolute; | |
| top: 50%; |
ratul16
/ Vue Route Transition
Created
June 1, 2020 06:47
Simple and easily transition effect for vue page routing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <template> | |
| <v-app id="app"> | |
| <transition name="fade" mode="out-in"> | |
| <router-view /> | |
| </transition> | |
| <AppBar /> | |
| </v-app> | |
| </template> | |
ratul16
/ Page Scrollbar styling
Created
June 1, 2020 07:00
Customize your page scrollbar with as you see fix
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ::-webkit-scrollbar { | |
| width: 0px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .pulseEffect { | |
| /* width: 80px; | |
| background: rgba(40, 167, 69,1); */ | |
| box-shadow: 0 0 0 0 rgba(40, 167, 69,1); | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { | |
| /* transform: scale(0.95); */ |
ratul16
/ Dummy Product data
Last active
August 11, 2020 08:20
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| { | |
| "id":123, | |
| "name": "Mango", | |
| "icon": "🥭", | |
| "price": 100, | |
| "unit": "Kg", | |
| "type": "fruit" | |
| }, | |
| { |
OlderNewer