Skip to content

Instantly share code, notes, and snippets.

View ratul16's full-sized avatar
🎯
Focusing

Hasibul Alam Ratul ratul16

🎯
Focusing
55 followers · 35 following
View GitHub Profile
@ratul16
ratul16 / Editor Js Dummy Data
Last active September 15, 2020 06:12
{
"blocks": [
{
"type": "header",
"data": {
"text": "Editor.js",
"level": 2
}
},
{
@ratul16
ratul16 / gist:1abf383e1f80575fc5aca508e72590cd
Created September 1, 2020 07:36 — forked from rxaviers/gist:7360908
Complete list of github markdown emoji markup

People

:bowtie: :bowtie: 😄 :smile: 😆 :laughing:
😊 :blush: 😃 :smiley: ☺️ :relaxed:
😏 :smirk: 😍 :heart_eyes: 😘 :kissing_heart:
😚 :kissing_closed_eyes: 😳 :flushed: 😌 :relieved:
😆 :satisfied: 😁 :grin: 😉 :wink:
😜 :stuck_out_tongue_winking_eye: 😝 :stuck_out_tongue_closed_eyes: 😀 :grinning:
😗 :kissing: 😙 :kissing_smiling_eyes: 😛 :stuck_out_tongue:
@ratul16
ratul16 / JSpdf and Html2canvas
Created August 23, 2020 08:49
//Html
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<button type="button" class="btn btn-primary" id="pdfDownloader">Download</button>
<div id="printDiv">
@ratul16
ratul16 / Dummy Product data
Last active August 11, 2020 08:20
{
{
"id":123,
"name": "Mango",
"icon": "🥭",
"price": 100,
"unit": "Kg",
"type": "fruit"
},
{
@ratul16
ratul16 / Css Pulse Effect
Last active June 8, 2020 06:46
Simple Box-shadow pulse effect
.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
ratul16 / Page Scrollbar styling
Created June 1, 2020 07:00
Customize your page scrollbar with as you see fix
::-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);
@ratul16
ratul16 / Vue Route Transition
Created June 1, 2020 06:47
Simple and easily transition effect for vue page routing
<template>
<v-app id="app">
<transition name="fade" mode="out-in">
<router-view />
</transition>
<AppBar />
</v-app>
</template>
@ratul16
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. 😋
<!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
ratul16 / Jquery Scroll Animation
Last active June 12, 2020 09:30
A simple jquery scroll animation for going from one position to another
$(".page-scroll").click(function () {
var href = $(this).attr('href')
$('html, body').animate({
scrollTop: $(`${href}`).offset().top - 70
}, 1000);
});
@ratul16
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
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) {