- laravel 指定の文字数で文字列を切る
- 文字列を指定した文字数で切るLaravelのメソッドのサンプルです。 文章のデータを取得して表示するとき、デザイン的に文字が多すぎるときがあります。 Laravelのテンプレートのbladeではサーバサイドで簡単に操作するへルパ（...
- 2022-03-19 07:37:34
UIサンプルギャラリー「キプレ」
MENU
用途
新着
履歴
分類
★
文字が多い時
スペースが限られていて、文字が多く書かないといけない時、ウェブサイトではいろんな表現をすることができます。
「文字が多い時」に関するサンプル
- HTML コンテンツの表示・非表示
- HTML5から追加されたタグでJavaScriptを使わないでコンテンツの表示・非表示を実装するサンプルです。 クリックすると隠れている要素を表示させるJSはよく実装します。 よくアコーディオンと呼ばれるUIですが、HTMLだけでも表現することが可能です。 なにも装...
- 2020-03-10 07:10:08
- jQuery 狭いエリアに文字をアニメで格納する
- 文字列を動的に埋め込むとき、デザインの都合上、どうしても横幅に 制限あるときがよくある。そんな時に使ってほしいサンプルがこちら。 スマホなどの横幅が狭い画面で、人の名前や地名など動的に入ってくる文字を設置したいことがあります。 そんなときサーバーサイドで文字を切って「…...
- 2020-01-27 00:36:08
- jQuery 指定の高さを超えたらボタンを表示
- 文章のデザインを組んでいる時に、高さを抑えたい場合がたまにあります。 スクロールをつけることもありですが、他に以下のように隠れた情報は、ボタンを押す...
- 2019-07-29 06:11:18
- jQuery 文字数に応じてスタイル変更
- 特定の文字数を超える場合、指定したクラスを追加します。 データから自動で文字が配置されるときなど、長い文字を手動で調整できない場合に便利です。 $(...
- 2019-08-02 23:58:03
- jQuery アコーディオンメニュー
- スマホなどの限られたスペースの中で、いろんな項目の内容を表示させたいときに、便利なのがアコーディオンメニューです。 クリックすると見出しごとに詳細情...
- 2019-07-29 05:54:34
- JavaScript 文字省略 clamp.js
- 長い文章を読みやすく短く省略して見せる方法の一つを紹介します。 CSSなどで隠すのでもなく、PHPでサーバサイドで編集もしません。 JavaScriptでカットする方...
- 2019-07-30 08:14:51
- jQuery ツールチップ
- ツールチップとは、ちょっとした説明を追加したいときに使う吹き出しのような表現です。 何か説明を付け加えたい時のこの表現 → ? こんな感じで説明が表示されます。 マウスのカーソルを合わせると付加情報が表示されます。 上のサンプルでは...
- 2019-08-06 23:47:09
- PHP 文字列切り出し
- バイト数による切り出し [[$hoge = substr(A,B,C);]] A ← 文字列 B ← 切り抜く最初の位置、バイト数で指定 C ← 切り抜く最後の位置、バイト数で指...
- 2019-08-06 23:12:26
Top