lizod: 1kb 未満の zod の精神的後継

2023/05/23 18 users Zod tl;dr ユーティリティ 後継 メソッドチェーン

作った。 lightweight-zod だから lizod。 npm install lizod -S で使える。 tl;dr 各種フロントエンドや Cloudflare Workers で zod のビルドサイズが邪魔になっている メソッドチェーンと便利なユーティリティを全部捨てた zod 風のバリデータを作った zod の 57kb に対して lizod は 1kb 以下 これが動く // Pick val... 続きを読む

1KBのWebフレームワークをつくる - ゆーすけべー日記

2022/12/05 147 users ゆーすけべー日記 Webフレームワーク フレームワー 実装

1KBのWebフレームワークをつくりました。 名前は「Pico」。 minifyしてビルドした模様。 コードはこれだけ。依存なし。ほんとにこれだけです。 Cloudflare WorkersとDenoで動きます。 今回はこのPicoというフレームワーク、 それに必要不可欠なURLPattern、実装について、 そして僕がつくっているもう一つのフレームワー... 続きを読む

ブラウザとNode.jsで動く1kBのキーバリューストレージライブラリを書いた | Web Scratch

2020/10/22 9 users node.js azu Web scratch KVS API

azu/kvsというブラウザとNode.jsで動くファイルサイズが小さいキーバリューストレージを作りました。 モチベーション ファイルサイズが小さくIndexedDBを使っていて、Node.jsでも透過的に同じAPIで利用できるライブラリが必要となったため作りました。 textlint-editorというアプリを書いていて、キャッシュストレージと... 続きを読む

遅延読み込み、無限スクロールなど、要素と境界の交差を非同期で検出する1Kbの超軽量スクリプト -Bounds.js | コリス

2019/07/04 65 users 検出 軽量スクリプト 依存 パフォーマンス コリス

画像の遅延読み込みや無限スクロールを実装する際、ページ上に境界を定義し、その境界に要素が入ったかどうか判定して実行します。要素と境界の交差を非同期に検出し、パフォーマンスを改善する1Kbの軽量スクリプトを紹介します。 要素が境界に1px交差した、全部が入ったなどを正確に検出。他のJavaScriptへの依存はなく... 続きを読む

スマホ対応の優れもの！クリック・タップの直前にページを先読み、高速表示する超軽量スクリプト -instant.page | コリス

2019/02/12 56 users コリス hover touchstart 超軽量スクリプト

ユーザーがリンクをクリックする際のhoverとタップする際のtouchstartに合わせて、クリック・タップする直前にページのHTMLをプリロードし、高速に表示するわずか1kBの超軽量スクリプトを紹介します。 ページに外部スクリプトを1つ加えるだけの簡単実装です。 instant.page instant.page -GitHub instant.pageの特徴 ins... 続きを読む

プログレスバーの実装もこれなら簡単！複数ファイルにも対応した超軽量JavaScriptライブラリ -preload-it | コリス

2018/11/08 58 users プログレスバー コリス 実装 JavaScriptライブラリ

動画ファイル、音楽ファイル、画像ファイルなど、大容量のファイルを使用したコンテンツでは、プログレスバーがあると非常に便利です。さまざまなタイプのファイルをプリロードするための超軽量（1kb）JavaScriptライブラリ...記事の続きを読む 続きを読む

Appleのようなスクロールに連動したエフェクトもこれなら簡単に実装できる1KBの超軽量スクリプト -ScrollOut | コリス

2018/09/27 343 users コリス ビューポート エフェクト スクロール CSS

スクロールするとコンテンツをふわりと表示させたり、追従するように表示させたり、ビューポートに表示されてない画像をLazyLoadさせたり、そういえば今回のApple Watchでも面白いスクロールエフェクトが採用されていますね。 スクロールによる変化を検出し、それに合わせてCSSのさまざまなエフェクトを簡単に与えること... 続きを読む

