2024年版、ファビコン画像の作成方法と設置方法、さまざまなデバイスに対応させるには6種類のファイルが必要
最近のデバイスやブラウザに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。 ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を作成する方法について紹介します。 How to Favicon in 2024: Six files that fit most needs by Andrey Sitnik Sitnik氏は、PostCSS, Autoprefixer, NanoIDの制作者です。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2024/2/28: 元記事がアップデートされたので、当記事もアップデートしました。 はじめに ファビコンの設定方法 -ショートバージョン ファビコンの設定方法
ブラウザレンダリングの仕組み
Webの用語を100秒で解説するチャンネルを作りました！ よかったらチェックしてみてください！ はじめに 以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバから送られてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を 解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステップにな
若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA
ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。 この記事では、NetscapeとIEのブラウザ戦争に決着がついた後の、IE6が全盛期となった2000年代のウェブサイト制作を振り返ります。懐かさに浸たり、現代のウェブの成り立ちに通じる温故知新な情報として参照ください。 テーブルレイアウト / spacer.gif XHTML・CSSが普及するまではテーブルレイアウトが一般的でした。テーブルレイアウトとはtableタグを使い、格子状にレイアウトしていく手法です。テーブルレイアウトは、デザインファイル（Image ReadyやFireworks）から画像を切り出す「スライス機能」と相性のいい方法でした。 <table border="0" cellspacing="0" cellp
世界が認めたパズルアプリ『Cut the Rope』がブラウザ上（HTML5）で動く！ 2012年はスマホゲームの形態が変わるかも？ | ファミ通App【スマホゲーム情報サイト】
世界が認めたパズルアプリ『Cut the Rope』がブラウザ上（HTML5）で動く！ 2012年はスマホゲームの形態が変わるかも？ ●あの人気ゲームがWebブラウザで動いちゃった！ iOS、Android向けに配信され人気を博したパズルゲーム『Cut the Rope』が、開発元のZeptoLabとマイクロソフトによって、Webブラウザ上で動くゲームへと進化した。これまで、Webブラウザ上での操作は、FLASHを利用しなければ、かなり限られたものとなっていた。しかし両社は、HTML5という新たな言語を使うことで、FLASHを利用せずとも、Web上でパズルゲームを動かすことに成功したのだ。ちなみに、『Cut the Rope』は、GDC 2011（ゲーム・デベロッパーズ・カンファレンス）の携帯ゲーム機部門において、『ドラゴンクエストIX』や『メタルギア ソリッド ピースウォーカー』、『ゴッ
君は3つのリロードを知っているか？ - os0x.blog
はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか？ 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ
ブラウザやウェブについて知っておきたい20のこと
ワールド ワイド ウェブがティム バーナーズ リー氏により考案されて、20年以上が経ちました。今日、ウェブはシンプルなページだけでなく、動画や画像をふんだんに使ったインタラクティブなコンテンツやアプリケーションで溢れています。先日公開された3 Dreams of Black のような革新的で色彩鮮やかなインタラクティブビデオがブラウザ上で体験できるのも、最新のウェブテクノロジーによるものです。 では、ブラウザやウェブの技術はどういう仕組みになっているのでしょうか。最近よく耳にする「HTML5」や「クラウド」は、具体的に何を意味するのでしょうか。そして、このウェブを安全に、また効率的に利用するには何を知っておくべきなのでしょうか。 そんな疑問に答えるため制作された、ウェブブック「ブラウザやウェブについて知っておきたい20のこと」を、本日より日本語でも提供開始しました。 この楽しくて可愛らしい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
