タグ「Webページ」 - はてブログ

タグ Webページ

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

(1 - 25 / 771件)

覚えておくと役立つネット上の便利なサイト・ツール50選まとめ【part2】 | ラジック

2011/06/06 2666 users http megalodon.jp Webテクニックリンク

覚えておくと役立つネット上の便利なサイト・ツール50選まとめ【part2】 2011年06月06日 11:26 役立ち/PC/Webテクニック Tweet part1はこちら↓ 覚えておくと役立つネット上の便利なサイト・ツール50選まとめウェブ魚拓 http://megalodon.jp/ ＷＥＢページを１ページずつ丸々保存してくれる便利なサイト。『ニュース記事を引用するためにリンクを張った... 続きを読む

覚えておくと役立つネット上の便利なサイト・ツール50選まとめ【part2】 | ラジック

2011/06/06 2650 users http megalodon.jp Webテクニックリンク

世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebペー

2022/07/05 2523 users Webベーたくさん制度ＡＱＵＡ世界

Aqua @AquaLamp 世の中には困ってる人を助ける制度がたくさんあるのに何が使えるかを教えてくれないっていう理不尽仕様なんだが、そんな世界をなんとかしようとしてる人たちがいて、そのためのWebページがこの前リリースされたってことを僕はフォロワーさんに知っておいて欲しいと思ったんよ compass.graffer.jp/handboo... 続きを読む

１年でフリーのWebデザイナーになった僕が実行した8のステップ【独学デザイン勉強法】 - Literally

2014/10/25 1597 users Tips プレゼン Literally スライドデザイン

2014-10-25 １年でフリーのWebデザイナーになった僕が実行した8のステップ【独学デザイン勉強法】 TIPS WEB DESIGN Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだこ... 続きを読む

JavaScriptの基本をサルでもわかるようにまとめた【入門用】 - いつ俺〜いつから俺ができないと錯覚していた？〜

2016/05/19 1501 users サル CSS 一つ一つ HTML 要素

今回はJavaScriptの基本について話をします。 JavaScriptではWebページに様々な動きをつけることができ、これまでHTMLやCSSしか触ってこなかった人が、より多くのことをWeb上でできるようになります。この記事では、そんなJavaScriptの基本を簡単に入門できるようにまとめました。一つ一つの要素は簡単だけど、少し量が多いというのが大変なところ。ですが、この記事だけで基本的... 続きを読む

JavaScript初級者から中級者になろう — uhyohyo.net

2014/07/25 1455 users uhyohyo.net プログラミング言語中級者ほか講座

JavaScript初級者から中級者になろう JavaScript。「ジャヴァスクリプト」と読みます。主にWebページを動きを与えるのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。現在では多くのWebページに使われていますが、とてもレベルが低く不適切なものも多数あります。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、この講座を作りまし... 続きを読む

どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？

2011/06/16 1351 users HTTPリクエストデザイン

いまリニューアル中のwebサイトがあります。リニューアルポイントは改善点の大きなポイントは負荷対策。つまりブラウザへの表示速度の改善です。よい機会なので、webページの高速化について調べてみました。目次高速化の重要度 Webサイトの待ち時間の80％はフロントエンドの処理によるもの【デザイナーにできること1】「CSS Sprite」で画像の表示速度を高速化する【デザイナーにできること2】外... 続きを読む

意外と知られていない、はてブの神機能 - 誰も知らない世界がある。

2015/05/15 1252 users はてブ神機能世界 2015-05-15 http

2015-05-15 意外と知られていない、はてブの神機能はてブの機能を組み合わせるとこんなことが出来る。まぁまずは見てほしい。 http://bukuma-diver.com/ ブックマークをWeb上に記録したり、Webページにコメントを付けたり出来るサービスは世の中にたくさんある。日本においては、はてなブックマーク、いわゆる「はてブ」が最王手である。そのため、ややIT系に偏っているものの... 続きを読む

Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説 | コリス

2020/11/12 1084 users レンダリング CSS コリス HTML 実装時

ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログ... 続きを読む

ブラウザレンダリングの仕組み

2021/05/05 1073 users ブラウザレンダリングレンダリングサーバ HTML 解析

以前書いた記事「Webページがブラウザに表示されるまでに何が起こるのか？」でブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。全体図レンダリングの大まかな流れです。 HTMLのダウンロードサーバから送られてきたHTMLをダウンロードします。 HTMLの解析サーバか... 続きを読む

webデザインに必要なアイコンが全て揃うアイコンセット「500+ web icons pack」 | DesignDevelop

2011/10/06 1066 users DesignDevelop アイコンセットアイコンとおり

ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。詳しくは... 続きを読む

Webページがブラウザに表示されるまでに何が起こるのか？

2021/04/14 1008 users ブラウザ

## # 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年代 ) ... 続きを読む

URLとURIは何が違うの？どちらが正しい呼び方？ | Web担当者Forum

2010/03/09 922 users URI ご存じ結論 Web担当者Forum 広い概念

今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか？ Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがありま... 続きを読む

UIのデザインでよく見かける、目の錯覚による違和感を取り除くデザインテクニックのまとめ | コリス

2019/10/31 803 users コリス Visu 均整錯覚違和感

