Code Monkey home page Code Monkey logo

litest's People

Contributors

sorakime avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

litest's Issues

更新したいこと

修正

  • ライトモードへの全対応
  • Locker(*1)を引っ張る時のアニメーションをもっと軽く
  • Locker(*1)およびDockのブラーの演出

書きたいことだけ書きます。

LockerおよびDockのブラーの演出

今現在、

dock-bar::before{
  content: '';
  display: block;
  position: absolute;
  top: 0; left: -400px;
  background: var(--background);
  background-clip: content-box;
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
  width: calc(100% + 400px); height: 110%;
  padding: 0;
  z-index: -1;
  filter: blur(30px) brightness(90%);
}

としてブラーをかけています。そのため背景がずれたりします。ブラーを強くしてごまかしていますが、ビルドした後に知ったんですけど、backdrop-filterというプロパティがあるみたいで。驚いた。Firefoxではつかえないみたいですけど。あるならなんであんなに検索したのに出てこなかったんだよ・・・という感じではあります。。。ということで、こんな感じで修正したい

dock-bar{
  backdrop-filter: blur(30px) brightness(110%);
}

ちなみに磨りガラス感を出したいので若干明るくしてます。

追加・実装

  • 巨大な時計の表示
  • 世界時計とかの実装
  • URLを保存してすぐに飛べるようにする(ブックマーク的な)機能
  • 自動アップデート機能
  • 他のソフトのDLとかアプデ機能

まぁでもこれ作りすぎたら他のソフト作っても・・・ってなるからね。。。テキストエディタとかは別で作りたいね。

注意: これはOSもどきなんかではありません。れっきとしてソフトウェアです。便利なソフトです。ありそうでなかった革命的なソフトです。始まりは2020年3月1日、時計を大きく表示したいと思ったことからです。現在もVer.1.0公開してますけどネットにあったソース丸パクりというかなんというかなんで結構危ないかも。今はサイト参考にして自分でソースコード書いてるよ。

追記

最近僕はMonotの開発に力入れてるのでしばらくLitest開発できません。開発再開は11月ごろになる見通しです。


*1: Litest起動時の下にあるバーを出した時のやつ)

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.