Skip to content

Instantly share code, notes, and snippets.

View anisur3036's full-sized avatar
🏠
Working with vuejs and tailwindcss

Anisur Rahman anisur3036

🏠
Working with vuejs and tailwindcss
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Document Title</title>
<link rel="stylesheet" href="">
</head>
<body>
<h1>Hello World1</h1>
@anisur3036
anisur3036 / package.json
Last active April 29, 2018 09:26
Browser Sync
{
"name": "Browser Sync",
"version": "1.0.0",
"description": "This is a browser sync test script",
"main": "index.js",
"author": "Anis",
"license": "MIT",
"scripts": {
"browsersync": "browser-sync start --server --files '**/*.css, **/*.html, **/*.js' --directory --port 7777"
},
@anisur3036
anisur3036 / .bablerc
Last active December 20, 2020 11:15
Tailwindcss with Gulp
{
"presets": ["env"]
}
@anisur3036
anisur3036 / index.html
Created May 7, 2018 06:43
Smooth scrolling to anchor with pure javascript
<div class="container">
<div class="filler anchor" id="anchor1">anchor1</div>
<div class="links">
<a id="anchor1Link" href="#anchor1">Anchor 1</a>
<a id="anchor2Link" href="#anchor2">Anchor 2</a>
<a id="anchor3Link" href="#anchor3">Anchor 3</a>
<a id="anchor4Link" href="#anchor4">Anchor 4</a>
</div>
<div class="longText">
<p>This is a line, and there will be more after me.</p>
@anisur3036
anisur3036 / install-php7.2-mcrypt.sh
Created June 12, 2018 03:13 — forked from arzzen/install-php7.2-mcrypt.sh
Install PHP 7.2 MCrypt extension
## How to install mcrypt in php7.2
##
## https://lukasmestan.com/install-mcrypt-extension-in-php7-2/
##
#
# Check version php and pecl
#
php -v # if default php is not 7.2 then use /usr/bin/php7.2 instead php
@anisur3036
anisur3036 / Form.html
Created June 25, 2018 05:16
Form Markup
<form id="myForm" action="#" method="post">
<div>
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" tabindex="1">
</div>
<div>
<h4>Radio Button Choice</h4>
@anisur3036
anisur3036 / index.html
Created July 17, 2018 15:26
html5-starter-tmpl
<!doctype html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
@anisur3036
anisur3036 / index.pug
Created September 9, 2018 08:58
Pure CSS toggle buttons
h2 Toggle 'em
ul.tg-list
li.tg-list-item
h4 Light
input#cb1.tgl.tgl-light(type = "checkbox")
label.tgl-btn(for = "cb1")
li.tg-list-item
h4 iOS
input#cb2.tgl.tgl-ios(type = "checkbox")
label.tgl-btn(for = "cb2")
@anisur3036
anisur3036 / git.sh
Created July 10, 2019 13:38
Git cheat sheet
#edit something in git repo
git checkout -b newBranch
#first creating new branch
#then add/edit/delete some file
#then if is ok then switch to master branch
#and merge it
git merge newBranch
@anisur3036
anisur3036 / easing.css
Created February 25, 2020 11:34 — forked from adamwathan/easing.css
Easing CSS variables
:root {
--ease-in-quad: cubic-bezier(.55, .085, .68, .53);
--ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
--ease-in-quart: cubic-bezier(.895, .03, .685, .22);
--ease-in-quint: cubic-bezier(.755, .05, .855, .06);
--ease-in-expo: cubic-bezier(.95, .05, .795, .035);
--ease-in-circ: cubic-bezier(.6, .04, .98, .335);
--ease-out-quad: cubic-bezier(.25, .46, .45, .94);
--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);