要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」:phpspot開発日誌
jQuery.dotdotdot, advanced cross-browser ellipsis for multiple line content. 要素内のテキストをはみ出さず、JSで「...」で省略してくれる「jQuery.dotdotdot」。 次のように、はみだしたテキストを...で綺麗に要素内に収めてくれます。はみ出しているとカッコ悪いですが、サーバ側でこれをやるのはなかなか難しい。 JSなら綺麗にできますね。Read Moreみたいなテキストをつけることもできるみたい 関連エントリ フロートラベルを実装できるjQueryプラグイン「FlowupLabels.js」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 階層的なスケジュール表示ができて便利なjQueryプラグイン「GraspSchedule.js」
エレメント内にテキストをレスポンシブに埋め込められる「textsive」:phpspot開発日誌
midnightviking/textsive GitHub エレメント内にテキストをレスポンシブに埋め込められる「textsive」 画面サイズをかえても画面にテキストをフルで表示したい場合に使えます 最大、最小のフォントサイズの指定も可能。文字だけで迫力あるページを作る際に便利そうですね 関連エントリ ブロック要素の高さをレスポンシブに揃えられる「jquery-match-height」 レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 レスポンシブなタブを実装できるjQueryプラグイン「Responsive-Tabs」 フラットでレスポンシブなギャラリー実装jQueryプラグイン「lightGallery」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」
テキストを要素内にうまく収めてはみ出させないjQueryプラグイン「trunk8」:phpspot開発日誌
trunk8 | Rick Viscomi テキストを要素内にうまく収めてはみ出させないjQueryプラグイン「trunk8」 WEB開発に携わる人なら必ず経験する、要素からのテキストのはみ出しやレイアウト崩れ。 指定したサイズの要素ないのテキストは、どんなものが入ってきても綺麗にまるめたい、という場合に使えます。 元のテキストが以下のようにあったとします。 スクリプトを読み込んだ後、$(elem).trunk8(); とJSで記述すると次のように一瞬で1行に収めることができます。 （オプションで行数指定も可能） 綺麗に要素内に収める「もっと読む」も次のように実現できます。 省略バージョンはきっちり枠内にはまっていますね。これをJSとライブラリレスで実現するのはなかなか難しい所がありますね。 これは便利。 関連エントリ テキストをブロックの中にフィットするように自動リサイズできる「jQue
テキストをブロックの中にフィットするように自動リサイズできる「jQuery.textFit」:phpspot開発日誌
jQuery.textFit Examples テキストをブロックの中にフィットするように自動リサイズできる「jQuery.textFit」。 通常、ボックスの中にテキストを入れても、テキストの長さなんかがまちまちでかっこ悪くなるのはしょうがない、という所ですが、このプラグインを使えば、自動的にテキストをフィットするようにリサイズしてくれます。 ソースを見れば単なるdivにidが振ってあるだけというものですが、上記のようにリサイズしてくれます。 これだけだと何に使おうか？というところですが応用すればカッコいいレイアウトにするための便利な機能として使えうことができそうですね 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 テキス
面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」:phpspot開発日誌
textualizer 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 様々なアニメーションエフェクトがあり、文字に動きをつけて注目を集めたい場合なんかに使えそうです。 IE6を含むレガシーなブラウザにも対応しています。 次のような簡単な分かりやすいソースコードで実装できます。 キャンペーンサイトなど、インパクト重視のサイトに入れてみるとよさそうですね 関連エントリ 文字を映画ばりにカッコよくアニメーションさせるjQueryプラグイン「jWise.js」 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 テキストをCSS3でぼやけさせてアニメーションできたりするjQueryプラグイン「TextBlur」
どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」:phpspot開発日誌
どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」 2011年05月12日- FitText - A plugin for inflating web type どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」 iPhone/iPadやPCでも文字をフィットさせられます。 ブラウザをリサイズしてもちゃんとフィットしてくれます。 文字を大きくしてインパクトあるように見せたい、でもズレたらなんかカッコ悪いという場合に使えますね。 PCの通常サイズ。 幅を小さくしたところ。 使い方は $(element).fitText() とやるだけでOKみたい。 １からやるとなるとちょっとめんどくさそうですが、これだけ簡単にできる「jQuery最高！」という声が聞こえてきそうですね。 （
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
テキストにグランジ風のエフェクトをつけるスタイルシート | コリス
janko at warp speedのエントリーから、h1やp内のテキストデータに、グランジ風のエフェクトをつけるスタイルシートを紹介します。 Add grunge effect to text using simple CSS デモ 仕組みは、以前当サイトでも紹介した「テキストにグラデーション効果をつけるスタイルシート」と同じもので、背景画像を変更したものとなっています。 空spanを使用するため好みは分かれると思いますが、画像で作成することに比べて、テキストデータだと修正・更新が容易という利点もあります。 デモは、下記のようになっています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h1>This is one very long title with grunge effect<span></span>
MOONGIFT: » 凄いテキストデータベース「txtSQL」:オープンソースを毎日紹介
はてなブックマークのコメントより。 昨日お伝えしたGladius DBの対抗馬として紹介したい。こちらもまた、テキストファイルをDBとして扱うことができる。さらにGladius DBへの挑戦なのか、ベンチマークを公開している。 今回紹介するオープンソース・ソフトウェアはtxtSQL、テキストベースのデータベースソフトウェアだ。 txtSQLはGladius DBとは異なり、SQL文を解釈しない。独自の関数にアクション（SELECT/INSERT/UPDATE/DELETE等）、テーブル名、データ、WHERE句などを指定して渡す必要がある。 そのため、既存のアプリケーションを乗り換えるには修正が必要になってしまうのが難点だ。だが、新規開発であれば関係ないだろう。また、その結果として高速性が売りだ。Gladius DBの10倍近いパフォーマンスが出ている。 面白いのは、サンプルアプリケーション
[を] プレインテキストでの ToDo 表記法いろいろ
プレインテキストでの ToDo 表記法いろいろ 2006-11-14-3 [LifeHacks] プレインテキストでの ToDo 表記法いろいろ。 2年半前の書きかけ記事が出てきたのでそのまま公開してみる。 TODO管理 - capsctrldays (2004-03-05) http://capsctrl.que.jp/kdmsnr/diary/20040305.html#p06 ■：完了 ！：遅延 →：進行中 □：未着手 TO DO管理 - DARK SERVER http://nyaos.org/d/?date=20040306#p02 [ ] 未着手 [x] 完了 [v] 実施中 [-] やらんでえーことにした [を] TODO管理[2004-03-04-3] ●完了 - 今日完了！ ◎作業中 - 完了しなかったけど、やってます ○進捗なし -
テキストエディタ・スクリーンショット 画像
テキストエディタのスクリーンショット集 色んなテキストエディタのスクリーンショット（画像）を載せるページです。エディタの雰囲気を掴むのに少しは役に立つと思います。 wikiに移行中です やろうと思っていること。
通常のテキスト出力 - hiroyのブログ
できるようにしてみる。アクションクラスでMoony_Response::outを実行すればOK。関数名を"output"と迷ったけれど、短く"out"にすることに。 実装例は以下のとおり: class FooAction extends Moony_Action { function execute($request, $response) { // 2番目の引数で出力エンコーディングが指定可能 // 指定しない場合は内部エンコーディングで出力（MOONY_INTERNAL_ENCODING） $response->out('出力したいテキスト'); $response->out('出力したいテキスト', 'SJIS'); } }渡された文字列はMoony_Responseのインスタンス内でバッファリングして、execute処理終了後、コントローラ内でまとめてecho。HTTPヘッダが送出
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日本語と英語でよく使う約物の種類と名称 | コリス