ポップアップが画面内に収まらない場合に自動的に表示位置を調整する CSS Anchor Positioning

2024/04/13 7 users CSS Anchor Positioning 画面内 総称

ポップアップが画面内に収まらない場合に自動的に表示位置を調整する CSS Anchor Positioning 2024.04.13 CSS Anchor Positioning とは、特定の要素を Anchor（基準）としてツールチップなどの要素の位置を決定する機能の総称です。CSS Anchor Positioning を使用することで、Floating UI のように自動で画面内に表示さ... 続きを読む

Twitter、ブックマーク数も表示するように（iOSアプリで）

2023/03/17 19 users Twitter iOSアプリ 指標 アイコン RT数

RT数やいいね数はタップすると誰がRT、いいねしたかがリスト表示されるが、ブックマーク数はタップしても誰が追加したかは分からない。 Twitterは12月には「再生数」の表示を開始している。ブックマーク数の表示は、それに次ぐツイートの人気度の指標になりそうだ。 関連記事 Twitter、「再生数」アイコンの表示位置を変... 続きを読む

Google検索結果、デスクトップでもデザイン変更　ファビコン付きに - ITmedia NEWS

2020/01/23 11 users ITmedia News ファビコン デスクトップ 区別 意見

デスクトップでのGoogle検索結果の表示が変わった。昨年5月にモバイル版で行ったデザイン変更が反映され、URLの表示位置が変わり、ファビコンが表示されるようになった。広告の区別が付きにくくなったという意見もある。 Google検索のデスクトップでの結果表示のデザインが、1月23日ごろから変わった。昨年5月にモバイル... 続きを読む

[JS]0.6kBの超軽量！基本的なDOM操作を実行するためだけに開発されたシンプルなライブラリ -nanoJS | コリス

2018/05/31 75 users Git コリス ポパー before After

要素にclassを加えたり、変更したり、要素を削除したり、::beforeや::afterを加えたり、要素の表示位置を取得したり、変更したり、クリックやホバーのイベントを設定したり、基本的なDOM操作を実行するためだけに開発された超軽量ライブラリを紹介します。 jQueryは使うけど、$関数や上記の挙動しか利用しないという人には、特にぴったりなスクリプトです。 nanoJS nanoJS -Git... 続きを読む

クリスタとSAIの描き味の違いを解決する設定方法の発見に感謝の絵師クラスタたち「ずっと悩んでいたことが解決しました」 - Togetterまとめ

2017/10/21 65 users SAI グリスタ うおぉ Togetterまとめ カーソル

ウオオ……ついに判明した……クリスタでの描き味がなんかSAIとかと感覚が違う理由……。 設定のカーソルから、反転カーソルの表示位置の項目、手ぶれ補正にあわて遅延させない設定にしたら、他と同じになった…… ついに解決……長かった…… 続きを読む

カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」:phpspot開発日誌

2015/09/11 44 users ProTip phpspot開発日誌 アニメーション 最強

カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」 2015年09月11日- Protip - Yet another jQuery tooltip plugin カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」 表示位置、アニメーションのカスタマイズ、好きなコンテンツの掲載、スキン機能など、これでもかという位ツールチップに込めている辺がある種... 続きを読む

Twitterをブログに貼り付ける時に「右寄せ」「左寄せ」「中央寄せ」する方法 | 男子ハック

2014/01/26 21 users Twitter JUNP_N 男子ハック 左寄せ 中央

@JUNP_Nです。Twitterで話題の画像を紹介するようになり、Twitterをツイートをブログに埋め込む際に表示位置を思い通りにできる ブログにツイートをを貼り付ける際にコピーするこのコード。これをそのままブログに貼り付ければ、プレビュー内に表示されるように貼り付けることが可能です。 ですが、これだと基本的に左寄せで表示されてしまいます。 自分のサイトは「画像は基本的に中央寄せしてるのに、ツ... 続きを読む

海外版GALAXY Note3で全画面で使用できる『片手操作』機能を体験♪ « Galaxy Lab