[JS]スマホ・タブレット・デスクトップ時代のクロスブラウザ対策にかなり役立つ便利なスクリプト -Feature.js | コリス

2016/01/12 60 users コリス GitHub WebGL Modernizr CSS

スマホ・タブレット・デスクトップのブラウザがさまざまな機能（WebGL, Canvas, rem unit, async属性、タッチイベントなど）に対応しているか判別し、その判定を利用することができる超軽量（1kb）スクリプトを紹介します。 ModernizrはHTMLとCSSの機能で判別を行っていましたが、それを更に拡張した感じです。 Feature.js Feature.js -GitHub ... 続きを読む

わずか1KBで音楽を演奏しつつブラウザ内で動く恐るべきJavaScriptメガデモ「BLCK4777」 - GIGAZINE

2015/08/17 61 users コンテスト 制限 容量 ブラウザ データ容量

1MB(1024KB)に収まるデータ容量で作るコンピュータグラフィックアニメと音楽を組み合わせた映像作品をメガデモと呼びます。そんなメガデモをさらに小さな容量の1KB(1024バイト)という制限で作ったコンテンツを競い合うコンテストで、ブラウザで音楽まで再生できるJavaScriptによるリアルタイムアニメーション「BLCK4777」などの作品が公開されています。 BLCK4777* by p01... 続きを読む

Minecraftで実際に動作する1KBの記憶装置を作成した強者が登場 - GIGAZINE

2014/08/21 114 users GIGAZINE Minecraft 強者 ジブリ 国土

サンドボックス型のゲーム「Minecraft」はユーザーが自由に建物を作ることができ、ジブリの世界を作成したり、デンマーク政府が国土を再現したり、といったことがありましたが、今度は実際に動作する1KBの記憶装置を作成したユーザーが現われました。 Fully Functional 1KB Hard Drive in Vanilla Minecraft - Imgur http://imgur.com... 続きを読む

レスポンシブ対応の柔軟なグリッドを簡単に利用できる便利なフレームワークのまとめ | コリス

2014/03/18 94 users コリス スクリーン ユニット フレームワーク グリッド

レスポンシブ対応の柔軟なグリッドが使えるだけのごくシンプルなものから、実用的なさまざまなユニットまで用意された高機能なものまで、便利なスタイルシートベースのフレームワークを紹介します。 まずは、シンプルなグリッドだけのものから。 Aeon LESS対応、1KBのコードでレスポンシブ対応の12カラムのグリッドをつくります。 Ivory 320pxから1,200pxまでのスクリーンを想定したグリッドを... 続きを読む

LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」:phpspot開発日誌

2013/06/05 67 users LazyLoad エフェクト jQueryプラグイン 機能

LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」 2013年06月05日- jQuery Unveil - A very lightweight plugin to lazy load images LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」 LazyLoadプラグインの余分な機能（エフェクト、イベント）を省いて軽量化したものです。 L... 続きを読む

プレゼン用のスライドショーを実装する、わずか1KBなのに多彩なエフェクトを備えタッチデバイスにも対応したスクリプト -Bespoke.js | コリス

2013/03/27 95 users コリス jQuery エフェクト スクリプト MITライセンス

複数のパネルを多彩なアニメーションで次々にスライドするMITライセンスのスクリプトを紹介します。 jQueryなどの併用はなく、単体で動作し、1KBと超軽量です。 Bespoke.js Bespoke.js -GitHub Bespoke.jsのデモ Bespoke.jsの使い方 Bespoke.jsのデモ デモでは5種類のアニメーションでスライドします。 操作は、デスクトップだとスペースバー・矢... 続きを読む

[JS]ページ全体やコンテンツ（画像や動画）をフルスクリーンで表示するだけのシンプルなスクリプト -BigScreen | コリス

2012/08/28 61 users minified コリス エレメント スクリプト 超軽量

