Skip to content

Instantly share code, notes, and snippets.

View thepembeweb's full-sized avatar
🛠️
Building...

Pemberai Sweto thepembeweb

🛠️
Building...
View GitHub Profile
@thepembeweb
thepembeweb / pipenv_cheat_sheet.md
Created December 30, 2020 13:43 — forked from bradtraversy/pipenv_cheat_sheet.md
Pipenv cheat sheet for common commands

Pipenv Cheat Sheet

Install pipenv

pip3 install pipenv

Activate

pipenv shell
@thepembeweb
thepembeweb / README.md
Created April 14, 2020 10:32 — forked from lopspower/README.md
Hexadecimal color code for transparency

Hexadecimal color code for transparency

Twitter

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

@thepembeweb
thepembeweb / only-number.directive.md
Created February 1, 2019 06:51 — forked from ahmeti/only-number.directive.md
Angular 5 - Only Number Input, Only Number Decimal

Angular 5 - Only Number Input, Only Number Decimal

Allow Only Numbers [0-9]

<input numeric numericType="number" type="text">

Allow Numbers & Decimals [0-9] [also only one dot]

<input numeric numericType="decimal" type="text">
@thepembeweb
thepembeweb / Button.js
Created November 20, 2018 12:11 — forked from nickw/Button.js
Cross-platform Button component for React Native
import React, { Component } from 'react';
import {
Text,
View,
Platform,
TouchableHighlight,
TouchableOpacity,
TouchableNativeFeedback,
} from 'react-native';
// @flow
import React, { Component } from 'react'
import { Image, Animated, View } from 'react-native'
type ProgressiveImageState = {
thumbnailOpacity: number,
key: string
}
@thepembeweb
thepembeweb / rn-scrollview-repeat-bg.js
Created November 16, 2018 16:01 — forked from sobstel/rn-scrollview-repeat-bg.js
React Native ScrollView repeated background
import React, { PropTypes, PureComponent } from 'react';
import { Image, ScrollView, } from 'react-native';
export default class ScrollViewWithBg extends PureComponent {
constructor (props) {
super(props);
this.state = {contentSize: {width: 0, height: 0}}
}
@thepembeweb
thepembeweb / React Native Easings
Created November 11, 2018 07:43 — forked from dabit3/React Native Easings
React Native Easing animations
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
Easing,
Animated,
@thepembeweb
thepembeweb / datgui-build.js
Created November 8, 2018 17:06 — forked from heaversm/datgui-build.js
Automatically build a dat gui from a javascript object
config = { //SAMPLE OBJECT - replace this with your data object
stroke: 2, //svg stroke value
opacity: 0.3, //0-1
offsetX: 120, //px
offsetY: 80,
fontWeight: 400, //css font-weight
fontSize: 12, //in px
changePositive: '\u25B4', //unicode character for up arrow
changeNegative: '\u25BE', //unicode character for down arrow
colorBlue: '#1190A3', //all hex colors will automatically use the addColor dat gui function

Commit Message Guidelines

Short (72 chars or less) summary

More detailed explanatory text. Wrap it to 72 characters. The blank
line separating the summary from the body is critical (unless you omit
the body entirely).

Write your commit message in the imperative: "Fix bug" and not "Fixed
bug" or "Fixes bug." This convention matches up with commit messages
@thepembeweb
thepembeweb / README.md
Created October 19, 2018 08:47 — forked from MoOx/README.md
frontend project Readme example

PROJECT BLAH BLAH

Requirements

For development, you will only need Node.js installed on your environement. And please use the appropriate Editorconfig plugin for your Editor (not mandatory).

Node

Node is really easy to install & now include NPM.