MedRedha

accent: "#00f3bf"
background: "#0f1115"
foreground: "#ffffff"
details: "darker"
terminal_colors:
  normal:
    black: "#101116"
    red: "#ff0064"
    green: "#00ff9b"
    yellow: "#ff1e00"

MedRedha

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>Ansi 0 Color</key>
	<dict>
		<key>Alpha Component</key>
		<real>1</real>
		<key>Blue Component</key>
		<real>0.086274512112140656</real>

MedRedha

Keybase proof

I hereby claim:

• I am medredha on github.
• I am medredha (https://keybase.io/medredha) on keybase.
• I have a public key ASAxPs1_Ary9xBPf8UwyFugEVVnvBSBpJvUYVLyEhHfkzAo

To claim this, I am signing this object:

MedRedha

// SINCE IT'S A JSON FILE - PLEASE REMOVE ALL THE COMMENTS -
// You can trigger a local push notification on your simulator by either:
// 1. Change file extension from .json to .apns and Drag & Drop the payload.apns on the simulator
// 2. Use terminal with following commandline: xcrun simctl push booted [APP BUNDLE ID] payload.json
// ENJOY!! 🎉 

{
  "Simulator Target Bundle": "com.apple.mobilecal", // add app bundle id here Calendar app for example
  "aps": {
    "alert": {

MedRedha

//////// FILENAME.STYLE.TS ////////

import { Dimensions, Platform, StyleSheet } from 'react-native';

const { width, height } = Dimensions.get('window');

const styles = StyleSheet.create({
  mainContainer: {
    width,
    height,

MedRedha

Flutter Animated Splash

A simple & beautiful customizable Flutter animation to use as a Splash Screen !

####Github : https://github.com/MedRedha

#Enjoy 🎉

A Pen by Med Redha on CodePen.

MedRedha

Floating Back to Top Button with Smooth Scroll using CSS & JQuey

This type of button is most useful when we have a large amount of content in a single page that time we need this type of button going at the top of the page. Using CSS and JQuery, We can built better interface and make designable button.

When page is scroll down, then button automatically display on the page and when click on button then page will scroll and move on top of the page. Using this button, we can back to the top of the screen without manually scrolling.

A Pen by Rohan Hapani on CodePen.

License.

MedRedha

Button bubble effect

A hover effect using the gooey tricks (thanks to http://tympanus.net/codrops/2015/03/10/creative-gooey-effects/). Built for dribbble shot here https://dribbble.com/shots/2544738-Not-your-average-button

A Pen by Adrien Grsmto on CodePen.

License.

MedRedha

Hamburger Menu Animations

Four different menu animations for menu button toggle between hamburger, cross and back icon.

Prefer Dots? Go this way: https://codepen.io/Zaku/details/YjRqzB/

Additional Source: https://github.com/tamino-martinius/ui-snippets-menu-animations

A Pen by Tamino Martinius on CodePen.

MedRedha

<div class="page">
  <span class="menu_toggle">
    <i class="menu_open fa fa-bars fa-lg"></i>
    <i class="menu_close fa fa-times fa-lg"></i>
  </span>
  <ul class="menu_items">
    <li><a href="#"><i class="icon fa fa-signal fa-2x"></i> Moar</a></li>
    <li><a href="#"><i class="icon fa fa-coffee fa-2x"></i> Coffee</a></li>
    <li><a href="#"><i class="icon fa fa-heart fa-2x"></i> Please</a></li>
  </ul>