指定したエレメントをクリックすると、ページ全体をフルスクリーンで表示したり、画像や動画をフルスクリーンで表示するシンプルで超軽量（1KB）のスクリプトを紹介します。 BigScreen BigScreenの特徴 BigScreenのデモ BigScreenの使い方 BigScreenの特徴 BigScreenはページ全体やコンテンツをフルスクリーンで表示するシンプルで軽量（minified:1KB... 続きを読む

本の虫: 全プログラマーが知るべきレイテンシー数

2012/05/31 611 users 全プログラマー snappy ナノ秒 圧縮 ロック

2012/05/31 全プログラマーが知るべきレイテンシー数 Latency numbers every programmer should know — Gist L1キャッシュ参照 0.5ナノ秒 分岐予測失敗 5ナノ秒 L2キャッシュ参照 7ナノ秒 Mutexのロックとアンロック 25ナノ秒 メインメモリー参照 100ナノ秒 Zippy[Snappy]による1KBの圧縮 3,000ナノ秒 1G... 続きを読む

画像にマウスホバーするとズームする拡大鏡っぽいやつを簡単に実装できる2KBの軽量jQueryプラグイン・loupe - かちびと.net

2012/03/21 86 users マウス net ルーベ 2KB ライブラリ

結構良かったのでご紹介。ECサイトとか で見かける、マウス乗せると画像が拡大 するやつです。拡大鏡とか言えばいいん でしょうか？ニーズはそこそこありそう ですし、かなり軽量で導入も簡単なので 覚えておくと工数減らせるかもですね。 いわゆるルーペ的なものを作れるライブラリで、プラグイン名もまんま「ルーペ」です。2KBとかなり軽量で、圧縮すると1KBちょっと。導入するとクライアントさんもユーザーさんも... 続きを読む

Media Queriesのように、モニターサイズに応じてスタイルを変更可能にする非依存型で1KBの軽量jsライブラリ・syze - かちびと. net

2012/01/16 56 users ブレークポイント Media Queries 備忘録 net

シンプルで良さそうだったので一応備忘録。 Media Queriesライクにブレークポイントに 応じてスタイルを変更できるライブラリです。 非依存型で1KBと、超軽量スクリプトなので 簡単なキャンペーンサイトとかならこれでも いいかもしれないですね。 Media Queriesのようにデバイスを限定しないクロスブラウザ対応で、他のライブラリに依存せず利用出来る、圧縮版は1KBと軽量、というのが特徴... 続きを読む

[JS]柔軟なclassの設定が可能なResponsive Web Design用の超軽量(1KB)スクリプト -syze | コリス

2012/01/15 75 users コリス script class スクリプト class名

demo 1：幅1920pxで表示 デスクトップ用の画像（hdsize-wide-512x512.png）を表示 syzeの使い方 上記のdemo 1を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="syze.min.js"></script> JavaScript demo1では表示サイズの数値を元に、class名にもその数値を利... 続きを読む

マックスは1KB。限られたリソースの中でWebサイトを多彩にアレンジする「CSS1K」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/07/18 15 users class CSS 一例 MOONGIFT 昨今

CSS1KはCSS製のオープンソース・ソフトウェア。昨今のWebサイト開発ではCSSの存在を欠かすことができない。優れたWebデザイナーの作るCSSはとても美しく、分かりやすい。しかしCSS自体がとても冗長的なマークアップ言語であるために長くなりがちだ。 0 一例 idやclassの付け方、HTML自体の入れ子の深さによってもCSSはどんどん長くなる。しかし、そんなCSSの現状に甘んじることなくチ... 続きを読む

[CSS]わずか1KBのスタイルシートでもここまで美しいレイアウトができる -CSS1K | コリス

2011/07/11 415 users デベロッパー コリス CSS JS1K 美しいレイアウト

以前、流行った「CSS Zen Garden」の「JS1K」版といった感じの、1KB（1024文字分）のスタイルシートだけで美しいレイアウトを数多くのデベロッパーが作り、登録できるサイトを紹介します。 CSS1K CSS [...] 続きを読む