タグ「プロパティ」

タグプロパティ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 90件)

CSSの2023年現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど

2023/09/07 145 users フレームワーク CSS エバーグリーン疑似クラス要因

CSSの進化は速く、ここ1,2年はさらに速くなりましたね。その要因の一つがIEのサポート終了で、現在はエバーグリーンのブラウザ（自動で最新版にアップデートするブラウザ）となり、モダンCSSの機能がたくさん使用できるようになりました。 2023年、CSSの現状調査をおこなった結果をまとめた「State of CSS 2023」を紹介... 続きを読む

GA4がわからないを分解して学習すべき項目を明確にする方法 - ブログ - 株式会社JADE

2023/05/18 387 users 株式会社JADE GA4 項目方法 Twitter

こんにちはあるいはこんばんは。村山(twitter id:muraweb_net)です。ユニバーサルアナリティクスを見ようとすると、アラートが表示されるようになりましたね。本格的に GA4 のことを考える方も増えてきたのではないでしょうか。 GA360 のプロパティや GA4 プロパティが存在するのに、アラートが一括で表示される手法は... 続きを読む

独立したCSS translate・rorate・scaleプロパティだからできる、豊かなアニメーションテクニック！ - ICS MEDIA

2023/03/09 102 users ICS MEDIA rotate CSS 記述両方

独立したCSS translate・rorate・scaleプロパティだからできる、豊かなアニメーションテクニック！ CSSのtransformプロパティはtraslate()やrotate()を1つの値として受け取るプロパティでした。そのため、同時にそれらを動かしたい場合、1つのプロパティに両方の記述が必要でした。これは記述の複雑化を生みます。最新... 続きを読む

デベロッパツールの新機能が便利！そのCSSがなぜ機能しないのか、どう修正すればよいのかが分かる

2022/11/02 310 users Flex デベロッパーツール Flexbox display

デベロッパーツールの地味だけど便利な新機能が実装されるので、紹介します。CSSの非アクティブなプロパティを表示し、それがなぜ機能しないのか、どう修正すればよいのか教えてくれる機能です。たとえば、親がdisplay: flex;ではないのにFlexboxのプロパティを設定しまった場合は、下記のように表示されます。 CSSに携... 続きを読む

Webページの見栄えをよくするたった58バイトのCSS

2022/10/20 138 users 見栄え CSS ボーナスオプション最初

ほとんどのWebページの見栄えをよくするたった58バイトのCSSを紹介します。 3つのプロパティだけですが、Webページを実装する時の最初のスタイルとして用意しておくとよいかもしれません。また、ボーナスの100バイト版とオプションのさらに100バイト版も合わせて紹介します。 58 bytes of CSS to look great nearly eve... 続きを読む

CSSは確実に進化している！新機能、単位を変数として利用できる「Variable Units（変数単位）」

2022/08/02 130 users 変数 CSS 単位カスタムプロパティ新機能

今年になってもCSSの進化が止まりません、むしろ加速しています！ IEのサポートが終了し、CSSのさまざまな機能が使用できるようなりました。中でもCSSの変数（カスタムプロパティ）を使えるようになったのはありがたいですね。参考: IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめそしてCSSの新機... 続きを読む

IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ

2022/06/14 219 users CSS object-fit level サポート外機能

object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック prefers-color-scheme media query prefers-reduced-motion media query text-emphasisプロパティ text-stroke, text-fill font-variation-settingsプロパティ will-changeプロパティ CSS Grid Layout (level 1) IEでCSS ... 続きを読む

Web制作者はしっかりと理解しておきたい！ CSSにおけるレイアウトアルゴリズムを解説

2022/04/14 206 users CSS CSSスニペットツイート解説 WEB制作者

CSSを理解するには、プロパティや値を知っているだけでは不十分です。CSSのレイアウトアルゴリズムがどのように機能するかを理解する必要があります。ブログやツイートで便利なCSSスニペットが紹介されていても、なぜ機能するのか、レイアウトアルゴリズムがどのように使用されているのか説明されていないことはよくあ... 続きを読む

ユニバーサルアナリティクスのサポートは終了します - アナリティクスヘルプ

2022/03/16 212 users アナリティクスヘルプユニバーサルアナリティクス使用

この記事では、2023 年 7 月 1 日（アナリティクス 360 プロパティの場合は 2023 年 10 月 1 日）をもってデータ処理が停止されるユニバーサルアナリティクスプロパティについて説明します。まだ使用していない場合は、Google アナリティクス 4 プロパティの使用を開始してください。（最終更新日: 2022 年 3 月 16 ... 続きを読む

2020年のCSSのまとめ、FlexboxやCSS Gridの使用状況、よく使用するプロパティや単位、人気のフレームワークやツールなど | コリス

2020/12/07 271 users Flexbox コリスブレークポイントフレームワークデザ

CSSを10年以上書いてきた人にとって、この2020年は今までとは全く違ったCSSになったと感じた人も多いと思います。レスポンシブはブレークポイントの代わりにCSS Gridでより簡単に実装できるようになり、グローバルなスタイルシートに頼るのではなく、CSS-in-JSでスタイルをコンポーネントに配置してテーマ性のあるデザ... 続きを読む

2020年、知っておくと便利なCSSのプロパティのまとめ | コリス

2020/07/21 369 users コリス Flexbox Edge CSS CSS Grid

ChromiumベースのEdgeもリリースされ、最近のブラウザ状況は大きく変わってきました。知っておくと便利なCSSのプロパティを紹介します。一昔前まではJavaScriptでないと実装できなかったもの、CSS Gridでの中央揃え、Flexboxでの中央揃え、リストのカラーを変更する方法、アイコンの横並び、タイル状の背景をいい感じに... 続きを読む

CSS Flexboxで配置する時に知っておくと便利！オートマージン（margin: auto;）の仕組みと効果的な使い方 | コリス

2019/12/23 178 users margin Flexbox コリス auto CSS

Flexboxも、margin: auto;も、CSSでよく使うプロパティです。このFlexboxとオートマージン（margin: auto;）を組み合わせると、さまざまなレイアウト・配置ができます。例えば、ナビゲーションのアイテムを配置する際に、ロゴだけ左端に、検索を右端に、といった配置もオートマージンが活躍します。オートマージン（ma... 続きを読む

CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ | コリス

2019/07/12 349 users コリス進化一昔前コード CSS

CSSの進化は早いですね。一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳し... 続きを読む

CSSについて誰も私に教えてくれなかった大切なこと -プロパティやセレクタがパフォーマンスに与える影響 | コリス

2019/04/11 512 users 実装テクニックセレクタコリス下記

当ブログでもCSSのさまざまなテクニックについて記事にしていますが、今回は表面的なものではなく、CSSの本質的なパフォーマンスに関することを紹介します。パフォーマンスを意識すると、実装も変わってくると思います。 Things nobody ever taught me about CSS. by Charlie Gerard 下記は各ポイントを意訳したもので... 続きを読む

グーグルがSearch Consoleを大改善! プロパティをいろいろ登録する面倒が不要に【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ | Web担当者Forum

2019/03/28 170 users グーグル Search Console サブドメイン大改善

illustration by つきのあめだま Web担当者やSEO担当者にうれしい情報だ。Search Consoleで「www」「HTTPS」「サブドメイン」などいろんなURLバリエーションを登録してデータをそれぞれから取得する手間が大きく減りそうなのだ。グーグルがSearch Consoleに加えた「ドメインプロパティ」「正規URLのプロパティへのデー... 続きを読む

レスポンシブ用にfont-size, margin, paddingなど、プロパティの値を一元管理できるSassの超軽量ライブラリ -SSCSS | コリス

2019/03/10 218 users padding ブレークポイント margin Sass 一元

デスクトップ・タブレット・スマホなどの異なるスクリーンサイズに応じて設定したブレークポイントをベースに、font-size, margin, padding, positionなど各プロパティの値を一元管理できるSass...記事の続きを読む続きを読む

