タグ スクロールバー
人気順 5 users 50 users 100 users 500 users 1000 users重要情報はスクロールしないと見えないが、スクロールバーがない EC事業者に業務停止命令
消費者庁が通信販売事業者LITに業務停止を命じた。同社のECサイトではスクロールしなければ見えない位置に重要情報を小さく記載していたが、ページにはスクロールバーを表示していなかった。 消費者庁は6月28日、ヘアケア商品やサプリメントを販売する通信販売事業者LIT(東京都目黒区)に業務停止を命じたと発表した。... 続きを読む
これは簡単で楽! スクロールバーのデザインを変更するCSSを確認しながら生成できるツール -Scrollbar.app
スクロールバーは、長いコンテンツのWebサイトに不可欠な要素です。ブラウザにはスクロールバーのデフォルトのスタイルがありますが、サイトのデザインに最適とは限りません。スクロールバーのデザインを変更するのは、CSSで簡単にできます。 スクロールバーのデザインを変更するCSSを確認しながら生成できるオンライン... 続きを読む
HTML制作で気をつけたいスクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ICS MEDIA
HTML制作で気をつけたい スクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ブラウザのスクロールバーは、OSの種類によって挙動や見た目がさまざまです。環境によって挙動が違うため、自分の環境では問題なくても、ユーザーの環境から見ると問題が起きていることがあります。次のような問題を経... 続きを読む
CSSでスクロールバーの有無によるがたつきをなくす: Days on the Moon
この記事はCSS Advent Calendar 2022の9日目の分です。 CSSのボックスモデルにおいては、ボーダーの内辺とパディングの外辺の間にスクロールバーが配置されます。最近はどのOSでもオーバーレイスクロールバー(スクロールバーが内容の前面に覆いかぶさるようなもの)が主流となり、スクロールバーが存在してもしなくても... 続きを読む
CSSでスクロールバーをカスタマイズする方法を徹底解説 -古いCSSと新しいCSSでの実装のポイント | コリス
スクロールバーのデザインをCSSでカスタマイズする方法を紹介します。 ページ全体のスクロールバー(ブラウザに表示されるやつ)はデフォルトのままでよいですが、ページ内のスクロールコンテンツなどではUIのデザインと一貫したスクロールバーを実装する必要があるかもしれません。 スクロールバーをカスタマイズする時... 続きを読む
いつからスクロールバーはこんなに触りにくくなったのか
スクロールした状態じゃないとスクロールバーが表示されず、 スクロールバーをつかもうとするとすぐ消えてしまう。 昔は常時表示されていたはずなのに、いつの間にこんな退化したのか。 これも「シンプルなのは何にも優る」というデザイン(笑)の力? 続きを読む
消えゆくスクロールバー|3inowayosuke|note
最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼1.消えゆくスクロールインジケーター1.1 フェイスブックiO... 続きを読む
VS Codeのミニマップの表示/非表示を切り替えるには:Visual Studio Code TIPS - @IT
ミニマップは便利だが煩わしいこともある。そんなときにはeditor.minimap.enabled項目を設定することで表示/非表示を切り替えられる。 連載「Visual Studio Code TIPS」 Visual Studio Code(以下、VS Code)には「ミニマップ」と呼ばれる機能がある。これはデフォルトでスクロールバーの隣に表示される、ドキュメント... 続きを読む
[CSS]知っておくと便利!スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法 | コリス
ビューポートを使った単位(vw, vhなど)は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか? サイトのナビゲーションやページコントロールはどうでしょうか? それらは計算に含まれますか? スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表... 続きを読む
スクロールバーのデザインや動きを変更したい時に便利なスクリプト 8 | NxWorld
スクリプトといってもほぼjQueryプラグインになりますが、ブラウザやOSによってデザインが異なるスクロールバーデザインを統一させたい時などに便利なスクリプトのまとめです。Chromeや古いIEなどのようにブラウザによってはCSSだけでスクロールバーのデザインを変更できたりはしますが、記述がバラバラだったりしますし、ひと通りのブラウザでとなるとやはりこういったもので対応するのが無難だと思います。ま... 続きを読む
【セキュリティ ニュース】「Wireshark 2.0」がリリース - パケット分析機能を強化(1ページ目 / 全1ページ):Security NEXT
リバーベッドテクノロジーは、オープンソースのパケット解析ツールの新版「Wireshark 2.0」をリリースした。 新版では、あたらしいアプリケーションフレームワークの採用。パケットレベルの分析機能を強化した。日本語を含む7カ国語に対応している。 列表示やソートなどの機能を高速化したほか、ファイルタリングに対応したエキスパートアイテムや対話フィルタオプション、スクロールバーの自動制御機能を追加。ま... 続きを読む
[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu | コリス
デフォルトのスクロールバーも表示 ブラウザのデフォルトのスクロールバーを併用することも可能です。 ScrollMenuの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプト、jquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" type="text/css" href="scrollmenu.css"> </head>... 続きを読む
子ページから親ページ(別ドメイン)の iFrame の大きさを操作する | バシャログ。
近いうちに大型の台風が来ると聞いてソワソワしている kimoto です。ここ数年で最強とか言われると身構えちゃいますよね…。 さて、今回は tips です。 別ドメインのページを iFrame 内に表示した際に、想定よりページの縦幅が大きくて、iFrame にスクロールバーが出てしまう…。 最初の表示時に大きさ合わせたけど、iFrame 内でページ遷移すると中のページの大きさが変わっちゃうので下に... 続きを読む
Firefox が新ロゴを採用、23ベータはSocial API や OS X 対応強化 - Engadget Japanese
Firefox が新ロゴを採用、23ベータはSocial API や OS X 対応強化 By Ittousai posted 2013年06月28日 19時10分 0 Firefox 22 正式版のリリースにともない、Mozilla が Firefox 23 ベータの提供を開始しました。 主な更新点は、Mac OS X 10.7 Lion 以降の消えるスクロールバーや、端までいくと跳ね返る「バウ... 続きを読む
Unicodeの全文字セットと便利ツールが揃った -Unicode character table | コリス
Unicodeの全文字セットを見やすくまとめたUnicode character tableを紹介します。 見たことのない文字や記号を眺めているだけで、ちょっと楽しいです。 Unicode character table 上記キャプチャだと2スクロール分のスクロールバーしか表示されていませんが、テーブルは無限スクロールとなっており、スクロールするとどんどん表示されます。 続きを読む
[CSS]ページが長くても、ページ全体を角丸のボーダーで囲むスタイルシートのテクニック | コリス
ページ全体を角丸のボーダーで囲み、そのページがスクロールするくらい長くても全体を囲むスタイルシートのテクニックを紹介します。 Body Border, Rounded Inside Step 1: ページ全体を角丸で囲む(スクロール非対応) Step 2: ページ全体を角丸で囲む(スクロール対応) Step 3: ページ全体を角丸で囲む(スクロールバーを変更) Step 1: ページ全体を角丸で囲... 続きを読む
[Mac] 操作性重視ならスクロールバーは常時表示
必要な時だけ現れるスクロールバーは見た目 ○ でも操作性は × OS X 10.7 Lion 以降ではスクロールバーの初期設定は以下のようになっていると思います。 普通ならこの設定で十分使えるのですが、個人的には以下の理由からスクロールバーを常に表示する設定に変更しました。 大した事ではありません。ちょっと待てばスクロールバーが消えるのは承知しています。 ただ、ファイル(フォルダ)をクリックするた... 続きを読む
[JS]ページのデザインに影響を与えないパーフェクトなスクロールバーの超軽量スクリプト -Perfect Scrollbar | コリス
大きいコンテンツをクリップして配置する際に添えるスクロールバーを実装する3KBと超軽量のjQueryのプラグインを紹介します。 Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけ... 続きを読む
スクロールバー、30年の歴史 : ギズモード・ジャパン
Mac , Mac/PC関連 , PC スクロールバー、30年の歴史 2012.10.04 20:00 たかがスクロールバー、されどスクロールバー。 太いやつ細いやつ、赤いやつ青いやつ。1981年から2011年まで30年間の様々なスクロールバーを1枚の画像でどうぞ。どんどん自己主張を減らし、脇役に徹していっている様子がうかがえますね。 今言っておこう、いつもありがとな、スクロールバー。 [Twit... 続きを読む
MacOS X Lion風のスクロールをブロック要素に付けられる「Antiscroll」:phpspot開発日誌
Antiscroll - os x lion style cross-browser native scrolling on the web that gets out of the way MacOS X Lion風のスクロールをブロック要素に付けられる「Antiscroll」 カーソルを合わせるとクールなスクロールバーがフェードインで現れ、マウスホイールやトラックパッドで動くスクロールを実装可... 続きを読む
Mountain Lionでビミョーに進化したスクロールバーがうれしい : ライフハッカー[日本版]
Apple , MacBook , MacOS Mountain Lionでビミョーに進化したスクロールバーがうれしい 2012.07.31 18:00 こんばんは、傍島です。Macユーザーの皆さん! OS X Mountain Lionを堪能していますか? 私はLionからアップデートしましたが、動作がスムーズになったと感じており、快適に使っています。 そのMountain Lionですが、大々... 続きを読む
[JS]テキストでも画像でもリストでもテーブルでも、長いコンテンツにスクロールバーを加えるスクリプト -Scrolite | コリス
デモページ:p要素 Scroliteの使い方 外部ファイル スクリプトとスクロールバー用のスタイルシートを外部ファイルとして記述します。 <script src="lib/jquery.min.js" type="text/javascript"></script> <script src="lib/jquery.scrolite.min.js" type="text/javascript"></... 続きを読む
14歳の考える葦が作った宇宙スケール「Scale of the Universe 2」(動画) : ギズモード・ジャパン
アート , インタラクティブ , 動画 14歳の考える葦が作った宇宙スケール「Scale of the Universe 2」(動画) 2012.02.25 18:00 [0] [0] Tweet Check 壮大な宇宙とちっぽけな自分。感動と欝が一度に押し寄せてくると今巷で話題のインタラクティブ作品「Scale of Universe 2」です。枯れた大人必見。 ここの下のスクロールバーを左右に... 続きを読む
Lion 統合アップデート 10.7.3からアップデートすると「CUI CUI CUI」と表示されたり、アプリが起動しなくなる不具合が発生します | Macの手書き説明書
OS X Dailyなどに掲載されている情報なのですが、早い次期に配布された「Lion 統合アップデート 10.7.3」は致命的なバグがあったようで、「Lion 統合アップデート 10.7.3」からアップデートしてしまうとボタンやスクロールバーなどのGUIパーツに「CUI CUI CUI」「? ? ? ?」と表示されたり、アプリが起動しなくなってしまうようです。画像はOS X Dailyから拝借し... 続きを読む
Mozilla Re-Mix: リンク先がブックマーク/訪問済みなのかを判別することができるFirefoxアドオン「Link Status Redux」
(01/07)リンク先がブックマーク/訪問済みなのかを判別することができるFirefoxアドオン「Link Status Redux」 (01/06)Firefoxのスクロールバーを7色に変化させることができるアドオン「NewScrollbars」 (01/05)Firefoxの「小さい」ツールバーボタンを以前のようなスタイルにできるアドオン「Classic Small Toolbar Butto... 続きを読む