静的サイト向けの全文検索エンジンと 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 のブキを一覧表示する機能を作る サブクエスト : 絞り込み機能を付ける サブクエスト : 検索フォームと一覧部分をサブ コンポー... 続きを読む

Rails4 - Virtusが便利 - Qiita

2015/06/24 67 users Qiita DAT Rails gem Rails4

Virtusというgemが便利でした Railsの検索フォーム等、モデルに紐付かないパラメータを処理する時などに使用するといいと思います。 class SearchForm include Virtus.model attribute :product_name, String attribute :group_id, Integer attribute :created_at_lteq, Dat... 続きを読む

クライアントサイドで全文検索を実現する方法 | IDEA*IDEA

2013/09/11 75 users クライアントサイド IDEA インクリメンタル検索 not

ちとメモしておこう。CSSとJavaScriptを駆使してクライアントサイドで全文検索する方法ですな。 ↑ こんな感じでインクリメンタル検索ができます。 仕組みは簡単で、全文をCSSのデータ属性に突っ込んでおいてJSでごにょごにょするだけですな。JSの方で「:not」使っているのが新しい感じです。 ちょこっと検索フォームを作りたいけど、サーバーと通信するのはどうもね・・・という時もあるかと思います... 続きを読む

貴方のFacebook検索のストレスを軽減してくれる、10個の検索機能と外部検索サービス

2012/07/18 62 users Facebook検索 貴方 ストレス Facebook 10個

「今日会ったあの人がFacebookをやっているか探したい。」 「友達がシェアしていた『あれ』って何の記事って何だったっけ？」 こう思って、Facebookの検索フォームで探そうとしても、Facebookさんの検索フォームが思うような結果を返してくれない事が多いですよね。 今回の記事では、そんな時に使える便利な検索機能、外部検索サービスを一気に10個ご紹介します。皆さんがご存知ない機能やサービスも... 続きを読む

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

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クリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。... 続きを読む

iPhoneの『Safari』で“tilt”と検索すると……　おや様子がおかしい - ガジェット通信

2011/04/06 53 users tilt Sleipnir iPhone Safari 現象

iPhoneのブラウザ『Safari』で“tilt”と検索すると面白い現象が起きることが発見された。その面白い現象とはiPhoneの検索フォームにて“tilt”と入力すると検索結果画面が傾いてしまうという面白い現象。そう“tilt”は傾くという意味がある。 現在確認出来たブラウザは『Safari』以外にも『Sleipnir（iPhone版）』などのブラウザでも同様の現象が確認された。しかし一部ブラ... 続きを読む

[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日より... 続きを読む

Going My Way: Firefox1.5のインストールと追加したエクステンション、検索フォーム

2005/12/05 65 users エクステンション スポンサード インストール 現行 手順

Firefox1.5のインストールと追加したエクステンション、検索フォーム スポンサード　リンク 少し前になりますが、Mozilla Firefox 1.5 がReleasedされました。いろいろ実験しながらインストールすることになると思うのでやっとインストールしましたので手順を参考までに。 新規プロファイルを作成したほうが良さそうなので、まず現行のFirfox1.0.7から　-ProfileMa... 続きを読む

tune web:ソースコードを読む - GNU GLOBAL

2005/11/12 69 users tune GNU GLOBAL Recent Posts

お探しのページが見つかりませんでした tune webは2007年の3月にサイトを移転しURLが変わっています。検索フォームからキーワードを検索してみてください。 tune webの最新記事はトップページからご覧いただけます。 Recent Posts SONY ワイヤレスヘッドセット DS205 HBH-DS205 クリーンコード一人読書(3) 第5章〜第7章 このブログが長い間真っ白だった ク... 続きを読む

はてなブックマークで検索フォームを右上に持ってくる

2005/06/10 73 users はてなブックマーク 右上 relative naoya TOP

昨日よりはてなブックマークのデザインを変更できるようになりました。それで、b:id:finalvent を見ていて、おっと思ったので僕もフォームを右上に出るようにしてみました。(b:id:naoya)やり方は結構簡単です。 div.body { position: relative; width: auto; _width: 100%; top: 0; left: 0; } form.hatena... 続きを読む

NULLとUNKNOWNを積極的に活用するSQLの書き方

2005/03/21 78 users Unknown null DBMS SQL インジェクション

312 ：1/3：05/03/12 03:17:26 ID:??? 突然ですが，面白い SQL を思いついたので，ご意見を頂きたいです．興味を持たれた方は使ってみてくだちい。 一般的に，SQL の発行は，プリペアドステートメントを使う方がよいとされている．その理由は， DBMS のキャッシュが良く効く． SQL インジェクション等の危険が避けられる，等． しかし，webアプリの検索フォームなどでは... 続きを読む