hatemhosny

Untitled Project

This project was created by Hatem Hosny on LocalPen.

hatemhosny

Angular 6 starter

Angular 6 started kit

A Pen by Daniel Kocsan on CodePen.

License.

hatemhosny

3D CSS Plane 😎 (Tap to Toggle + Mouse Move Parallax)

A Pen by Jhey on CodePen.

License.

hatemhosny

mixin drawer(pos, text)
  .chest-drawer(class=`chest-drawer--${pos}`)
    details
      summary
    .chest-drawer__structure
      .chest-drawer__panel.chest-drawer__panel--left
      .chest-drawer__panel.chest-drawer__panel--right
      .chest-drawer__panel.chest-drawer__panel--bottom
      .chest-drawer__panel.chest-drawer__panel--back= text

hatemhosny

// TypeScript's inference can get you very far, but there
// are lots of extra ways to provide a richer way to document
// the shape of your functions.

// A good first place is to look at optional params, which
// is a way of letting others know you can skip params.

let i = 0;
const incrementIndex = (value?: number) => {
  i += value === undefined ? 1 : value;

hatemhosny

CSS Layout: Media Queries and Responsive Design

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/rwd_skills

A Pen by Germán Freixinós López on CodePen.

License.

hatemhosny

HTML Project

A Pen by Hatem Hosny on CodePen.

License.

hatemhosny

CSS Card Flip On Hover

A Pen by Ananya Neogi on CodePen.

License.

hatemhosny

<!-- HORIZONTAL -->
<nav id="hmenu">
  <section>
    <div class="active"><a>First</a></div>
    <div><a>Second</a></div>
    <div><a>One more</a></div>
    <div><a>XBox</a></div>
    <div><a>Menu</a></div>
    <div><a>Last</a></div>
  </section>

hatemhosny

Full Page Parallax Scroll Effect

A lightweight full page parallax scroll effect.

A Pen by Emily Hayman on CodePen.

License.