BT

最新技術を追い求めるデベロッパのための情報コミュニティ

寄稿

Topics

地域を選ぶ

InfoQ ホームページ CSS に関するすべてのコンテンツ

  • ピュアCSSチャートライブラリのCharts.CSS

    Charts.cssは、CSSとHTMLのみに依存する新しいデータ視覚化ライブラリである。JavaScript/Canvasの使用を回避することで、既存のソリューションでのアクセシビリティの課題の多くを回避できる。それと共に、縮小化およびgzip圧縮することでバンドルサイズを10kb未満に維持する。

  • Web年鑑 Mega Studyが、人気のあるフロントエンドフレームワークは依然としてWebのごく一部であることを明らかにした

    HTTP Archiveは、Webの状況の年次報告書であるWeb年鑑 2020を完成させた。レポートは、4つのセクション (ページコンテンツ、ユーザエクスペリエンス、コンテンツの公開と配布など) で構成された22の章で結論をまとめている。jQueryは依然としてWebの80%だ。CSS Houdiniはほぼ使用されていない。2020年のWebサイトの中央値は400KBのJavaScriptをリリースし、2019年より14%多くなっている。などである。

  • Vue3のネイティブCSS変数テンプレートとの統合検証

    Vue 3は、2年間の作業に続く大規模なリリースで、昨年9月に出荷された。 Vue開発者は、どのようにコンポーネントの状態がコンポーネントのスタイルに関連するかを単一ファイルのコンポーネントテンプレートで宣言的に記述することができるようになった。実験的な機能はCSS変数に依存するものである。これは、フレームワークに依存しない設計システムを実装するために使用されてきた、最新のブラウザのネイティブ機能である。

  • Tailwind CSS V2.0 - 最初のメジャーアップデート

    人気のユーティリティフレームワークであるTailwind CSSは最近、最初のメジャーアップデートをした。ダークモードのサポート、拡張カラーパレット、フォームサポートの改善、他にコミュニティからリクエストされたの多くの機能など、大幅な改善が提供される。

  • レスポンシブデザインを越える“レスポンシブWebサイト” - Killian Valkhof氏のHalfStackでの講演より

    Web開発者にフォーカスしたPolypaneブラウザを開発したKilian Valkhof氏は、HalfStackカンファレンスで、Web開発者とデザイナがレスポンシブデザインから一歩進むことによって、さらに優れたユーザエクスペリエンスの提供を可能にする、新たな方法について講演した。最新のブラウザ機能を用いることで、ユーザの嗜好や環境、ネットワーク条件、デバイス機能に適応することが可能になるのだ。

  • Vanilla JSの108の一般的なDOMタスク:HTML DOMプロジェクト

    オープンソースプロジェクトのHTML DOMは、一般的なDOM操作タスクを実行する100を超えるvanilla JavaScriptのスニペットを提供する。タスクの難易度は、些細なもの(要素のクラスを取得する)から高度なもの(サイズ変更可能な分割ビューを作成する)までさまざまである。このプロジェクトは、教育目的や、低レベルのDOM処理を自分で行う必要があるコンポーネント開発者にとって有益である。

  • Safari 13.1リリース

    Safari 13.1は先頃、macOS Catalina、iPadOS、iOS、およびwatchOS向けにリリースされた。Safari 13.1は、WebKitエンジン、プライバシー、パフォーマンス、およびWeb開発者のエクスペリエンスの向上に努めている。

  • webhint、Web開発者にベストプラクティスを提供

    新しいMicrosoft Edge開発者ツールのプロダクトマネージャRachel Simone Weil氏は先日、OpenJS worldで講演を行い、webhintがWeb開発者のベストプラクティス実装をいかにサポートするのか解説した。

  • IonicがShadow Partsでカスタマイズを改善

    Ionic Frameworkは最近、CSS Shadow Partsという次期W3C仕様を採用した。これによりコンポーネントのテーマ設定と変更が簡単になる。

  • Electron 8のリリースで、呼び出し元スタックロギング、HTTP解析の代替手段が導入された

    最近のElectron 8.0、8.1、および8.2リリースでは、JavaScript、HTML、およびCSSを使用してクロスプラットフォームデスクトップアプリを構築するためのフレームワークに大幅な改善が加えられた。これらのリリースのハイライトは、メインプロセスとレンダラープロセス間の通信のパフォーマンスの向上、コールスタックの制御の向上、パッケージ化されたElectronアプリでのHTTP解析NODE_OPTIONの追加などがある。

  • CSS Writing Modesが公式のWeb標準に

    World Wide Web Consortium (W3C) は先頃、CSS Writing Modes Level3が公式のWeb標準であることを発表した。新しいCSS標準を使用すると、開発者はテキストを水平または垂直にレイアウトするように構成したり、行を積み上げる方向を設定したりできる。CSS Writing Modesのおかげで、多数の言語のコンテンツをネイティブに表示できる。

  • Bootstrap 5はjQueryの依存関係を削除します

    新しいBootstrap 5ではjQueryが取り除かれ、Internet Explorer(IE)をサポートしない。

  • マイクロソフトの新しいFASTフレームワークを備えたアクセス可能な適応性のあるデザインシステム

    Rob Eisenberg氏は先頃、FASTフレームワークを導入した。FASTを使用すると、開発者はスタイルとプロパティをカスタマイズして、独自のデザインシステムとWebコンポーネントライブラリを作成できる。FASTは、アクセス可能なコントラスト要件を満たし、カラーテーマをサポートし、さまざまな背景色にわたって知覚的に均一なUIを提供する適応性のあるカラーシステムを使用している。開発者からの入力はほとんどありません。

  • すべてのエバーグリーンブラウザでWeb Animations APIがサポートされた

    Safari 13.1のリリースに伴い、Web Animations APIはすべてのエバーグリーンブラウザに同梱されるようになった。

  • なぜ私たちはCSSフレームワークを使わないのか - Scott Tolinksi氏、Reactive Conf

    最近のReactiveConfセッションで、Scott Tolinski氏は、CSS言語への最近の追加により、開発者は本格的なCSSフレームワークを使用する必要がない可能性があるという主題を擁護した。 Tolinski氏は、さらにIE11をサポートする必要のない開発者がCSS変数を活用して、フレームワークよりもオーバーヘッドの少ないカスタム設計システムを実装する方法を実証した。

BT

あなたのプロファイルは最新ですか?プロフィールを確認してアップデートしてください。

Eメールを変更すると確認のメールが配信されます。

会社名:
役職:
組織規模:
国:
都道府県:
新しいメールアドレスに確認用のメールを送信します。このポップアップ画面は自動的に閉じられます。