静的サイト向けの全文検索エンジンと UI ライブラリの Pagefind

2024/01/06 159 users CLI ヘッダー ライブラリ インデックス コマンド

デモとして、このブログに Pagefind を導入してみました。ヘッダーの検索アイコンをクリックすると検索フォームが表示されるので、キーワードを入力して検索してみてください。 使い方 Pagefind は構築済みの UI ライブラリと、CLI コマンドとしてインデックスを作成するためのツールから構成されています。まずは UI ラ... 続きを読む

CSS Flexboxでヘッダを実装する最近のテクニックのまとめ | コリス

2020/09/24 204 users コリス Flexbox ヘッダ ナビゲーション テクニック

CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを... 続きを読む

CSSで、button要素とinput要素のテキストを美しく揃えるスタイルシートのテクニック | コリス

2020/08/24 175 users コリス inpu button要素 input要素 CSS

検索フォームなど、button要素とinput要素を並べて配置した際に、それらのテキスト（アイコンも）を垂直方向に美しく揃えて配置するスタイルシートのテクニックを紹介します。 ボタンと入力フォームの高さは自由に変更でき、デザインも普通に変更できるので、スニペットとして登録しておくと便利です。 button要素とinpu... 続きを読む

React勉強会1(2016-05-25) - Dolpenの日記

2016/05/26 314 users コンポー mizchi Splatoon ぶき サブクエスト

2016 - 05 - 26 React勉強会1(2016-05-25) 発端 やりたいと言ったら @mizchi がやってくれることになった。 今回の目標 weapons.json · GitHub メインクエスト : この json データを使って、Splatoon のブキを一覧表示する機能を作る サブクエスト : 絞り込み機能を付ける サブクエスト : 検索フォームと一覧部分をサブ コンポー... 続きを読む

はてなブックマークの検索機能を刷新しました - はてなブックマーク日記 - 機能変更、お知らせなど

2012/05/14 193 users はてなブックマーク はてなブックマーク日記 機能変更 従来

本日、はてなブックマークのあるタグがついたエントリーをまとめて閲覧できる「タグページ」と、はてなブックマーク内で「はてなウェブ検索」として提供していた、はてなブックマークで検索する機能を統合し、デザインを変更しました。 新しい検索機能は、はてなブックマークのトップページ、最上部にある検索フォームなどから利用できます。検索エンジンを変更したため、従来よりも高速に検索できます。 各ページの検索フォーム... 続きを読む

次世代の検索フォームを作成するjQuery＆CSS3サンプル:phpspot開発日誌

2012/02/10 101 users phpspot開発日誌 次世代 Harmony jQuery

Creating “Next Level” Search Form Using jQuery & CSS3 ? Webstuffshare ? Learn and share. The simplest harmony. 次世代の検索フォームを作成するjQuery＆CSS3サンプル。 CSS3をフルに使って、面白い検索フォームを作るチュートリアルです。 アイデアの応用で面白いインタフェースが作れそ... 続きを読む

WordPressの検索機能をもっと使いやすくする | Webクリエイターボックス

2011/12/13 482 users WordPress Webクリエイターボックス 一行 コード

2011年12月13日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。... 続きを読む

[CSS]検索フォームを素敵なデザインするスタイルシート集 | コリス

2009/03/04 331 users コリス background images CSS URL

検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 HTML CSS /* style1*/ #searchform1 {background:url(images/search1.gif) left top no-repeat; display: block;width: 240px; height: 32px;} #sear... 続きを読む

検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス

2008/01/22 744 users コリス エレメント 見出し デザイン

コリス on 2008年1月22日 > pyon さん 僕にとって見た目は、「人に伝える」ということを意識しています。 きれい・かっこいいだけではなく、情報や使い方など目的を伝える術です。 続きを読む

blog.woremacx.com Gmail で古いメールを一気に消す方法

2006/07/11 217 users 古いメール 方法 Gmail ラベル ヤツ

Gmail で古いメールを一気に消せるようになっているのを見つけました。 単純に一気に消せてもうれしくないので、expire 的な消し方ができないかと思っていたら、できました。 いま、こんな感じに読んでないメールがたまってます。fedora-extras のやつを消したいと思います。 検索フォームで以下のように入力すると、fedora-extras というラベルが付いていて、2006年6月1日より... 続きを読む