Code Monkey home page Code Monkey logo

simple-html-css-projects's Introduction

01 - EdgeLedger web page

I focused full of CSS with this project. This is nice project who wants to dive into Css Flexbox and basics HTML elements. Only thing I used for styling is basic css. Also I used css variables and utilities to use some classes later on somewhere else

Main goal is:

  • Creating reusable classes.
  • Practicing variables with Css
  • Practicing CSS Flexbox

Exchange Rate

02 - News Web

In this project I fully focused CSS Grip. I created template full of grids. It's great to understand this approach of CSS. It's a quite smoth project for this goal. Also I practice reusable classes in this project too, such as .btn .primary.If you want to learn and practice those things, you are welcome to took this example and move forward.

Main goal is:

  • Creating reusable classes.
  • Practicing variables with Css
  • Practicing CSS Grid

Exchange Rate

03 - Hamburger Menu Without Javascript

This is not useful way to do hamburger menu but still I wanted to try it. For me it was experimental.

Main goal is:

  • Make checkbox to hambuger menu

Exchange Rate

04 - Menu Slider

In this project I use little bit of vanilla Js to add couple of events. It's really easy to make menu slider with just css. I made this just a tiny animation. It's a smooth display to use.

Main goal is:

  • Make slider with Css
  • Practice some basic Css

Exchange Rate

simple-html-css-projects's People

Contributors

dependabot[bot] avatar orhanozkercin avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.