Pens from Mounir Abderrahmani https://codepen.io/mounir1/ en nospam@codepen.io Copyright 2024 2019-11-09T14:20:36-07:00 Two tables and header with jspdf-autotable https://codepen.io/mounir1/pen/RwwJqww https://codepen.io/mounir1/pen/RwwJqww Mounir Abderrahmani

See the Code - See it Full Page - See Details

For stackoverflow question: http://stackoverflow.com/questions/33743540/problems-with-jspdf-and-autotable

]]>
Two tables and header with jspdf-autotable 2019-11-09T14:20:36-07:00
Animated SVG Avatar https://codepen.io/mounir1/pen/ZxxLvJ https://codepen.io/mounir1/pen/ZxxLvJ Mounir Abderrahmani

See the Code - See it Full Page - See Details

Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the animating. Email validation is very simple and crude just for the purposes of getting this prototype working.

]]>
Animated SVG Avatar 2018-03-30T06:48:24-07:00
Twitter Api https://codepen.io/mounir1/pen/LdevmR https://codepen.io/mounir1/pen/LdevmR Mounir Abderrahmani

See the Code - See it Full Page - See Details

Day 22 of 100 This is an API that you can attach to your website an watch in Real time multiple posts from your twitter account. You can configure almost everything

]]>
Twitter Api 2018-03-28T15:07:18-07:00
Draw Like Never Before https://codepen.io/mounir1/pen/JLMVvX https://codepen.io/mounir1/pen/JLMVvX Mounir Abderrahmani

See the Code - See it Full Page - See Details

Day: 11 of 100 Click and mouse the mouse to draw whatever you like. You can change the drawing pen from the script. This project was inspired by: https://javascript30.com

]]>
Draw Like Never Before 2018-03-28T15:07:16-07:00
Play Sounds! https://codepen.io/mounir1/pen/EEoJLj https://codepen.io/mounir1/pen/EEoJLj Mounir Abderrahmani

See the Code - See it Full Page - See Details

Day: 2 of 100 (#100DaysOfCode) Hit the buttons and you will here some sounds! You can click only [A, S, D , F , G , H , J, K , L]. Other buttons don't do anything... This project was inspired by: https://javascript30.com Sounds are from here: http://www.findsounds.com/ISAPI/search.dll

]]>
Play Sounds! 2018-03-28T15:07:11-07:00
Collision Detection Hit Game Enemies https://codepen.io/mounir1/pen/MVrRVd https://codepen.io/mounir1/pen/MVrRVd Mounir Abderrahmani

See the Code - See it Full Page - See Details

Day: 6 of 100 Play the game to crash the rocks before they destroy you! Object collision detection on the canvas with JavaScript for games and more. Collision detection is the act of detecting when specific objects come into contact with one another and then programming some resulting effect of that collision. We are going to be putting the logic into a video game programming scenario to best demonstrate detecting collisions for multiple objects simultaneously. Inspiration code from here: https://www.developphp.com/video/JavaScript/Collision-Detection-Hit-Game-Enemies

]]>
Collision Detection Hit Game Enemies 2018-03-28T15:06:59-07:00
AJAX call sample / newsapi.org https://codepen.io/mounir1/pen/WzZgPN https://codepen.io/mounir1/pen/WzZgPN Mounir Abderrahmani

See the Code - See it Full Page - See Details

to be implemented on OWeb platform.

]]>
AJAX call sample / newsapi.org 2018-03-27T08:52:21-07:00
Hotech files https://codepen.io/mounir1/pen/eVPrVX https://codepen.io/mounir1/pen/eVPrVX Mounir Abderrahmani

See the Code - See it Full Page - See Details

]]>
Hotech files 2018-02-26T12:34:23-07:00
kucuk gallery https://codepen.io/mounir1/pen/vWyRJb https://codepen.io/mounir1/pen/vWyRJb Mounir Abderrahmani

See the Code - See it Full Page - See Details

]]>
kucuk gallery 2017-11-08T14:59:51-07:00
kucuk gallery https://codepen.io/mounir1/pen/dZOmzg https://codepen.io/mounir1/pen/dZOmzg Mounir Abderrahmani

See the Code - See it Full Page - See Details

]]>
kucuk gallery 2017-11-08T15:05:42-07:00