フルスクリーンのパノラマ画像サイトが作れる「leanorama」:phpspot開発日誌
leandigo/leanorama GitHub フルスクリーンのパノラマ画像サイトが作れる「leanorama」 空間を自動で回転させるサイトを作る際に使えそう。実装サイトはインパクトがなかなかあります 関連エントリ ページを複数枚重ねたようなフルスクリーンページが作れる「pagePiling.js」 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」 フルスクリーンで縦横無尽に広がるページを構築できる「fullContent.js」 フルスクリーンのスライドを簡単に作れるjQueryプラグイン「FSVS」
» 高さで文字数を制限するプラグイン[textCut.js]を作ってみる | isee ウェブに関するブログ
textCut.js まずは、仕様やオプションを考える 何文字以上を超えたら「…」にする。とういのはよく見かけるかと思います。 一番お手軽にやるとしたらCSSの「text-overflow: ellipsis;」と「white-space: nowrap;」を使うったやり方です。はみ出した文字を「…」にすることができますが、 一行の場合にしか対応できません。 今回のプラグインでは、厳密に何文字というよりも、指定した高さを超えた時に末尾を「…」に変換するように作ってみたいと思います。 高さを条件とするので、複数行の場合でも対応することができます。 オプション cutHei 制御する高さ afterText 末尾に追加する文字 data-textCut-link 要素にdata属性でリンク先を指定 blank リンクを別タブで開く true:false textCut.js /**文字カットプ
![» 高さで文字数を制限するプラグイン[textCut.js]を作ってみる | isee ウェブに関するブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/aec6314ec9473ded4223ca56ceddbbc62995532f/height=288;version=1;width=512/http%3A%2F%2Fisee-web.net%2Fwordpress%2Fwp-content%2Fthemes%2Fisee%2Fimages%2Ffacebook_isee.png)
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
1000ch.net
Posts2025-05-11 obsidian-git で実現する Obsidian のプラットフォームを跨いだデータ同期2025-05-03 オンライン英会話の学習時間が 40,000 分に到達した2025-04-20 アミノバイタル presents 多摩川ハーフマラソン2025春を完走した2025-04-05 望ましい Frontend 開発環境の勘所2025-03-26 カスタマイズ可能な <select> 要素2025-03-05 人生を豊かにするために辞めたこと2024-12-23 2024年に読んで良かった本2024-12-12 2024年に買って良かったもの2024-12-01 アミノバイタル presents 多摩川ハーフマラソンを完走した2024-10-23 Google アカウントを複数利用する場合の URL2024-10-20 書籍「エンジニアチームの生産性の高め
Ginpen.com | Powered by JavaScript and JapaneseSushi
JavaScript and Web by Ginpei
チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net
フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。 フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。 フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に 便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
特集：jquery.jsを読み解く｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Coda-Slider 1.1#5
eBiz Facts is reader-supported. When you buy with our links, we may earn a commission. Learn more. Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
http://boedesign.com/lab/