2013/10/07 9 users Galaxy Lab 片手操作 ザク 全画面 解像度

画面が大きく解像度が高いディスプレイは情報を見る時は便利だけど、片手で操作しないといけない時が不便ですよね。 GALAXY Note3にはこの不便を解消できる（であろう）『片手操作』機能がつきました。 たぶんこれは国内キャリア版もこのまま乗るんじゃないでしょうか。 設定から片手操作を有効にしたら、いつでもサクっと切り替えて使え、表示位置も画面の大きさも好きに変更する事ができます。 画面の端から中心... 続きを読む

スクロール時に表示位置を固定するjQueryプラグイン『FixedScroll』を作成しました - ネモウスドットコム

2012/12/06 35 users ネモウスドットコム nemo jQueryプラグイン 既存

2012-12-06 スクロール時に表示位置を固定するjQueryプラグイン『FixedScroll』を作成しました Web制作 jQuery 今さら感は否めないですが、スクロール時に表示位置を固定するjQueryプラグインを作成しました。 Webサイト制作時にこの機能が必要だったのですが、既存のプラグインだと細かい点でうまく行かなかったので（&JavaScriptのリハビリも兼ねて）。 nemo... 続きを読む

表示位置をいい感じに調整してくれるネットワークグラフ「Springy」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログオープンソース・ソフトウ

2012/12/05 24 users ソフトウ オブジェクト ライブラリ ノード同士 トレンド

Springyはネットワークグラフにおいてノード同士の表示を自動的に調整してくれるライブラリです。オブジェクト同士の関連性からトレンドを見いだすのに使われるネットワーク図。そんなネットワーク図の表示において多数のオブジェクトが重なってしまう…といった時にはSpringyを使ってみましょう。 デモです。関連性が適切に見えます。この位置まで自動で調整されるのがSpringyの特徴です。 向きが変わった... 続きを読む

色々とカスタマイズが可能なツールチップ実装jQueryプラグイン「PowerTip」:phpspot開発日誌

2012/08/17 37 users 小回り ウリ phpspot開発日誌 マウス カスタマイズ

jQuery PowerTip 色々とカスタマイズが可能なツールチップ実装jQueryプラグイン「PowerTip」 シンプルなデザインながらカスタマイズ性から色々と小回りがききそうなツールチップのご紹介です。 表示位置やマウスについてこさせたりアニメーションさせたり、遅延時間を指定したり、コールバックが細かく指定できたりと、カスタマイズ性がウリのプラグインです。 ツールチップ内にリンクを埋め込む... 続きを読む

未来検索ブラジルは2ちゃんねるのフロント企業だった？ | スラッシュドット・ジャパン IT

2012/03/29 10 users スラッシュドット・ジャパン 未来検索ブラジル フロント企業

insiderman 曰く、 産経新聞によると、ひろゆき氏が役員を務める未来検索ブラジルが2ちゃんねるの広告収入の一部を受け取っており、運営に関与していた可能性があることが同紙の取材で明らかになったという。 『２ちゃんねる関連サイトによると、広告掲載料は大きさや表示位置などによって異なるが、１カ月で１５０万円以上になることもある』『関係者は「運営は主に広告収入で賄われている。収益に関与するというこ... 続きを読む

Ustreamの書き込みをニコニコ動画のコメントのように配信画面に表示する『CocoBot2』 | Macの手書き説明書

2011/09/25 14 users Uｓｔｒｅａｍ CONNECT IRCクライアント レイヤー

Ustreamで配信する時にニコニコ動画のようにコメントを画面で流すことができます。Ustreamのユーザー名やパスワード、チャンネル名を入力して「CONNECT」をクリック。環境設定から「Comment Scroller」の表示位置を調整します。透明なレイヤーが表示され、その上にコメントが流れます。表示するだけでなくIRCクライアントの機能もあるので、迷惑コメントや読み逃してしまったコメントへの... 続きを読む

