Giter Site home page Giter Site logo

devanshuyadav / helpage Goto Github PK

View Code? Open in Web Editor NEW
11.0 1.0 14.0 2.11 MB

One-Stop solution for clumsy bookmarks. Designed with the intention to cut down the need for any regular browser's favorites tab, It lets you organize your custom bookmarks and most visited sites onto a basic HTML5 webpage.

Home Page: https://devanshuyadav.github.io/helpage/

License: GNU General Public License v3.0

HTML 40.42% JavaScript 42.43% SCSS 13.67% CSS 3.49%
website-development javascript htmlcss-project hacktoberfest

helpage's Introduction

helpage's People

Contributors

adarsh-jha16 avatar akhil30802 avatar ananyahere avatar aryankashyap7 avatar binayakbishnu avatar combe15 avatar devanshuyadav avatar guptasajal411 avatar light-200 avatar shikhar13012001 avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar

Forkers

guptasajal411 shivamprakashsp akhil30802 adarsh-jha16 ananyahere omsingh6902 schw18tz combe15 ilyas829 binayakbishnu aryankashyap7 harshpailkar saideekshithach tanujatummala

helpage's Issues

Suggestions on how to improve CSS

While looking at the project, I've noticed some quality of life issues with the CSS file or just how themes are implemented.

Consider using CSS at-rule: @media: prefers-color-scheme media feature.

This feature will automatically adjust theme settings without using any JS and it will always match the end user's selected preference. This will also prevent the Flash of White issue and the no theme issue when first asked for a name. You can learn more about this here: zwbetz.com/fix-the-white-flash-on-page-load

If you insist on using the buttons for theme selection, then it is best practice to not use the class switcher with the ".light". Instead, just only use ".dark" when using dark mode while the light mode remains the default.

in short, if you insist on using buttons for theme:

HTML code Theme
<body class="light_dark"> Light
<body class="light_dark dark"> Dark
<body class="light_dark light"> REMOVE

Also, the project's SCSS file is bloated. The file feels like someone just copied a regular CSS file and just renamed it into a .scss file. There are a lot of scss features not being taken advantage of.

Replace images with icons

All the images used should be replaced by icons.
for source, you may refer to font-awesome

In case you can't find a specific icon anywhere, we'll review that bookmark and look for the best possible option.

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.