WebページやスマホアプリのUIをデザインした時に、数値上は均整がとれているのに、人の目の錯覚で違和感を感じることがあります。ちゃんと揃えて配置したのに、同じサイズなのに、同じ色なのに、なんだか違和感があることはありませんか？この目の錯覚による違和感を取り除くUIデザインのテクニックを紹介します。 Visu... 続きを読む

Macでも無料でIE確認するためのModern.IEが想像以上に快適だった | Stocker.jp / diary

2013/10/29 791 users Stocker.jp diary VirtualBox 無料

Mac Macでも無料でIE確認するためのModern.IEが想像以上に快適だった Top diary Tuesday, October 29th, 2013 これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して... 続きを読む

HTML5でWebページをマークアップするための基礎知識 - ＠IT

2010/10/04 782 users HTML マーク基礎知識 SVG API

第2回 HTML5でWebページをマークアップするための基礎知識株式会社オープンウェブ・テクノロジー代表白石俊平 2010/10/4 最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたら... 続きを読む

Googleに負けないものを作りたい――女子大生が挑む日本独自の「かわいい検索」 - ねとらぼ

2011/06/29 780 users とらぼ Google アルゴリズムプログラミング女子大生

Googleに負けないものを作りたい――女子大生が挑む日本独自の「かわいい検索」女の子の“かわいい”を検索できる「かわいい検索」は、アルゴリズムの設計からプログラミング、デザインまで、学生が中心になって作り上げたWebアプリ。Googleが無視している「Webページの見た目の雰囲気」という要素にこだわり、日本人独自の検索エンジンを目指す。 [山本恵太，ITmedia] 「ゆるかわ検索」「キュート... 続きを読む

よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ | コリス

2021/02/18 748 users UIコンポーネントスニペットナビゲーションレイアウト

Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね... 続きを読む

知っておくとかなり便利！Chromeのデベロッパーツールであまり知られていない実用的な機能とテクニックのまとめ | コリス

2017/06/27 729 users デベロッパーツールコリスデバッグワークフロー過言

Chromeのデベロッパーツールは、Web制作に欠かせないといっても過言ではありません。DOMインスペクター、スタイルパネル、JavaScriptコンソールなど基本的な機能だけでも便利ですが、さらに便利になる機能も数多くあります。デベロッパーツールを使って、Webページやアプリの制作・デバッグのワークフローが大きく改善される実用的で便利な機能とテクニックを紹介します。 Mastering Chr... 続きを読む

.htaccessの書き方 | murashun.jp

2014/12/31 717 users htaccess サーバエラー murashun.jp 観点

.htaccess とは .htaccess とは、Webサーバの動作を制御するための設定ファイルです。特定のファイルやディレクトリへのアクセス制御や、ページが見つからない場合に表示される404エラーなどのサーバエラーを独自のWebページにリダイレクトすることもできます。 .htaccess を利用しなくともWebページは動作しますが、セキュリティの観点から導入をおすすめします。 Webサーバの... 続きを読む

プロっぽくなった！フォントや「文字」に関するまとめ | コムテブログ

2013/10/28 716 users フォントコムテブログ字詰め文字行間

先週、合同商談会があったのでバタバタとリーフレット作ったんですが、字詰めなどに慣れてなくて時間をとられました。サイトをリニューアルするときもフォントの大きさ、行間、位置などで悩んだり。今回はWebページを読みやすく、見栄え良くするために「文字」に関する知識をまとめました。もくじフォントに関する知識１．字間２．行間３．字詰め４．文字組５．ジャンプ率６．余白／図版率７．メリハリをつけ... 続きを読む

HTTPヘッダーを知っていますか？ | Web担当者Forum

2010/01/12 696 users HTTPヘッダー http HTTPレスポンス視野ルール

今日は、少し技術的な話ですが、Web担当者も知っておくといい知識を。テーマは「HTTPヘッダー」です。知らなくてもWebサイトは作れますが、知っておくとサイト上での仕組み作りの視野が広がるかもしれません。ブラウザでWebページを表示するときに、ブラウザはWebサーバーと通信しています。そのときに使われるのが「HTTP」というルールです。 HTTPは「HTTPリクエスト」と「HTTPレスポンス」に... 続きを読む

やっぱり便利！Googleのサービスをまとめてみた｜designaholic -Creative Column-

2011/03/28 695 users 代名詞 designaholic ツール参考検索機能

今や仕事でもプライベートでも多く利用していて手放せないGoogleのツールやサービスですが、どれだけあるのかまとめてみました。 Google検索まずはこれがないと始まらないGoogleの代名詞でもあるWebページの検索ですね。さらに検索機能を活用したい方はこちらも参考にどうぞ。もう｢ググれ｣と言われても困らない！Google検索テクニック続きを読む

JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく

2016/02/03 694 users パラメータライブラリウェブ類似グラフ

ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「 CanvasJS 」のご紹介です！類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。今回は、基本的な使い方を中心にご... 続きを読む

簡単！たった１３行のコードでHTML取得＆解析をするPerlスクリプト - DQNEO起業日記

2010/06/05 672 users Perlスクリプト DQNEO起業日記コード LWP JAP

１３行のコードで、Yahoo!Japanのトピックス一覧をする！ PerlでHTML取得・解析したいときはLWP::UserAgentとHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。この２つのモジュールを使って、Yahoo!Jap... 続きを読む

(1 - 25 / 771件)

次の25件 »