Git Product home page Git Product logo

singledivproject's Introduction

SingleDivProject

Single Div CSS

☝️ One <div>. Many possibilities.

What is this?

This project focuses on exploring all the possibilities that can be done with a single <div> element using CSS only.

Why?

  1. Great way to explore CSS properties.
  2. Restrictions forces you to learn new properties and different ways to do particular styling.
  3. Because we can.

How to contribute?

Please go through the Contributions guidelines before sending a pull request.

Reddit threads

  1. What all can you do with a single <div> element using pure CSS? Check this out! on /r/programming/
  2. One <div>. Many possibilities. on /r/web_design/
  3. One <div>. Many possibilities. on /r/coolgithubprojects/

Demos

Designs

Project Name Your Name / Github Handle Demo/Gif
Battery ManrajGrover
Hamburger Menu ManrajGrover
New Instagram Logo ManrajGrover

Loaders

Project Name Your Name / Github Handle Demo/Gif
Awesome Dots ManrajGrover
Bouncing Ball mtacchino
Box Loader AnubrataDS
Clock richardj
Dot Loader aaroniker
Fill up ManrajGrover
Iron Factory NorthernTwig
Revolving Circles dcrousso
Revolving Dots dcrousso
Ripple Effect ManrajGrover
Play Loader ManrajGrover
Simple Spinner ManrajGrover
Simple Text Loader ManrajGrover
Melting Ice Cream Loader TaranVohra

Flags

Project Name Your Name / Github Handle Demo
Armenia ManrajGrover
Austria ManrajGrover
Bahamas ManrajGrover
Bangladesh ManrajGrover
Belgium AndyMathys
Brazil esganzerla
Bulgaria ManrajGrover
Chile adavis46
Canada Scott Kaye
Cameroon 1forh
Colombia DHernandex
Czech Republic fadilf
Denmark jacksarick
England TheWebartist
Finland jacksarick
France ManrajGrover
Germany ManrajGrover
Greece jdhoek
Hungary jabbalaci
India fadilf
Indonesia karuna
Ireland skeevey
Israel hillai
Italy ManrajGrover
Ivory Coast skeevey
Japan ManrajGrover
Laos jamcgrath
Latvia vasiljevs
Lithuania fosron
Nigeria skeevey
Pakistan ObaidAshraf
Poland mschweichler
Puerto Rico aallfredo and jorluiseptor PuertoRico
Russia ad222kr
Senegal Death259
South Africa DHernandex
Sierra Leone ts96
Suriname adavis46
Sweden jacksarick
Switzerland thijswerrij
Syria iSWORD
Taiwan amowu
Texas domspad
Thailand jamcgrath
The Netherlands jdhoek
Turkey mehmetuken
United Kingdom jdhoek
United States of America jdhoek
Yemen Death259

Tools

Project Name Your Name / Github Handle Demo/Gif
Box Breathing gnclmorais

License

MIT © Manraj Singh

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.