Skip to content

Instantly share code, notes, and snippets.

View gugadev's full-sized avatar
🌐
Web & Mobile

Gustavo gugadev

🌐
Web & Mobile
View GitHub Profile
@g00glen00b
g00glen00b / style.css
Created February 7, 2017 12:57
Stack Overflow - New navigation bar dark theme
@-moz-document domain("stackoverflow.com") {
body.newheader {
padding-top: 0;
}
.so-header {
background-color: #333;
position: relative;
}
@goyalmohit
goyalmohit / install-powershell-core-on-ubuntu16.sh
Last active February 14, 2019 07:33
Install PowerShell Core on Ubuntu 16.04
# Import the public repository GPG keys
curl https://packages.microsoft.com/keys/microsoft.asc | sudo apt-key add -
# Register the Microsoft Ubuntu repository
curl https://packages.microsoft.com/config/ubuntu/16.04/prod.list | sudo tee /etc/apt/sources.list.d/microsoft.list
# Update apt-get
sudo apt-get update
# Install PowerShell
@michaeljota
michaeljota / webpack-shell-plugin.js
Last active March 27, 2019 16:28
A webpack shell plugin to hock command after and before the build. All credits to original author: Yair Tavor. http://stackoverflow.com/a/35337516. I just classed it.
'use strict';
const exec = require('child_process').exec;
function puts(error, stdout, stderr) {
console.log(stdout);
}
class WebpackShellPlugin {
constructor(options) {
@Kvaibhav01
Kvaibhav01 / style.css
Created June 15, 2018 15:07
CSS file for Material ripple effect without JS
.container {
background-color: #c1c1c1;
height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.btn {
background-color: orange;
// This function converts the byte to the corresponding amount, be it kilo, mega, GB, etc.
const convertWeightByte = (byte) => {
let sizekiloByte = (byte / 1024);
let sizeMega = (sizekiloByte / 1024);
let sizeGigabyte = (sizeMega / 1024);
let sizeTerabyte = (sizeGigabyte / 1024);
let sizePetabyte = (sizeTerabyte / 1024);
let sizeExabyte = (sizePetabyte / 1024);
if(sizekiloByte > 0 && sizekiloByte <= 1024){
@paulmsmith
paulmsmith / keymap.cson
Created January 28, 2016 12:29
emmet + nunjucks in atom with snippets
'atom-text-editor[data-grammar="text html nunjucks"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
'atom-text-editor[data-grammar="source nunjucks"]:not([mini])':
'tab': 'emmet:expand-abbreviation-with-tab'
#https://github.com/atom/autocomplete-plus/issues/86#issuecomment-82661027
'atom-text-editor.autocomplete-active:not([mini])':
'tab': 'autocomplete-plus:confirm'
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:lottie/lottie.dart';
class NotiferChanges<T> {
final StreamController<T> _fetchDoneController = StreamController.broadcast();
changeNavigate(T data) {
_fetchDoneController.add(data); // send an arbitrary event
@skolhustick
skolhustick / next.config.js
Created February 15, 2020 07:50
next-js-pwa-setup
const withPWA = require('next-pwa')
module.exports = withPWA({
pwa: {
dest: 'public'
}
})
function withAuthentication(WrappedComponent) {
const ModifiedComponent = (props) => {
if (!props.isAuthenticated) {
return <Redirect to="/login" />;
}
return (<WrappedComponent { ...props } />);
};
const mapStateToProps = (state) => ({
@davidgljay
davidgljay / ComponentIndex.js
Last active June 12, 2022 19:22
Pattern for dynamically loading React components based on a config json object.
import config from '../config'
let components = {}
//For each component in the config fiel into an object
for (var i = config.length - 1; i >= 0; i--) {
components[config[i].name] = require(config[i].path).default
}
export default components