Skip to content

Instantly share code, notes, and snippets.

View onuproy's full-sized avatar
🏠
Working from home

Onup Chandra Barmon onuproy

🏠
Working from home
25 followers · 61 following
View GitHub Profile
@onuproy
onuproy / gallery-load-more-or-less-images-on-click.markdown
Created June 28, 2019 12:02
Gallery: Load more (or less) images on click
@onuproy
onuproy / gallery-load-more-or-less-images-on-click.markdown
Created June 28, 2019 12:02
Gallery: Load more (or less) images on click
@onuproy
onuproy / index.html
Created June 28, 2019 12:38
Responsinator - Responsive Checker
<header class='opened' id='header'>
<h1 class='logo' data-title='ICB'></h1>
<div class='menu'>
<span class='selected icon-dar'>Alfin Media</span>
</div>
<div class='devices'>
<button class='device desk active'></button>
<button class='device tablet'></button>
<button class='device tablet-land'></button>
<button class='device phone'></button>
@onuproy
onuproy / index.html
Created July 6, 2019 04:24
Move background perspective on mouse move effect
<div class="wrap">
<div class="bg"></div>
<h1>Take a look around</h1>
</div>
<!-- Effect inspired by https://codepen.io/supah/pen/RrzREx -->
@onuproy
onuproy / index.html
Created July 9, 2019 18:59
Mobile UI preview tool
<div id="inner_wrap">
<!--The Main Thing-->
<div id="wrapper" style="perspective: 1300px;">
<div class="phone view_2" id="phone_1" style="width: 360px; height: 640px;">
<iframe src="http://designhooks.com" id="frame_1"></iframe>
</div>
</div>
<!--Controls etc.-->
@onuproy
onuproy / index.html
Created July 21, 2019 04:20
Disable mouse right-click
<script>
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler(){
return false;
}
function mousehandler(e){
@onuproy
onuproy / index.html
Created July 21, 2019 05:06
Copy Text to Clipboard
<!DOCTYPE html>
<html>
<body>
<p>Click on the button to copy</p>
<input type="text" value="Hello World" id="myInput">
<button onclick="myFunction()">Copy text</button>
<p>The document.execCommand() method is not supported in IE8 and earlier.</p>
@onuproy
onuproy / index.html
Created July 22, 2019 09:21
CSS user-select Property
<!DOCTYPE html>
<html>
<head>
<style>
div {
-webkit-user-select: none; /* Safari 3.1+ */
-moz-user-select: none; /* Firefox 2+ */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Standard syntax */
}
@onuproy
onuproy / style.css
Created July 22, 2019 09:24
How to remove the default arrow icon from a dropdown list (select element)?
select::-ms-expand {
display: none !important;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
@onuproy
onuproy / style.css
Created July 22, 2019 09:27
::placeholder color custom
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */