タグ サイドバー
人気順 5 users 50 users 100 users 500 users 1000 usersWindows 11、9月26日の大型アプデ「23H2」で「Microsoft Copilot」ビルトイン
Windows 11、9月26日の大型アプデ「23H2」で「Microsoft Copilot」ビルトイン Microsoftは、「Windows 11」の大型アップデートを9月26日にリリースすると発表した。このアップデートで、AIアシスタント「Microsoft Copilot」(プレビュー版)を組み込む。CopilotはWindowsのサイドバーとして表示され、PC設定やメールの... 続きを読む
[速報]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はタスクバーから呼び出し可能(サーチ... 続きを読む
「Edge」のサイドバーが分離、デスクトップに合体!? ~Microsoftが新機能をテスト中/他のアプリで作業しているときも「Bing」のAIチャットやサイドバー機能が利用できる【やじうまの杜】
Chromeで使える! ChatGPTをサイドバーに埋め込む拡張機能の使い方【今日のワークハック】 | ライフハッカー・ジャパン
Chromeの拡張機能「ChitChat ChatGPT Sidebar」を使えば、ChatGPTが検索のサイドバーに表示されます。要約を作成したり、リサーチための質問をしたり、似たようなページを探してもらったりできます。 続きを読む
Microsoft Edgeに「ウィンドウの分割」機能が導入。2つのページを同時に閲覧可能に | ソフトアンテナ
Microsoft EdgeのCanaryビルドに、1つのウィンドウに2つのページを同時に表示する事が出来る分割ウィンドウ機能が実装されている事がわかりました(Neowin)。 現状のEdgeでも、最近導入されたサイドバーを利用して2つのページを同時に表示することができますが、分割ウィンドウ機能はツールバーのボタンや右クリックメニ... 続きを読む
Flexboxの最新テクニック! メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装
メディアクエリはなし、同じHTMLとCSSで、親コンテナの幅に応じて4つの異なるレイアウトに対応したフォームを実装するFlexboxの最新テクニックを紹介します。 もちろんコンテナクエリもなしです。 同じコードでフォームをどこにでも配置でき、コンテンツでもサイドバーでもフォームは最適にレイアウトされます。Flexbox... 続きを読む
CSS Gridでposition: sticky;のスティッキーが効かないときの原因とその対応方法
CSS Gridで2カラムのレイアウト(メインとサイドバー)を実装し、サイドバーにposition: sticky;を定義したけど、機能しなかったことはありませんか? CSS Gridでスティッキーが効かないときの原因とその対応方法を紹介します。 Using Position Sticky With CSS Grid by Ahmad Shadeed 下記は各ポイントを意訳したもので... 続きを読む
モダンCSSでよく使用されるレイアウトを実装するまとめ
ヘッダ・フッタ・コンテンツ・サイドバー、フルページのレイアウト、最下部のフッタ、中央配置、カードなど、一般的なWebサイトやスマホアプリのUIをモダンCSSで実装する方法を紹介します。 CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。これからのプロジェクトに役立つCSSのテクニックを... 続きを読む
【小ネタ】Slack のサイドバーを非表示にして作業に集中できるようにする | DevelopersIO
クラスメソッドではコミュニケーションツールとして Slack を使用しています。 顧客とのやりとり、仕事の話、技術の話、エラー通知、雑談、各種 RSS、各自の分報、自分用メモなど緊急度も重要度も用途も全く違うことが Slack 上で行われています。 ですのでどんな時でもどこかで未読の投稿が現れます。そして未読があっ... 続きを読む
レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS | コリス
Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実装は年々進化しており、さまざまなプロジェクトで使用できるシンプルで最小限のコードをまと... 続きを読む
簡単で便利なツールが登場!レイアウトを確認しながら、CSSのコードを生成できる -CSS Layout Generator | コリス
Webサイトでよく使用されるレイアウト、「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツールを紹介します...記事の続きを読む 続きを読む
HTMLとは?CSSとの違いや代表的なタグも紹介 | IT・エンジニア派遣のModis
HTML(HyperText Markup Language)はWebページを作成するための言語で、主にページ内の情報を構造化し、見出し、本文、サイドバーなどを明確化する目的で使用します。HTMLタグで必要な文書を挟み込むだけで使えるため、Web開発に携わる人の多くが、最初に学習する言語でもあります。 今回はこのHTMLについて、一体どう... 続きを読む
【保存版】CSS Flexboxでレスポンシブ対応のレイアウトを実装するHTMLとCSSのシンプルなコードのまとめ | コリス
CSS Flexboxで実装するWebページでよく見かけるレスポンシブ対応のレイアウト、カードレイアウト、ナビゲーションバー、サイドバー、聖杯レイアウトなどのHTMLとCSSのコードを紹介します。 コードは非常にシンプルなので、テンプレートやスニペットとして再利用できます。 Master CSS Flexbox 2021 ?- Build 5 Responsi... 続きを読む
Flexboxで実装する定番レイアウトのコードのまとめ | コリス
Webページやスマホアプリに使用される一般的な定番レイアウトをCSS Flexboxで実装したシンプルなコードを紹介します。 ヘッダ・コンテンツ・フッタがあるレイアウトをはじめ、サイドバーがあるレイアウト、スマホに対応したカードの配置、高さを揃えたカード、異なる高さのカードを使用した価格表など、コピペで簡単に使... 続きを読む
Cocoon、AMPページのCSSを変更する方法 | 3分ニュース: にゃんぷん
AMPページと非AMPページはデザインが違う 今日は、AMPページのデザインをCSSで変更する方法について説明します。 ブロガーさんなら、サイトを「パソコン」で見た時と「スマホ」で見たときでは、サイトのデザインが違うことには気づいていると思います。 たとえば、スマホではサイドバーが表示されないなど。 しかし、同... 続きを読む
WordPress、サイドバーが下に伸びて余白ができてしまったときの対処方法 | 3分ニュース: にゃんぷん
WordPress、サイドバーが下に長くなった サイドバー異常時(余白が下端まで続く) 上記の画像では、サイドバーの「新着記事」の一番下に 「Google年齢検索、有名人の年齢を即座に教えてくれる便利機能」 というアイテムがあります。 ここの下に無駄な余白が発生しています。 何の話か分からないと思うので、正常時(左)... 続きを読む
CSS Flexboxで、Webページによく使用されるUIコンポーネントを実装するテクニックのまとめ | コリス
CSS Flexboxを使用してWebページによく使用されるUIコンポーネント、ヘッダでロゴを左端にナビゲーションを右端に、固定幅のサイドバーと流動幅のメイン、フォームで入力欄とボタンの高さを合わせる、同じHTMLで異なるレイアウトのカードを実装するテクニックを紹介します。 CSS Flexbox: 5 Real World Use Cases by Ahm... 続きを読む
ボタンやアイコンやナビゲーションなど、クリック・タップ可能な領域のサイズを広くする実装方法のまとめ | コリス
ボタンやアイコン、ナビゲーション、サイドバーなど、さまざまなUI要素に適したクリック・タップ可能な領域のサイズを拡張する実装方法を紹介します。 Enhancing The Clickable Area Size by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています... 続きを読む
ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」 - エンジニア・プログラマのソーシャルITメディア
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「N... 続きを読む
nofrills/共訳書『アメリカ侵略全史』作品社 on Twitter: "欧州人で初めて「慰安婦」としての体験を語ったジャン・ラフ・オハーンさん、96歳で死去 https://t.co/5kGn76mXc2 この記事、数時間前にサイ
欧州人で初めて「慰安婦」としての体験を語ったジャン・ラフ・オハーンさん、96歳で死去 https://t.co/5kGn76mXc2 この記事、数時間前にサイドバーからたどったんだけど、もうたどれなくなってるし、Yahooトップか… https://t.co/dV91UVdZ8m 続きを読む
『ブログのここ、どうやって変えるの?』 はてなブログの各種設定 ダイアリーお引っ越し特集 第2回 - 週刊はてなブログ
『設定』と『デザイン』 「ヘッダー」と「記事エリア」と「サイドバー」 ヘッダー部分の設定 ブログ名・ブログの説明を変える ヘッダーに画像を表示する 記事エリアの設定 ソーシャルパーツの各種設定 コメントの各種設定 (おまけ)ブログトップに記事を固定する サイドバーの設定 『プロフィール』の自己紹介文を変更... 続きを読む
「ブログの説明」に関する仕様を変更しました - はてなブログ開発ブログ
はてなブログでは、サイドバーに表示するプロフィールの文章を「自己紹介」と改め、ブログ名の下に表示する「ブログの説明」と、それぞれ個別に編集できるようにしました。 「ブログの説明」と「自己紹介」 これまで「ブログの説明」は、ブログ名の下に表示する文章と、サイドバーの「プロフィール」モジュールに表示す... 続きを読む
【 Google AdSense 】関連コンテンツが開放されましたぁ? - sakigake news
はてなブログ開始2ヶ月で関連コンテンツが開放! モカリーナさんの記事を参考に、関連コンテンツを設定。 関連コンテンツの開放基準は、ゆるくなった? ほかのブロガーさんたちも既に開放されてる可能性アリ! ついでに、左側のサイドバーの項目や順番を少しカスタマイズ。 そもそも関連コンテンツって何? はてなブロ... 続きを読む
position: sticky;の仕組みや実際の使い方が分かると便利!仕様から実装方法までをやさしく解説 | コリス
position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける(スティッキー)便利なプロパティです。 position: sticky;の基礎知識、機能の仕組み、そして実際にどのようなコードで機能し、機能しないのか、便利な使い方などを紹介します。 CSS P... 続きを読む
記事が読みやすい公式デザインテーマ「Smooth」を追加しました - はてなブログ開発ブログ
はてなブログでは、新しい公式デザインテーマとして「Smooth」を追加しました。本文の読みやすさと、サイドバーの見えやすさを両立した2カラムのレイアウトが特徴です。本日より、はてなブログのデフォルトデザインテーマとなります。どうぞご利用ください。 新しい公式デザインテーマ「Smooth」 新しいデザインテーマ「... 続きを読む