Mohamed Moughamir moughamir

version: alpha name: Daisy Days — Frame (video / frame layer) description: > Video-first companion to Daisy Days' design.md. The unit is the frame (1920×1080). Atoms are identical and sacred — the sunny-garden pastel palette (cream + turquoise/pink/butter/mint/ lavender/peach/sky + coral accent), charcoal 3px outlines, hard offset shadows (6/4px, no blur), the Fredoka + Caveat pairing, generous radii, headline text-shadow on color, dot bullets, and the hand-drawn SVG ornament layer. Composition + frame scale rewritten. Motion out of scope. unit: the frame — 1920×1080 primary; 9:16 and 1:1 documented

Future Sticky Navigation with Glas Effect

A really cool modern sticky navigation with a glass effect and a menu button. Only Vanilla JS and (S)CSS.

A Pen by Benjamin Koehler on CodePen.

License.

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

Mac /usr/local/mysql/bin
Windows /Program Files/MySQL/MySQL version/bin
Xampp /xampp/mysql/bin

Add mysql to your PATH

Bodymovin Test

Simple test of the Bodymovin extension for After Effects. Created in Illustrator and animated in AE, converting to SVG animation was stupid easy.

https://github.com/bodymovin/bodymovin

A Pen by Mohamed Moughamir on CodePen.

License.

	<body>
	<div class="content-wrap">
	<header>
	<h1 class="fluid">let's<br />scroll.</h1>
	<h2 class="fluid">Origionally from
	<a href="https://codepen.io/jh3y/pen/VYZwOwd" target="_blank">Jhey →</a>, converted to Motion
	</h2>
	</header>
	<main>
	<section>

	<body>
	<div class="content-wrap">
	<header>
	<h1 class="fluid">let's<br />scroll.</h1>
	<h2 class="fluid">Origionally from
	<a href="https://codepen.io/jh3y/pen/VYZwOwd" target="_blank">Jhey →</a>, converted to Motion
	</h2>
	</header>
	<main>
	<section>

	<div id="app">
	<canvas id="canvas"></canvas>
	<div class="hero">
	<h1>Tubes</h1>
	<h2>Cursor</h2>
	<a target="_blank" href="https://www.framer.com/@kevin-levron/">Framer Component</a>
	</div>
	</div>

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<div class="resume-wrapper">
	<section class="profile section-padding">
	<div class="container">
	<div class="picture-resume-wrapper">
	<div class="picture-resume">
	<span><img src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/128.jpg" alt="" /></span>
	<svg version="1.1" viewBox="0 0 350 350">

	<defs>

	"use strict";

	/**
	* Service Worker of MoNetWork
	*/

	const cacheName = "m.monetwork.ma";
	const startPage = "https://m.monetwork.ma";
	const offlinePage = "https://m.monetwork.ma";
	const filesToCache = [startPage, offlinePage];

	<div class="prompt">
	<p>Install the app in your device</p>
	<button type="button" class="prompt__install">Yes Please</button>
	<button type="button" class="prompt__close">No Thanks</button>
	</div>
	<style>
	.prompt {
	display: none;
	}
	</style>