Skip to content

Instantly share code, notes, and snippets.

View moughamir's full-sized avatar
:shipit:
inspecting the elements

Mohamed Moughamir moughamir

:shipit:
inspecting the elements
91 followers · 346 following
View GitHub Profile
@moughamir
moughamir / future-sticky-navigation-with-glas-effect.markdown
Created March 23, 2026 14:15
Future Sticky Navigation with Glas Effect

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.

@moughamir
moughamir / index.html
Created March 2, 2026 15:15
Scroll Animation with Grid (Motion)
<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>
@moughamir
moughamir / index.html
Created March 2, 2026 14:56
Tubes Cursor (WebGL, WebGPU)
<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>
@moughamir
moughamir / index.html
Created July 19, 2023 17:21
Responsive Resume Template
<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>
@moughamir
moughamir / mysql_cheat_sheet.md
Created May 7, 2023 20:58 — forked from bradtraversy/mysql_cheat_sheet.md
MySQL Cheat Sheet

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

@moughamir
moughamir / bodymovin-test.markdown
Created February 19, 2021 14:03
Bodymovin Test
@moughamir
moughamir / sw.js
Created February 6, 2021 23:55
sw
"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];
@moughamir
moughamir / button.html
Last active February 6, 2021 22:50
pwa-install-promt.js
<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>
@moughamir
moughamir / reclaimWindows10.ps1
Created July 22, 2020 02:33 — forked from alirobe/reclaimWindows10.ps1
This Windows 10 Setup Script turns off a bunch of unnecessary Windows 10 telemetery, bloatware, & privacy things. Not guaranteed to catch everything. Review and tweak before running. Reboot after running. Scripts for reversing are included and commented. Fork of https://github.com/Disassembler0/Win10-Initial-Setup-Script (different defaults). N.…
##########
# Tweaked Win10 Initial Setup Script
# Primary Author: Disassembler <disassembler@dasm.cz>
# Modified by: alirobe <alirobe@alirobe.com> based on my personal preferences.
# Version: 2.20.2, 2018-09-14
# Primary Author Source: https://github.com/Disassembler0/Win10-Initial-Setup-Script
# Tweaked Source: https://gist.github.com/alirobe/7f3b34ad89a159e6daa1/
# Tweak difference:
#
# @alirobe's version is a subset focused on safely disabling telemetry, some 'smart' features and 3rd party bloat ...
@moughamir
moughamir / pre-commit
Created June 17, 2020 16:15 — forked from gsmendoza/pre-commit
Git pre-commit hook for image optimization.
#!/usr/bin/env ruby
require 'image_optim'
staged_files = `git diff --cached --name-only --diff-filter=ACM`.split("\n")
staged_files.select! { |f| f =~ %r{/images/} }
if staged_files.any?
image_optim = ImageOptim.new(pngout: false)