localStorageで保存可能の、シンプルなテーマ切り替え Result See the Pen Theme Switcher Demo - Cleaned Up by kachibito (@kachibito) on CodePen. ダークモードにも使えるテー...2023.01.15 | 9時59分43秒
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秒
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 Smarter inverted “dark mode” by kachibito (@kachibito) on CodePen. 簡単なダークモードを少しのCSSとJSで実装す...2019.11.09 | 10時07分36秒
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秒
mailtoリンクのクリックでクリップボードにコピーする Result See the Pen Copy mailto: email to clipboard by kachibito (@kachibito) on CodePen. mailtoリンクをクリックすると、...2019.04.21 | 9時58分25秒
リスト内で指定したキーワードにマッチする項目だけハイライトする Result input要素にキーワードを入力するだけでリスト内のマッチする項目をインタラクティブにハイライトします。 jQuery html via jSearch2016.11.27 | 10時31分49秒
code、pre内のコードを別窓でtextareaに表示させる Result SyntaxHighlighterによく付いてるやつ。 これ自体需要は少なそうだけど応用すれば一般向けに使えそうです。 jQuery html via via:2016.06.27 | 11時32分41秒
アクセスした際に任意のメッセージを少しの間、表示する Result よく見かけるやつです。 jQuery css via Put a message in top of the page with jQuery2016.06.24 | 10時36分31秒
アップロードするファイルの名前、サイズ、コンテンツタイプを取得する Result 選択したファイルの名前、サイズ、コンテンツタイプをリストにしてアップロード前に表示します。inputにmultiple入れてますので複数選択も可能です。 jQuery html via Stack O...2016.06.02 | 10時22分48秒
HTMLをCanvasにして画像としてダウンロードできるようにする Result See the Pen beGPjj by kachibito (@kachibito) on CodePen. スニペットとは言えませんが・・w html2canvasとjQueryを使ってCanvas化、ダウンロ...2016.05.31 | 11時39分37秒
li要素をクリックでハイライトする Result li要素をクリックでハイライトする。1つの情報が多いリストの可視性を高めたり等、他にも応用できそう。このままのコードだとネストされたリストは子要素も全てハイライトするので入れ子に対応するには少し工夫が必要になります。 ...2016.05.28 | 10時35分20秒
inputやtextareaで、指定した文字数を超えた際に警告文を出す Result maxlength属性は何かとアレなので文字数自体は制限せずに、予め設定した文字数を超過した際に警告文を出すようにする jQuery html via Maximum Characters lim...2015.12.01 | 10時14分22秒
文字列をリアルタイム検索してハイライトする Result jQuery css html via Real-Time Search in JavaScript by Osvaldas Valutis.2015.08.21 | 10時50分46秒
テーブル内で空の要素をハイライトさせる Result 動的に作られたテーブル向けになりそうです。空の要素がある行を削除、みたいな応用もできそう。 jQuery css html via2013.04.22 | 11時49分42秒