position: sticky;の仕組みや実際の使い方が分かると便利！仕様から実装方法までをやさしく解説 | コリス

2019/02/07 141 users sticky コリス position スティッキーヘッダ

position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける（スティッキー）便利なプロパティです。 position: sticky;の基礎知識、機能の仕組み、そして実際にどのようなコードで機能し、機能しないのか、便利な使い方などを紹介します。 CSS P... 続きを読む

「自宅のドアにSuicaをかざす」「電気ケトルをコンロにかける」など疲れてる人の特徴をまとめた物に便乗し続々と体験談が集まる - Togetter

2018/11/14 430 users ドライヤー小麦粉 Togetter フェス体重計

疲れてる人の特徴・自宅のドアにSuicaをかざす・電気ケトルをコンロにかける・小麦粉を体重計で測る・髪洗って体洗って髪洗う・ツイッター閉じてツイッター開く・人が集まってるとフェスに見える・寒いとドライヤーで暖まる・前を歩く人を右クリックしてプロパティを見ようとする全部僕です続きを読む

[CSS]pointer-eventsプロパティですごい便利に！クリックやホバーのターゲットになる要素を変更するテクニック | コリス

2018/07/27 194 users コリスポパークリックイベント CSS ターゲット

CSSのプロパティ「pointer-events」は主に、要素のクリックイベントをキャンセルするために使用されます。しかし用途はそれだけではありません、クリックやホバーなどで要素のスタイルを変更する際、通常その要素自身がトリガーでターゲットになりますが、「pointer-events」を使用すると、子要素をトリガーに定義でき... 続きを読む

ファンタジー不思議のダンジョン『Tangledeep』Steamベータ版にて日本語に対応。世界観やシステムへの理解が捗る | AUTOMATON

2018/05/07 243 users AUTOMATON Tangledeep ベータ Steam

インディースタジオImpact Gameworksは5月4日、 Steamにて販売中の『Tangledeep』を日本語に対応させたことを発表した。Steamクライアントのプロパティからベータを選択し、ゲームを起動。右下の国旗アイコンをアメリカのものから日本のものに選択。ゲームを再起動すれば日本語で同作を楽しめる。現時点では、試験的な日本語サポートとなっており、まだ訳されていない部分もある。バグや... 続きを読む

段組みのCSS。

2018/01/09 392 users CSS いにしえ段組み従来シチュエーションごと

ページレイアウトに段組みはつきもの。Webデザインでは、CSSで段組みを行います。ちょっと前までは“よこ並び”も“段組み”もfloatプロパティひとつでまかなってました。けれど今は、シチュエーションごとにいろんなプロパティが用意されて、うまく使い分けることで、より効率よくページレイアウトができるようになってきました。そんなわけでここでは「段組みするためのCSS」を、従来（いにしえ）の方法から最新（... 続きを読む

もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita

2017/11/20 1121 users Photoshop 融通カタカナ CSS Qiita

HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」「Webで文字詰めだと... 続きを読む

[CSS]Web制作者が知っておきたい、Webフォントを快適に表示するCSSの新しいプロパティ「font-display」 | コリス

2017/07/26 309 users コリス Chromium CSS Webフォント現象

Webフォントを使用しているサイトやブログが増えてきました。そして、近日アップデートされるChrome 60では、Webフォントの使い勝手を向上する「font-display」プロパティがいよいよ正式に実装される予定です（参考: Chromium ）。 Webフォントを適用したテキストが読み込み時に一瞬表示されない現象があり、今まではJavaScriptで対応していた人、仕様だとあきらめていた人は... 続きを読む

clearfixの必要がなくなる新しいプロパティをW3Cが定義、一部のブラウザでもう使える！ | コリス

2017/01/26 143 users clearfix コリスワーキングドラフト定義ブラウザ

clearfixが登場してから早10年が過ぎ、お世話になった人もたくさんいると思います。そんなclearfixさんの必要性がなくなる新しいCSSのプロパティが、2017年1月25日にW3Cのワーキングドラフトで定義され ...記事の続きを読む続きを読む

(1 - 25 / 90件)

次の25件 »