並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 2232件

新着順 人気順

Web標準の検索結果241 - 280 件 / 2232件

  • | ^^ |秒刊SUNDAY | WEB開発者がSleipnirを絶対に使ってはいけない7つの理由

    2009年04月29日 WEB開発者がSleipnirを絶対に使ってはいけない7つの理由 カテゴリ:WEBデザイン Sleipnirは使いやすい、すばらしい・・・などと絶賛するユーザがいますが、果たして本当にそうなのでしょうか、私はそれは有り得ないと断言します。 ◆読む前に WEB標準だの、コーディングだのAcidだの・・・訳がわからない方は、そのままSleipnirを使っていてOKです。 判りやすく言うと、SleipnirはアナログSafari、Firefoxなどは地デジぐらいの違いがあります。 という説明をしますので、開発者以外の方には『ふーん』程度に思っていてください。 では。 1:表示結果がWeb標準でない。 上の写真は、左から『Firefox、Safari、IE6、Sleipnir』をAcidという確認ツールで見比べた結果です。 Firefox、Safariについてはほぼ同じ

    • 今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar

      最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1)も割合としてはむしろ減少傾向 グラ

      • いまさら聞けない“Web標準”、そしてXHTML+CSS

        いまさら聞けない“Web標準”、そしてXHTML+CSS:いまさら聞けないリッチクライアント技術(4)(1/3 ページ) 前回の「いまさら聞けない、“Ajax”とは何なのか?」の説明の中で、Ajaxの定義の1つとして「XHTMLとCSSを使った標準規格のプレゼンテーション」というのがありました。前回の記事では、この部分をしっかり解説できなかったので、今回はこれについて解説をしましょう。 といっても、Ajaxの補足説明が今回の目的ではありません。HTML/XHTMLとCSSを使った「Web標準」について紹介します。 「Web標準」という単語はよく耳にしますが、具体的にどんなものか? HTML/XHTMLとCSSとどのような関係があるのか? さらに、HTML/XHTMLやCSSって何? といった点について見てみましょう。 「Web標準? Webを標準化することかな?」 AjaxやXML、Jav

          いまさら聞けない“Web標準”、そしてXHTML+CSS
        • 「Linuxデスクトップ元年」から20年経った - mrwk update

          僕にとってはLinuxデスクトップ元年は学部4回生だった1999年あたりにきて、一瞬(研究室でMacbookを買ってもらって結局firefox+emacs+端末しか触らなくなったという)浮気した時期があったものの20年ほど主なデスクトップ環境としてはLinuxだけを使う生活をしています。 たまにバグレポートをするくらいで積極的に開発に参加しているわけではない身ですが、いろいろなものが順当に進化しているなと思っています。 あとこれは僕がたまたまそうなだけで一般的には言えない話なのですが、仕事でLinuxに詳しくなったのがそのまま日常生活に有益だし、その反対もあるのでLinuxデスクトップすごくいいです。日常でちょっとハマッた時に仕事の知見がつかえるのはかなりお得感があります。 ちょうど2019年も今日で終わりですので、僕の記憶からここ20年くらいのLinuxデスクトップについての思い出や感想

            「Linuxデスクトップ元年」から20年経った - mrwk update
          • CSSでアイコンをテキストに揃えるのはこれで簡単になる!CSSの新しい単位「lh」「rlh」が登場

            アイコンのサイズをテキストに揃えて配置する時、どのように実装していますか? テキストのサイズぴったりにアイコンを簡単に配置できるCSSの新しい単位「lh」「rlh」が登場します。 'lh' and 'rlh' units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSS Values and Units Module Level 4に見たこともない新しい単位がありました! lh それが使われている要素のline-heightプロパティの計算値に等しい rlh ルート要素(おそらく<html>要素)のline-heightプロパティの計算値に等しい これらの新しい単位が役立つシーンはどこだと思いますか? Šime Vidasの記事によると、

              CSSでアイコンをテキストに揃えるのはこれで簡単になる!CSSの新しい単位「lh」「rlh」が登場
            • gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト

              gooランキングの情報をお届けします。 プッシュ通知を受け取りたい方は「プッシュ通知を受け取る」を押して頂き、 さらに後から表示されるポップアップの「許可」を押してください。

                gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト
              • Webブラウザーで「Visual Studio Code」が完全動作 ~「vscode.dev」にアクセスするだけ/Microsoft、「Visual Studio Code for the Web」をパブリックプレビュー

                  Webブラウザーで「Visual Studio Code」が完全動作 ~「vscode.dev」にアクセスするだけ/Microsoft、「Visual Studio Code for the Web」をパブリックプレビュー
                • 今後のWebデザインとの向き合い方

                  2012年2月25日 CSS Nite in TAKAMATSU vol.6 が開催されました。CSS Nite は、ツールの使い方や制作のノウハウなど、テクニックを扱うことが多いイベントですが、今回は全編を通してコードが出ないという珍しい構成でした。いつもとは少し違う雰囲気ではありましたが、他の CSS Nite にはない満足感を得た方も多かったのではないかという印象を受けました。イベントの様子はTogetterでまとまっているので参照してください。 私のセッションは、Webデザインのウソ・ホント ~ Web らしくデザインするためのヒントと題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。 今月はセミナーで登壇する機会が3回もあり、過密なスケジュールでした。準備は大変でしたが、3回を通して一貫としたテーマがあったかと思います。なんとなく「未来

                    今後のWebデザインとの向き合い方
                  • 静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能

                    静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能 オープンソースで開発されている静的サイトジェネレータ「Astro」の最新バージョンとなる「Astro 3.0」が正式にリリースされました。 Astro 3.0 is out now! 30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more. https://t.co/vOi44246Hg — Astro (@astrodotbuild) August 30, 2023 Astroは、ReactやVue、Svelte、Alpine.js、TypeScriptなどのさまざまなフレームワークやライ

                      静的サイトジェネレータ「Astro 3.0」正式リリース。JavaScriptなしでSPAのようなアニメーションの画面遷移など新機能
                    • Web標準化Tips - Web標準普及プロジェクト

                      特定のWebブラウザの独自拡張仕様を使っていたり、 特定のWebブラウザの表示が間違っていたために、 Mozillaによって実際に問題が発生した事例の修正方法を紹介しています。 また、ここで紹介する修正案は全てWeb標準仕様に基づいた内容となっています。

                      • CSSバグリスト@CSSバグ辞典スレッド

                        『CSSバグ辞典スレッド』の要約 ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。 更新履歴 WinIE171, 172、NN031、Opera091を追加。WinIE151を修正。(2004-11-29) WinIE169, 170、Moz085を追加。WinIE030, 039、Moz070、Opera048を修正。(2004-10-09) NN029, NN030、Moz084を追加。Moz033を修正。(2004-08-23) WinIE168、Moz082, 083を追加。WinIE022, 166を修正。(2004-08-08) Moz081、Opera090、Safari022, 023を追加。(2004-07-26) 以前の履歴 本拠地スレッド CSS

                        • 全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 - ICS MEDIA

                          2020年初め、Chromium版のMicrosoft Edge(以下新Edge)がリリースされました。新Edgeは「Microsoft Edge Legacy」(以下Edge Legacy)と比べて多くの機能が使えるようになっており、Chrome・Firefox・Safariのモダンブラウザと遜色ないレベルになっています。 先日5月29日にリリースされた「Windows 10 May 2020 Update」では、Edge Legacyの開発が終了することもアナウンスされており(参考記事「Windows 10 features we’re no longer developing - Windows Deployment」)、今後のWindows標準ブラウザは新Edgeとなっていくでしょう。 ウェブ制作の面で嬉しいことは、多くのCSSやJavaScriptの機能が使えるようになったことで

                            全モダンブラウザ対応のCSS機能が爆増。Chromium版Edgeのもたらす次世代CSS表現 - ICS MEDIA
                          • ITmedia News:はてなが目指す「世界標準」 (1/2)

                            トラックバックが世界標準になったことが、悔しかった。 「考えていたことは実は一緒。どっちが劣っていたとか、どっちが早いとかは、なかった」 個人のWebサイト同士を、ゆるやかなリンクでつなぎたい――トラックバックも、はてなダイアリーのキーワードリンクシステムも、基本の考え方は同じだったと、はてなの近藤淳也社長は言う。しかし前者は世界標準になり、後者は日本ローカルにとどまった。 この差は何だったのか。性質や使いやすさの違いもあったかもしれないが、それだけではない。 「トラックバックを開発した米SixApartのベン・トロットさんは、仕様書が書けてPerlコミュニティーに発言できた。標準化への努力、能力がぜんぜん違った」。勝敗を分けたのは、発想や技術ではなく、標準化のノウハウ。そう感じた。 埋められない差ではないと、近藤社長は信じている。「次こそ、こちらからイニシアティブを取りたい」。社員たった

                              ITmedia News:はてなが目指す「世界標準」 (1/2)
                            • よりよいCSSを書くための、CSS / Sass (SCSS) 30のルールとその理由

                              Webエンジニアを始めて丸2年が経ちました。 複数プロジェクトを進める中で、CSSコーディングを行うときの「こうしておくと便利」「このほうが管理しやすい」といった知見が溜まってきたのでまとめます。 はじめに 長くなってしまった細かい説明はところどころ折りたたんでいます。概要だけで理解できたら飛ばしていただき、詳しい話が気になったら開いて読んでください。 これらは「自分がよく取り入れている手法」であって、必ずしもどのプロジェクトにも当てはまるものではないと思います。 各項目について、自分がその判断に至った 「理由」 を説明していますので、 理由を読んだ上で自分のプロジェクトに取り入れるか判断いただくと良いと思います。 この記事は、すでにCSSコーディングをしていてアイデアがほしい人に向けた記事で、 CSSをこれから学び始めるような 初学者向けではない ことご了承ください。 一般的と思われるキ

                                よりよいCSSを書くための、CSS / Sass (SCSS) 30のルールとその理由
                              • 日本語組版処理の要件(日本語版)

                                1.1 このドキュメントの目的 すべての文化集団は,独自の言語,文字,書記システムを持つ.それゆえ,個々の書記システムをサイバースペースに移転することは,文化的資産の継承という意味で,情報通信技術にとって非常に重要な責務といえよう. この責務を実現するための基礎的な作業として,このドキュメントでは,日本語という書記システムにおける組版上の問題点をまとめた.具体的な解決策を提示することではなく,要望事項の説明をすることにした.それは,実装レベルの問題を考える前提条件をまず明確にすることが重要であると考えたからある. 1.2 このドキュメントの作成方法 このドキュメントの作成は,W3C Japanese Layout Task Forceが行った.このタスクフォースは,次のようなメンバーで構成され,ユーザーコミュニティーからの要望と専門家による解決策を調和させるために様々な議論を行ってきた.

                                • 今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ?

                                  概要 Partytownというプロジェクトが先月発表された。このプロジェクト自体はWebのパフォーマンス向上(3rd Party Scriptによるブロッキングの低減)を主目的としているが、実質ブラウザにおけるJavaScript Sandboxの方向性に一石を投じるものであるとして自分は理解した。本稿ではこちらについて背景とともに解説を試みる。 WebブラウザにおけるJavaScript Sandbox JavaScriptで記述されたWebアプリケーションにおいて、たとえばプラグイン機構を実現したいなど、他Partyが提供あるいはユーザ自身が記述したスクリプトを、ホストとなるアプリケーションに影響を与えることなく実行することを許可したい、というケースはままある。2000年代に跋扈したブログパーツの類はWebコンテンツに対するプラグインの代表例とも言えるが、埋め込み先ページに対しての全権

                                    今Partytownがヤバい。JavaScript Sandboxの未来はどっちだ?
                                  • CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説

                                    CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化(階層化)でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー(@layerC

                                      CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
                                    • WD Live! Web標準時代に求められるサイト構築法

                                      Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア(2004年2月~) Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project(WaSP)メンバー mixiにてWeb標準コミュニティを主催(2006年5月25日現在3260人が参加) 7月15日「Web標準の日」開催

                                      • 「Photoshop」と「Illustrator」にWebブラウザ版 まずはβ版、データ閲覧までなら非会員にも開放

                                        Webブラウザ上で動作するため、ダウンロード不要で使えるのが特徴。Creative CloudのメンバーでなくてもWeb版のツールを開いてデータを閲覧することは可能。有料会員であれば、レイヤー内のオブジェクトの移動や削除、文字入れ、「画像の映り込みの修正」といった簡単な編集ができる。 対応ファイルはアドビのクラウド専用ファイル形式である「クラウドドキュメント」のみだが、Photoshopで使われているPSDデータ、IllustratorのAiデータともに、一度Webブラウザ版で読み込むことでクラウドドキュメントに変換されるという。 Webブラウザ版は、同日に発表したチーム管理サービス「Adobe Creative Cloud Web」にも組み込まれている。プロジェクトの初期から制作物などアウトプットまでをオンラインで完結するよう設計されたもので、チームでのデータ管理やコミュニケーションなど

                                          「Photoshop」と「Illustrator」にWebブラウザ版 まずはβ版、データ閲覧までなら非会員にも開放
                                        • Flashがオープンソース化できず、FirefoxがYouTubeのHTML5動画を再生できない理由。H.264

                                          「Flashをオープンソース化できない主な理由は、H.264のようにアドビが所有していない技術が含まれているから」と説明するのは、アドビシステムズでオープンソース担当ディレクタのDave McAllister氏。 McAllister氏が自身のブログにポストしたエントリ「Following the open trail. 」で、こう説明されています。 The main reason we can't release Flash Player as open source is because there is technology in the Player that we don't own, such as the industry standard hi-def video codec, H.264. われわれがFlash Playerをオープンソースとして公開できな主な理由は、Pl

                                            Flashがオープンソース化できず、FirefoxがYouTubeのHTML5動画を再生できない理由。H.264
                                          • Chrome の console.log でハマらないために

                                            JavaScript を書いたことがある人ならば一度は使うであろう console.log ですが、この関数は思ったよりも厄介な性質を持っています。その性質を知らずに console.log を使うと、デバッグ時に大ハマリしてしまうことがあります。この記事では console.log の落とし穴についてお話します。 今回は Chrome に特化して解説しますが、Firefox や Safari でも同じ落とし穴があります。 console.log とは まずはさらっと基本をおさらいしましょう。 大前提なのですが、console.log は JavaScript の言語仕様(ECMAScript)で定義されていません。ブラウザ向けには whatwg の仕様がありますが、あくまでもそれはブラウザ向けの仕様であり、Node.js を含むほぼ全ての JavaScript 環境で使えるのは cons

                                            • yuga.js :: Kyosuke.jp

                                              yuga.jsって? ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s

                                              • JavaScriptの歴史については「JavaScript: The First 20 Years」を読む

                                                JavaScript/ECMAScriptというプログラミング言語の歴史について書いた文章はWikipediaなどいろいろなものがあります。 その中でも、ECMAScript 2015のSpec EditorであるAllen Wirfs-Brockによって書かれた”JavaScript: The First 20 Years”が特におすすめです。 JavaScript: The First 20 Years JavaScript: The First 20 Years | Zenodo “JavaScript: The First 20 Years”はHOPL IV - History of Programming Languages向けに書かれたPaperです。 JavaScriptの誕生からECMAScriptの策定、ECMAScript/JavaScript各バージョンでの違い、ブラ

                                                  JavaScriptの歴史については「JavaScript: The First 20 Years」を読む
                                                • BA - ビジネス・アーキテクツ

                                                  複数部門でサイト運営するなら高機能なPowerCMSはいかが?セキュリティの高い環境構成とおすすめ機能を紹介 CMSを選定している企業や組織の担当者向けに、PowerCMSのおススメの環境構成や機能をまとめました。ユーザーの権限管理や承認フロー機能があるため、複数部門でのサイトを運用したり、セキュリティの高いシステム構成にしたりできます。 WordPressから他のCMSに乗り換えて安心したい!Movable TypeとPowerCMS、PowerCMS-Xの機能と金額を比較してみた WordPress 以外の選択肢となりえるCMSの特徴や違いについて説明します。Movable TypeとPowerCMSの機能面を詳しく比較し、PowerCMS-Xなど一部のCMSについてもご紹介します。 【Webマーケティング初心者向け】KPIの設定方法とは?具体的な指標や立て方を徹底解説! Webマーケ

                                                    BA - ビジネス・アーキテクツ
                                                  • HTML5では何ができるのか、各ブラウザの対応はどうなっているのか、が一目でわかる -What is HTML5?

                                                    HTML5では何ができるのか、各ブラウザの対応はどうなっているのか、が一目でわかる -What is HTML5?

                                                    • SEO業者(代理店、コンサルタント)とは| Google 検索セントラル  |  ドキュメント  |  Google for Developers

                                                      フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 SEO とは、「検索エンジン最適化(search engine optimization)」または「検索エンジン最適化業者(Search Engine Optimizer)」の頭文字です。SEO 業者を利用するかどうかは、サイトの改善や時間の節約につながる可能性がある一方で、サイトや運営者の信用が損なわれるおそれもある重大な決定です。SEO 業者を利用するメリットと、無責任な SEO 業者によってサイトが被害を受ける可能性について必ず検討してください。多くの SEO 業者や代理店、コンサルタントでは、ウェブサイトの管理者向けに次のような便利なサービスを提供しています。 サイトのコンテンツや構成の見直し ホスティング、リダイレクト、エラーページ、JavaScript の使用など、ウェブサイ

                                                        SEO業者(代理店、コンサルタント)とは| Google 検索セントラル  |  ドキュメント  |  Google for Developers
                                                      • CSS Flexboxでヘッダを実装する最近のテクニックのまとめ

                                                        CSS Flexboxで、Webサイトのヘッダを実装する最近のテクニックを紹介します。 ロゴやナビゲーションの配置、各要素間のスペースの与え方、使用可能なスペースに検索フォームを広げて配置など、Flexboxを効果的に使用した実装方法です。 Building Website Headers with CSS Flexbox by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ヘッダの構造を確認 Flexboxの動作 ヘッダの実装バリエーション Flexboxでヘッダを構築するための便利なテクニック Flexboxで実装したヘッダのテンプレート 終わりに はじめに 私が初めてHTMLとCSSの基礎を学んだとき、Webサイトのヘッダを実装することは非常に難しい作業の1つでした。2014年頃のこ

                                                          CSS Flexboxでヘッダを実装する最近のテクニックのまとめ
                                                        • ソフトウェア分野の研究開発 / RFC 5023 Atom Publishing Protocol 日本語訳 | Ricoh Japan

                                                          この文書は RFC 5023 The Atom Publishing Protocol を, BCP78によって付託された権利に基づいて日本語に翻訳したものです。 翻訳には誤りがある可能性があります。この翻訳の正確性は保証しません。 翻訳についてのお問合せ先:(SSL対応フォーム) (非SSL対応フォーム) 翻訳者一覧 株式会社リコー 山本陽平 日野原寛 高桑寿一 中川勝樹 沖田邦夫 井上浩一 兵清弘 リコーソフトウエア株式会社 福田朋紀 更新履歴 2008-01-07 日外アソシエーツ株式会社 久我様の指摘を受け 9.7 の訳文をわかりやすく、11.2 の抜けを修正 2007-12-06 9.6、9.7.1、9.7.2、10 の誤記、表記ぶれを修正 2007-11-08 エヌ・ティ・ティ・コミュニケーションズ株式会社 朝倉様の指摘を受け 9.3/9.4 の誤訳を修正 2007-11-0

                                                          • 22年前からFirefoxブラウザに存在したバグ、23歳の初心者プログラマーが修正 | テクノエッジ TechnoEdge

                                                            ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 デスクトップ版のFirefoxブラウザーに20年以上存在していたバグが先月、23歳のプログラミング初心者によって修正されました。 2002年、MacでMozilla browser(Firefoxの当時の名称)を使用していたアダム・プライス氏は、ツールチップの表示の問題に悩まされていました。このバグは、Mozillaツールバーのアイコンにマウスカーソルをポイントして表示されるツールチップ(説明書き)が、Commandキー(WindowsではAltキー)+Tabキーでウィンドウのフォーカスをほかのアプリに移したあとも表示され続けてしまうというもの。 この状態になってしまった場合、ツールチップを消すには再びFir

                                                              22年前からFirefoxブラウザに存在したバグ、23歳の初心者プログラマーが修正 | テクノエッジ TechnoEdge
                                                            • HCD-Net

                                                              人間中心設計(HCD)専門家制度は、人間中心設計推進機構(HCD-Net)が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー

                                                                HCD-Net
                                                              • 2022年、注目しておきたいCSSの新機能のまとめ

                                                                2022年に注目しておきたいCSSの新機能を紹介します。いくつかの機能はすでに1つ以上のブラウザでサポートされており、他のブラウザもそれに続く予定です。 ビューポートではなく親コンテナに応じてスタイルを定義できる「コンテナクエリ」、詳細度とスタイルの順序を明示できる「カスケードレイヤー」、相対色構文が追加された「カラー関数」、Safariの100vhを解決する新しいビューポート単位「svh」など、今すぐにでも使用したい機能ばかりです。 Photo by Jr Korpa on Unsplash CSS in 2022 by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 注目の新機能(クロスブラウザでサポート) まだ先の新機能(実験的/シングルブラウザでサポート) 停滞している新機能 Safariは「新し

                                                                  2022年、注目しておきたいCSSの新機能のまとめ
                                                                • IE8 で実装された Selectors API とは何か? - IT戦記

                                                                  はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE

                                                                    IE8 で実装された Selectors API とは何か? - IT戦記
                                                                  • 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io

                                                                    Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、

                                                                      次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
                                                                    • W3C,マークアップ言語「XHTML 2」を「HTML 5」に統合へ

                                                                      Web関連技術の標準化団体World Wide Web Consortium(W3C)は米国時間2009年7月2日,マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について,策定担当ワーキング・グループ(WG)の憲章(行動指針)「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず,HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ,HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション(XML形式への変換)と見なしている。HTML 5仕様にXMLシリアライゼーションを含め,引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが,今後HTML

                                                                        W3C,マークアップ言語「XHTML 2」を「HTML 5」に統合へ
                                                                      • Microsoft、AI搭載の新しい「Bing」を発表 ~検索エンジンは新時代へ/「Microsoft Edge」にも組み込まれ、メール作成やブログ投稿を「秘書」のように手助け

                                                                          Microsoft、AI搭載の新しい「Bing」を発表 ~検索エンジンは新時代へ/「Microsoft Edge」にも組み込まれ、メール作成やブログ投稿を「秘書」のように手助け
                                                                        • 【最新2022年版】Googleが選ぶChrome拡張機能人気ベスト10! | ライフハッカー・ジャパン

                                                                          1. Compose AI:AIを使って文章作成を支援する拡張機能Screenshot: Compose AIまずはAIを使った機能から。 私がAIにライターの仕事を奪われることはないと思いますが、AIツールを使うとどんなふうに文章の質が上がるのか知りたくてたまりません。 テキストボックスに文字を入力する時間があるなら(メール、現状アップデート、ブログの投稿など)、Compose AIをチェックしてみてください。 この拡張機能は、正しい文法を提案するだけでなく、文章全体を書く手助けをしてくれる素晴らしいオートコンプリート機能も備えています。 さらに、わかりにくい文章を書くと、別の表現に書き換えるのを手伝ってくれます。 2. SwiftRead: 流し読みしたいものを速読する拡張機能Gif: SwiftRead速読は読む人によっても読むものによっても向き不向きがあります。 小説、ノンフィクシ

                                                                            【最新2022年版】Googleが選ぶChrome拡張機能人気ベスト10! | ライフハッカー・ジャパン
                                                                          • ナントカ還元水

                                                                            もしもあなたが税金を払えないときに使ってほしい、消費者金融があります。借りやすい会社ばかりでとってもおすすめです!初めての方にもわかりやすく、早く借りたい人にも親切・迅速なネット申込みも出来るのでとっても安心してお金を借りる事が出来ますよ! プロミスを申し込もうと思ったらまずは申込に必要なものを準備しておく必要があります。消費者金融の必要書類と言えば身分証明書がありますが、源泉徴収票が必要な場合もありますね。プロミスはどのような書類が必要なのでしょうか。源泉徴収票は必要なのでしょうか。 まず、必ず準備しなければいけない書類が身分証明書です。これは運転免許証、もしくは健康保険証やパスポートでも対応してもらえます。常に手元にあるものですから、新たに準備をしなければならないという書類ではありません。では他に必要なものはあるのでしょうか。 プロミスやアコムを申し込む場合、源泉徴収票は50万円以上の

                                                                            • JavaScriptの非同期処理をじっくり理解する (2) Promise

                                                                              対象読者と目的 非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある 実行順序の保証がよくわからないので自信をもってデプロイできない変更がある より詳しい仕組みを理解することでより計画的な実装をできるようになりたい という動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。 目次 実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定 用語に関する注意 前回定義した以下の用語を今回も使います。 1 tick ... タスクキューが1周すること。 1 microtick ... マイクロタスクキューが1周すること。 これらの単位は非同期処理の間の相対的な優先順

                                                                                JavaScriptの非同期処理をじっくり理解する (2) Promise
                                                                              • Google Meetで文字起こしやチャット保存を実現する無償のChrome拡張

                                                                                  Google Meetで文字起こしやチャット保存を実現する無償のChrome拡張
                                                                                • 610億円を払って「Firefox」を延命するGoogleのズル賢さ | AppBank

                                                                                  現在主流なブラウザはGoogle Chromeですが、他にもAppleのSafariやMicrosoft Edge、そしてFirefoxなど、ブラウザは数多く存在します。 中でもFirefoxはGoogle Chromeの長年のライバルでした。しかし不思議なことにGoogleは昨年、Firefoxに対して610億円を資金提供しており、同社の経営を助けています。なぜGoogleが競合を救うのか、その疑問について海外YouTubeチャンネル「Logically Answered」が解説しています。 GoogleがFirefoxを助けた理由 2008年にGoogle Chromeが発売されて以来、市場を席巻しています。現在はGoogleのサービスや拡張機能の統合により、多くの人がChromeを使っていることでしょう。 当然、Chrome以外のブラウザを利用しているユーザーもいます。例えばSafa

                                                                                    610億円を払って「Firefox」を延命するGoogleのズル賢さ | AppBank