タグ Webページ
人気順 5 users 10 users 50 users 100 users 500 users世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebペー
Aqua @AquaLamp 世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebページがこの前リリースされたってことを僕はフォロワーさんに知っておいて欲しいと思ったんよ compass.graffer.jp/handboo... 続きを読む
ブラウザレンダリングの仕組み
以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか?」で ブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。 全体図 レンダリングの大まかな流れです。 HTMLのダウンロード サーバから送られてきたHTMLをダウンロードします。 HTMLの解析 サーバか... 続きを読む
Webページがブラウザに表示されるまでに何が起こるのか?
## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) ... 続きを読む
Webページ高速化に必須の知識!ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説 | コリス
ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ... 続きを読む
JavaScriptの基本をサルでもわかるようにまとめた【入門用】 - いつ俺〜いつから俺ができないと錯覚していた?〜
今回はJavaScriptの基本について話をします。 JavaScriptではWebページに様々な動きをつけることができ、これまでHTMLやCSSしか触ってこなかった人が、より多くのことをWeb上でできるようになります。 この記事では、そんなJavaScriptの基本を簡単に入門できるようにまとめました。 一つ一つの要素は簡単だけど、少し量が多いというのが大変なところ。ですが、この記事だけで基本的... 続きを読む
意外と知られていない、はてブの神機能 - 誰も知らない世界がある。
2015-05-15 意外と知られていない、はてブの神機能 はてブの機能を組み合わせるとこんなことが出来る。 まぁまずは見てほしい。 http://bukuma-diver.com/ ブックマークをWeb上に記録したり、Webページにコメントを付けたり出来るサービスは世の中にたくさんある。日本においては、はてなブックマーク、いわゆる「はてブ」が最王手である。 そのため、ややIT系に偏っているものの... 続きを読む
1年でフリーのWebデザイナーになった僕が実行した8のステップ【独学デザイン勉強法】 - Literally
2014-10-25 1年でフリーのWebデザイナーになった僕が実行した8のステップ【独学デザイン勉強法】 TIPS WEB DESIGN Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだこ... 続きを読む
JavaScript初級者から中級者になろう — uhyohyo.net
JavaScript初級者から中級者になろう JavaScript。「ジャヴァスクリプト」と読みます。主にWebページを動きを与えるのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 現在では多くのWebページに使われていますが、とてもレベルが低く不適切なものも多数あります。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、この講座を作りまし... 続きを読む
webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」 | DesignDevelop
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは... 続きを読む
どや!?ひよっこデザイナーにもできるWebページ高速化!鍵は「HTTPリクエストの数を減らすこと」 | デザインどや!?
いまリニューアル中のwebサイトがあります。リニューアルポイントは改善点の大きなポイントは負荷対策。つまりブラウザへの表示速度の改善です。 よい機会なので、webページの高速化について調べてみました。 目次 高速化の重要度 Webサイトの待ち時間の80%はフロントエンドの処理によるもの 【デザイナーにできること1】「CSS Sprite」で画像の表示速度を高速化する 【デザイナーにできること2】外... 続きを読む
覚えておくと役立つネット上の便利なサイト・ツール50選まとめ 【part2】 | ラジック
覚えておくと役立つネット上の便利なサイト・ツール50選まとめ 【part2】 2011年06月06日 11:26 役立ち/PC/Webテクニック Tweet part1はこちら↓ 覚えておくと役立つネット上の便利なサイト・ツール50選まとめ ウェブ魚拓 http://megalodon.jp/ WEBページを1ページずつ丸々保存してくれる便利なサイト。 『ニュース記事を引用するためにリンクを張った... 続きを読む
覚えておくと役立つネット上の便利なサイト・ツール50選まとめ 【part2】 | ラジック
覚えておくと役立つネット上の便利なサイト・ツール50選まとめ 【part2】 2011年06月06日 11:26 役立ち/PC/Webテクニック Tweet part1はこちら↓ 覚えておくと役立つネット上の便利なサイト・ツール50選まとめ ウェブ魚拓 http://megalodon.jp/ WEBページを1ページずつ丸々保存してくれる便利なサイト。 『ニュース記事を引用するためにリンクを張った... 続きを読む