タグ サイドバー
人気順 5 users 10 users 50 users 500 users 1000 users[速報]WindowsにチャットAIを搭載「Windows Copilot」発表、サイドバーから利用可能。6月にプレビュー版が登場予定。Build 2023
マイクロソフトは日本時間5月24日未明から開催する開発者向けイベント「Microsoft Build 2023」で、Windows 11にAIチャット機能を組み込んだ「Windows Copilot for Windows 11」(以下、Windows Copilot)を発表しました。6月にプレビュー版が提供される予定です。 Windows Copilotはタスクバーから呼び出し可能(サーチ... 続きを読む
モダンCSSでよく使用されるレイアウトを実装するまとめ
ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む
【保存版】CSS Flexboxでレスポンシブ対応のレイアウトを実装するHTMLとCSSのシンプルなコードのまとめ | コリス
CSS Flexboxで実装するWebページでよく見かけるレスポンシブ対応のレイアウト、カードレイアウト、ナビゲーションバー、サイドバー、聖杯レイアウトなどのHTMLとCSSのコードを紹介します。 コードは非常にシンプルなので、テンプレートやスニペットとして再利用できます。 Master CSS Flexbox 2021 ?- Build 5 Responsi... 続きを読む
ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」 - エンジニア・プログラマのソーシャルITメディア
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「N... 続きを読む
position: sticky;の仕組みや実際の使い方が分かると便利!仕様から実装方法までをやさしく解説 | コリス
position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける(スティッキー)便利なプロパティです。 position: sticky;の基礎知識、機能の仕組み、そして実際にどのようなコードで機能し、機能しないのか、便利な使い方などを紹介します。 CSS P... 続きを読む
「Slack」を最大限に利用するための基本テクニック15個 | ライフハッカー[日本版]
Slackに生活を乱されていませんか? 過剰なコミュニケーションが原因で何も手に付かないようでは、せっかくのツールが台無しです。 そこで、Slackのアジア太平洋チームを率いるArturo Arrrte氏に、そうならないための秘訣を聞きました。 サイドバーをすっきりさせる「環境設定」メニューで「サイドバー」を開き、「表示」セク... 続きを読む
コメント一覧ページで、記事をブックマークしたすべてのユーザー一覧を確認できるようにするなどの修正を行いました - はてなブックマーク開発ブログ
2017 - 09 - 22 コメント一覧ページで、記事をブックマークしたすべてのユーザー一覧を確認できるようにするなどの修正を行いました はてなブックマークでは、先日リニューアルしたWeb版 (PC、スマートフォンとも) のコメント一覧ページ (エントリーページ) について以下の追加修正を行いました。 ブックマークしたすべてのユーザーの一覧を、サイドバーの「詳しく見る」から確認できるようにしまし... 続きを読む
[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート | コリス
背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。 例えばパネルをクリアにして、背景をブラーにするなど、反転させてみるのも美しい見た目になります。 .blur-container.blur-8 { --bg: url(background.jpg); overflow: hidden; backg... 続きを読む
AbemaTV の番組表リニューアルに伴うパフォーマンス改善 - Qiita
以前の番組表 ↓↓↓ AbemaTV 新番組表 大きく変わったところ チャンネルが 横スクロールですべて見れる ようになった サイドバーに チャンネル一覧 ができた 日付切り替えがセレクトボックスから カレンダー表示 になった etc. 今まではチャンネルが 5ch 毎に区切られていたので、わざわざページを切り替えて見ないといけなかったのを、横スクロールですべてのチャンネルが一覧で見られるようにな... 続きを読む
目からウロコ!囚人のジレンマって経済の話だったのか! - 嗚呼、学習の日々
2015-11-14 目からウロコ!囚人のジレンマって経済の話だったのか! 未分類 Tweet みなさまごきげんよう! 嗚呼蛙でございます! 昨日、iTunesのアフィリエイト設定記事を書いたついでにサイドバーにお気に入り楽曲を貼ってみました。 何の役に立つわけでもないですが、なんとなく満足感があるので、今度追記したいですね。 ということで、今日はそんな話とは全く関係ない、職場の営業さんに聞いた面... 続きを読む
JavaScriptで構築している箇所もHTMLと同等にGoogleにインデックスされつつある - F.Ko-Jiの「一秒後は未来」
久しぶりに Google のウェブマスターツールにある「コンテンツ キーワード」でこのブログのキーワードを確認していたら、なぜか2位に「users」というキーワードがあるのを見つけました。 試しに Google でサイト内検索してみると、サイドバーに表示している「はてブ数順 人気エントリー」の部分が検索結果のスニペットに表示されていました。 ↑ この「471 users」などの記述は、 ↑ サイド... 続きを読む
よくあるWebデザインにSVGで一手間加え、さまざまな要素がアニメーションで楽しくなる -Elastic SVG Elements | コリス
ボタンがぷるるんと弾けたり、サイドバーがゴムのようにびよ~んとスライドしたり、フォームがぶるったりと、Webページのさまざまな要素に柔軟性を加え、操作が楽しくなる「Elastic SVG Elements」を紹介します。...記事の続きを読む 続きを読む
収益化をもくろむ♡私がブログ開設後に設定した10項 - ◎ どーなつ手帖 ◎
2014-10-22 収益化をもくろむ♡私がブログ開設後に設定した10項 Web おはようございます。 私がブログを開設した後に設定することをまとめてみました! ※全てのブログで使える内容を心がけていますが、はてなブログ特有の内容のものもあります。 【1】サイドバーの設定 ブログサービスが提供しているデザインから好みのものを選んだあと、まず「プロフィール」「最新記事」「月別アーカイブ」「検索フォー... 続きを読む
「サイドバーを表示」が無くなったiTunes 12でサイドバーを出す方法。
iTunes 12ではiTunes 11まであった「表示メニュー」の「サイドバーの表示」が無くなっており、一見サイドバーが表示出来ない様に見えますが「プレイリスト」という形で残っています。 表示方法は各「ライブラリ」を選択し、次に「プレイリスト」、そして表示したい「表示方式」を選択していきます(① > ② > ③の様に左から右へ順に)。これで*常に*サイドバーを表示することは出来ませんが、各ライブ... 続きを読む
[JS]サイドバーを左右からスライドさせるごくシンプルなスクリプト -Simple Sidebar | コリス
サイドバーを左右どちらからでもアニメーションでスライドさせるシンプルなjQueryのプラグインを紹介します。 Simple Sidebar Simple Sidebar -GitHub Simple Sidebarのデモ Simple Sidebarの使い方 Simple Sidebarのデモ デモはいくつか用意されており、スクリプトのページ自体にも適用されています。 デモ:デフォルト 左上のハン... 続きを読む
左サイドバーと右サイドバーとサイドバー無し、どれが好き?サイドバーの目的について - 鈴木です。
2014-08-17 左サイドバーと右サイドバーとサイドバー無し、どれが好き?サイドバーの目的について Google Analytics実験 ウェブマーケティング ウェブ解析関係 ブログ関係 スポンサーリンク ここ最近、はてなブログを見ていると左サイドバーが多く感じるようになりました。つい1ヶ月くらい前までは左サイドバーは稀だったというのがボクの印象です。 好みや慣れという事もあるのですが、個人的... 続きを読む
iOSアプリの操作感を持ち込んだMarkdownエディター『Write』がイイ! : ライフハッカー[日本版]
MacOS , OS , ソフトウェア , ツール iOSアプリの操作感を持ち込んだMarkdownエディター『Write』がイイ! 2014.06.08 07:30 私は飽き性なので、原稿書きに使うテキストエディターを頻繁に変更します。最近まで、ライフハッカーでも紹介したことがある『Byword』を使っていましたが、いまは『Write』がお気に入りです。 Writeは、サイドバーがファイルマネー... 続きを読む
各種パーツごとにWebデザインを色々見たい人の為のまとめサービス色々|レスポンシブ・ヘッダー・フッター・サイドバー・ロゴ等 | Flips Blog Web担の小技
今回は、WebデザインのインスピレーションをまとめたWebサイトをご紹介。 2012年から、結構色々なところで紹介されている有名ドコロではありますが、それぞれ、特徴的な部分をもったサイトのみをピックアップ致します。是非デザインに迷ったら参考にしてみてくださいね。 レスポンシブWebデザインのまとめサービス http://responsive-jp.com/ レスポンシブWebデザインがまとまってい... 続きを読む
「右カラム無視」への対策 – U-Site
「右カラム無視」への対策 公開:2013年12月17日付(日本語版)、2013年10月12日付(原文) 著者:Hoa Loranger 原文(英語):Fight Against “Right-Rail Blindness” 要約: Webユーザーは、情報過負荷へ適応するため、重要でなさそう、あるいは広告のように見えるエリアから注意をそらすように自分たちを訓練してきた。しかし、サイドバーは適切にデザ... 続きを読む
[JS]コンテンツを効果的にナビゲートするjQueryのプラグインのまとめ | コリス
スマフォ・タブレットでよく見かける三本線のナビゲーションをはじめ、コンテンツをスライドしてかっこいいアニメーションで表示されるサイドバー、1ページで構成されたサイト用のナビゲーションなど、あなたの大切なコンテンツを効果的にナビゲートするjQueryのプラグインを紹介します。 SlickNav リスト要素で実装するシンプルなスマフォ対応のナビゲーション。多階層対応、キーボード操作対応、アニメーション... 続きを読む
最近SNSに増殖してきた「◯◯歳起業家 自由な生き方で月◯◯万円を稼いでます☆」は本当に稼げているのか - BAYAREAD ─読書記録と忘備録─
2013-09-03 最近SNSに増殖してきた「◯◯歳起業家 自由な生き方で月◯◯万円を稼いでます☆」は本当に稼げているのか 最近、youtubeやTwitter、様々なサイトのサイドバーの広告でよく見かけるようになった人たちがいます。こういう人たちです。 彼らの多くは20台前半で、”起業家”を自称しています。どうやら”自由な生き方”をしているのに、毎月数十万円を稼いでいるようです。うらやましいで... 続きを読む
[JS]スクロールしてもサイドバーなどの要素を貼り付けたように常に表示させるシンプル高性能超軽量スクリプト -Sticky-kit | コリス
ユーザーがスクロールした際、指定した要素をぴたっと貼り付けたように指定範囲に常に表示させるスティッキー用のjQueryのプラグインを紹介します。 実装は非常に工夫されており、シンプルかつ高性能、しかも1.8kの超軽量! 一行の記述で、複数の要素を異なる範囲に表示させることもできます。 複数の要素を異なる範囲にも貼り付けたデモ Sticky-kitの使い方 実装は非常にシンプルで、簡単です。 Ste... 続きを読む
【ブログ】右サイドバーと左サイドバーどちらが良いのか? | Last Day. jp
最近僕の周りで左サイドバーを採用するブロガーが増えています。僕個人的には左にサイドバーがあると、コンテンツに集中できなくてブログを読むのをやめてしまう事があります。 という事でサイドバーについて色々調べてみました。サイドバーそれぞれのメリット・デメリット 右サイドバー メリット ✔ウェブページはを左から右に読むので、当然コンテンツが左側にあった方が読みやすい。 ✔世界中の多くのブログが右サイドバー... 続きを読む
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ「w2ui」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ... 続きを読む
新しいトップページの一覧性を高めました - はてなブックマーク日記 - 機能変更、お知らせなど
いつもはてなブックマークをご利用いただき、ありがとうございます。 今週の改善点を、お知らせいたします。 情報密度と一覧性を高めました リニューアル直後より、ユーザーの皆様から多くのご意見を頂戴しておりました、ファーストビューの情報密度と一覧性を修正しました。トップページの人気エントリーにもタイル・デザインを採用し、コンテンツを見渡しやすくしました。タイルの高さも圧縮しました。サイドバーをなくしたこ... 続きを読む