HichamMiftah

callbacks - fullpage.js

A Pen by Álvaro on CodePen.

License.

HichamMiftah

GSAP animation

This is a fork of

Test of: http://greensock.com/forums/topic/6568-best-way-to-cycle-images/ by dmcknight

A Pen by hicham on CodePen.

License.

HichamMiftah

<div class="grid-layout">
    <div class="grid-item grid-item-1">item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 item 1 </div>
    <div class="grid-item grid-item-2">item 2</div>
    <div class="grid-item span-3 grid-item-3">item 3</div>
    <div class="grid-item grid-item-4">item 4</div>
    <div class="grid-item span-2 grid-item-5">item 5</div>
    <div class="grid-item grid-item-6">item 6</div>
    <div class="grid-item grid-item-7">item 7</div>
    <div class="grid-item grid-item-8">item 8</div>
    <div class="grid-item grid-item-9">item 9</div>

HichamMiftah

Flexbox Keyboard Typing Practice

Based off of: https://codepen.io/evilpaper/pen/dyyZjLQ

Changed the code and the keyboard style. Numbers work. Symbols just suck so. Clicking works visually but not for typing.

A Pen by Lisa on CodePen.

License.

HichamMiftah

<h1 class="title">Eyes on the screen</h1>
<div class="keyboard">
  <ul class="row row-0">
    <li class="pinky" id="esc">ESC</li>
    <li class="pinky" id="1">1</li>
    <li class="ring" id="2">2</li>
    <li class="middle" id="3">3</li>
    <li class="pointer1st" id="4">4</li>
    <li class="pointer2nd" id="5">5</li>
    <li class="pointer2nd" id="6">6</li>

HichamMiftah

Hamburger Menu

A simple hamburger menu for my article explaining how to create these menus

A Pen by Mikael Ainalem on CodePen.

License.

HichamMiftah

<div class="untitled">
	<div class="untitled__slides">
		<div class="untitled__slide">
			<div class="untitled__slideBg"></div>
			<div class="untitled__slideContent">
				<span>London</span> 
				<span>Scout</span>
				<a class="button" href="https://unsplash.com/@scoutthecity" target="/black">Unsplash Profile</a>
			</div>

HichamMiftah

Footer template

Footer template in css

A Pen by scanfcode on CodePen.

License.

HichamMiftah

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      

HichamMiftah

// Copyright (c) 2019, the Dart project authors.  Please see the AUTHORS file
// for details. All rights reserved. Use of this source code is governed by a
// BSD-style license that can be found in the LICENSE file.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override