Skip to content

Instantly share code, notes, and snippets.

View mushfiqweb's full-sized avatar

Mushfiqur Rahman mushfiqweb

84 followers · 353 following
View GitHub Profile
@mushfiqweb
mushfiqweb / style.css
Created May 3, 2017 21:55
.inputfile:focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
@mushfiqweb
mushfiqweb / style.css
Created May 3, 2017 21:57
<label for="file"><strong>Choose a file</strong></label>
.inputfile + label * {
pointer-events: none;
}
@mushfiqweb
mushfiqweb / fileuploader.js
Last active May 3, 2017 21:58
<input type="file" name="file" id="file" class="inputfile" data-multiple-caption="{count} files selected" multiple />
var inputs = document.querySelectorAll( '.inputfile' );
Array.prototype.forEach.call( inputs, function( input )
{
var label = input.nextElementSibling,
labelVal = label.innerHTML;
input.addEventListener( 'change', function( e )
{
var fileName = '';
@mushfiqweb
mushfiqweb / file.html
Created May 3, 2017 22:00
<html class="no-js">
<head>
<!-- remove this if you use Modernizr -->
<script>(function(e,t,n){var r=e.querySelectorAll("html")[0];r.className=r.className.replace(/(^|\s)no-js(\s|$)/,"$1js$2")})(document,window,0);</script>
</head>
</html>
@mushfiqweb
mushfiqweb / style.css
Created May 3, 2017 22:01
.js .inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.no-js .inputfile + label {
@mushfiqweb
mushfiqweb / fileuploader.css
Created May 3, 2017 22:02
input.addEventListener( 'focus', function(){ input.classList.add( 'has-focus' ); });
input.addEventListener( 'blur', function(){ input.classList.remove( 'has-focus' ); });
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
@mushfiqweb
mushfiqweb / script.jsx
Created May 4, 2017 17:45
class MyComponent extends React.Component {
// when the component is added to the DOM...
componentDidMount() {
window.addEventListener(‘resize’, this.onResizeHandler);
}
// when the component is removed from the DOM...
componentWillUnmount() {
window.removeEventListener(‘resize’, this.onResizeHandler);
}
@mushfiqweb
mushfiqweb / script.js
Created May 4, 2017 17:47
class MyComponent extends React.Component {
// only re-render if the ID has changed!
shouldComponentUpdate(nextProps, nextState) {
return nextProps.id === this.props.id;
}
}
@mushfiqweb
mushfiqweb / checkinternet.cs
Created May 20, 2017 23:48
public void checkinternet()
{
var connection = NetworkInformation.GetInternetConnectionProfile();
bool status = (connection != null &&
connection.GetNetworkConnectivityLevel() == NetworkConnectivityLevel.InternetAccess);
}
@mushfiqweb
mushfiqweb / NetworkInformation_NetworkStatusChanged.cs
Created May 20, 2017 23:50
NetworkInformation.NetworkStatusChanged += NetworkInformation_NetworkStatusChanged;
void NetworkInformation_NetworkStatusChanged(object sender)
{
if (DeviceNetworkInformation.IsNetworkAvailable)
{
//do you task
}
}