Rdbrennan / Akushun

Popular Japanese anime project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Weclome to Akushun ⛩

Goal: To learn core browser programming with flexbox, media queries, javascript events and visual effects with CSS.

Projects

Project 1 - Responsive Layouts with Flexbox

Things I learned:

● Manipulating flex containers and the flex-direction

● Grouping flex items and aligning each item

Project 2 - Adaptive Layouts with Media Queries

Things I learned:

● To make a responsive layout based on the width of the viewport

● How to create the "Holy Grail Layout"

Project 3 (Final)- Handling Events with JavaScript

Things I learned:

● Writing script functions and using DOM elements

● Adding event listeners and closures

Project 3 (Minimized)

Horizontal Listing
(Esc Pressed) Giant Listing

. . . . . . . . . . . . . . . . . . . . .

Things I learned:

● Visual effects with css

● Working with the transform property and state changes

● Timing effects and javascript transitions

● The cubic bezier

About

Popular Japanese anime project


Languages

Language:HTML 81.1%Language:CSS 12.8%Language:JavaScript 6.1%