シンプルなツールチップ実装ができるjQueryプラグイン「mTip」:phpspot開発日誌

2011/09/20 48 users Plugin ディレイ jQueryプラグイン HTML 文字

mTip - jQuery tooltip plugin シンプルなツールチップ実装ができるjQueryプラグイン「mTip」 シンプルに文字を出せたり、HTMLをそのまま入れられたり、表示位置やディレイ、カスタムアニメーションなどの設定ができたりとそれなりに柔軟性も備えたツールチップフレームワークです。 デザインも目立ちすぎないデザインでいい感じです。 使うのも超簡単で、mTipでツールチップ対... 続きを読む

[iPad, iPhone] Book+: PDFが「超」読みやすいPDFビューワー。全自炊ユーザーに強烈にオススメ。

2011/08/31 123 users スマー PDFビューワ iPhone ビジネスパーソン 圧巻

iPadをご利用の全自炊ユーザー・ビジネスパーソンに強烈にオススメしたいPDFビューワ、BOOK+が登場しました。 あらゆるPDFビューワーをみてきた私が感じるに、PDFの読みやすさは圧倒的です。 読みたい範囲を指定するとアプリが自動的に読みやすいと思われる大きさに拡大し表示位置を調整してくれるスマートフォーカス機能、そして画面に最大64ページ同時表示ができるマルチページビュー機能が圧巻。 スマー... 続きを読む

[JS]表示位置の微調整も可能、キュートなデザインのツールチップを実装するスクリプト -grumble | コリス

2011/07/28 58 users コリス text スクリプト ツールチップ 微調整

テキスト量を自動判定してサイズを大きく $('#grumble4').grumble( { text: 'Whoaaa, this is a lot of text that i couldn\'t predict', angle: 85, distance: 50, showAfter: 4000, hideAfter: 2000, } ); ); callback関数も用意されています。 $(... 続きを読む

ある要素までスクロールしたら特定の関数を実行するためのjQueryプラグイン『jQuery Waypoints』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2011/02/24 159 users スクロール 無限スクロール 実装 IDEA エントリー

これ、いつか使いそうだからメモ的にエントリー。特定の要素までスクロールしたらある関数を実行する、という処理ができるjQueryプラグインですね。うまく使えば「無限スクロール」「スクロールしても常にメニューを表示」なんてことが実現できちゃいますよ。↑ 表示位置を検出してスクロールしたら広告表示、なんてのもOK。実装も簡単そうだし、ご興味のある方はどうぞ。» jQuery Waypoints 続きを読む

[JS]オルトを利用して、画像にキャプションをかっこよく表示するスクリプト -Captify | コリス

2009/03/02 230 users コリス フェード オルト キャプション 常設

画像のオルトを利用して、画像の上にオーバーレイでキャプションを表示するスクリプト「Captify」を紹介します。 Captify demo デモでは、画像にマウスオーバーすると、下側からキャプションがスライドしてオーバーレイで表示されます。 オプションでは、キャプションの表示位置（上・下）、表示のスピード、不透明度、表示方法（フェード・スライド・常設）、クラス名などが変更できます。 キャプションは... 続きを読む

[JS]これ最強かものツールチップスクリプト -BeautyTips | コリス

2009/01/26 391 users コリス Ajaxコンテンツ トリガー スクリプト カスタマイズ

シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチッ... 続きを読む

CSSでフッタ位置をレイアウトする （CSS Sticky Footer） - youmos

2007/06/18 407 users youmos fixed ブッダ CSS position

CSSテクニックで非常にシンプルだが、是非実践したいのがフッタ位置の調整。フッタの表示位置をCSSのみで調整して、画面の下に表示してくれるようにするテクニック。 画面下に固定表示（position:fixed）ではなく、コンテンツ量が多いときは、スクロールした一番下に表示する。逆にコンテンツ量が少なく、スクロールが発生しない場合でも、きちんと画面の下にフッタが表示される。わかってしまえば、簡単に実... 続きを読む