localStorageで保存可能の、シンプルなテーマ切り替え Result See the Pen Theme Switcher Demo - Cleaned Up by kachibito (@kachibito) on CodePen. ダークモードにも使えるテー...2023.01.15 | 9時59分43秒
目線がマウスの動きを追う的なやつ Result See the Pen Untitled by kachibito (@kachibito) on CodePen. マウスを目線が追う的なやつです。👆こういうの。 必要性はさほど高くはない...2022.01.20 | 10時01分08秒
CSS+JavaScriptでローディング時にスケルトンスクリーン Result See the Pen Untitled by kachibito (@kachibito) on CodePen. ユーザーに優しいとウワサのローディング時のスケルトンスクリーンを殆どCSS、ほ...2021.12.14 | 9時56分07秒
VanillaなJavaScriptでページ内検索 Result See the Pen Demo In-Page filtered Search by kachibito (@kachibito) on CodePen. よくあるページ内インクリメンタル検...2021.11.02 | 9時58分51秒
VanillaなJSでスクロールに応じて要素をアニメーション Result See the Pen How to Animate on Scroll With Vanilla JavaScript by kachibito (@kachibito) on CodePen. こ...2021.03.17 | 10時06分05秒
スクロール追従するページ内ナビゲーション Result See the Pen Smooth Scrolling Sticky ScrollSpy Navigation by kachibito (@kachibito) on CodePen. 少しのVani...2021.01.15 | 9時50分44秒
jQueryプラグインのLettering.jsをVanillaに変換 Result See the Pen JjKbdmE by kachibito (@kachibito) on CodePen. CSS-TricksのChris氏が開発した、文字装飾ライブラリはjQueryプラグイン...2020.10.22 | 10時17分15秒
スクロールに応じて任意のテキストにアニメーションしながらハイライト Result See the Pen Mark text effect on scroll w/ IO by kachibito (@kachibito) on CodePen. スクロールするとテキストにアニメー...2020.09.06 | 10時14分07秒
文章内に折れ線グラフを挿入する Result See the Pen Stonks – Sparklines Renderer by kachibito (@kachibito) on CodePen. 非依存のvanillaなコードで動作します...2020.04.27 | 9時50分59秒
Excel等のスプレッドシートの表のコピーをMarkdown記法に変換する Result See the Pen xxGeWEy by kachibito (@kachibito) on CodePen. 万能ではないですが、ExcelやGoogleスプレッドシートなどの表のコピーをMar...2020.04.03 | 10時20分00秒
Webページのサイドに自動で目次を作る Result See the Pen Dynamic Active Table of Contents by kachibito (@kachibito) on CodePen. 左ペインの目次を自動で生成する、と...2020.04.01 | 10時05分28秒
入力したパスワードの文字の長さに応じて背景画像が鮮明になっていく Result See the Pen Image Password Strength - #046 of #100Days100Projects by kachibito (@kachibito) on CodePen. ...2019.12.07 | 9時43分31秒
ミニ折れ線グラフ Result See the Pen Micrographs by kachibito (@kachibito) on CodePen. jQueryを使ったミニ折れ線グラフです。コードは長いのでCodepenでご参照...2019.11.10 | 10時18分06秒
簡易的なダークモード Result See the Pen Smarter inverted “dark mode” by kachibito (@kachibito) on CodePen. 簡単なダークモードを少しのCSSとJSで実装す...2019.11.09 | 10時07分36秒
iframeでもHTMLでも対応できる超軽量で非依存のLightboxスクリプト Result See the Pen GVpdWB by kachibito (@kachibito) on CodePen. こういうベーシックなもの最近は全く見かけなくなりましたけど・・案件になると割と要望は頂...2019.07.23 | 9時59分54秒
table内をテキスト検索して該当キーワードを持つ列を表示する Result See the Pen Light Javascript Table Filter by kachibito (@kachibito) on CodePen. table内のすべてのテキストから検索し...2019.06.17 | 10時13分39秒
Webページ最上部に、スクロールに応じてプログレスバーを表示する Result See the Pen QRrYyV by kachibito (@kachibito) on CodePen. スクロールするとプログレスバーが表示されるやつ。非依存です 仕様が分かりやすいようにド派...2019.05.27 | 10時01分05秒
FlexboxとJavaScriptで、異なる文字数の行の幅を自動で一律にそろえる Result See the Pen Flexible Full-Width “Justified” Text Blocks by kachibito (@kachibito) on CodePen. text-a...2019.04.28 | 9時59分35秒
mailtoリンクのクリックでクリップボードにコピーする Result See the Pen Copy mailto: email to clipboard by kachibito (@kachibito) on CodePen. mailtoリンクをクリックすると、...2019.04.21 | 9時58分25秒
フォームの内容を元に任意のUIに遷移 Result See the Pen CSS Grid: Form to Badge by kachibito (@kachibito) on CodePen. フォームの内容から別のUIに遷移する、みたいなの ...2019.02.25 | 9時20分30秒
マウスで選択した文字数を数える Result See the Pen WPXdMP by kachibito (@kachibito) on CodePen. マウスドラッグした文字数を数えます。JSはバニラです 使う機会があるかは分かりません ...2019.02.15 | 10時03分12秒
検索アイコンからローディングにアニメーション遷移 Result See the Pen Search loading by kachibito (@kachibito) on CodePen. 検索アイコンから時計アイコン(ローディング)に遷移する、みたいなやつです JSというよ...2018.12.22 | 10時12分47秒