タグ

webとWebに関するpega2sのブックマーク (31)

  • HTML5 入れ子チートシート | 吉川ウェブ

    HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素&文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he

    HTML5 入れ子チートシート | 吉川ウェブ
  • もはやマイナーブラウザの域に? Firefoxのシェアがついに10%を切り一桁台に突入へ【やじうまWatch】

    もはやマイナーブラウザの域に? Firefoxのシェアがついに10%を切り一桁台に突入へ【やじうまWatch】
    pega2s
    pega2s 2018/06/09
  • 最近、家のネットを、IPv4からIPv6へ変更したら、倍くらい速くなりました - 勝間和代が徹底的にマニアックな話をアップするブログ

    あと、最近、家に飛んでいる光+無線WiFiを、IPv4からIPv6にしました。これで、無線LANのスピードが、これまで、全部屋、だいたい100Mbps前後だったのが、200Mbps前後まで上がりました。 まぁ、IPv6にするといっても、実はやったことはたった一つで IPv6対応のルーターにこれまでのルーターを交換しただけ です。 なんか、いろいろとWiFiルーター調べているときに、どっかで IPv6にすると速くなる というのを読んで、半信半疑で変えてみたのですが、ほんとうに倍近くになりました。 もともと、光は1Gまででるといっても、ベストエフォートベースだし、WiFiにすると速度落ちるし、それでも、100Mbps前後でていれば、4G回線よりは速いからいいか、と思っていたのですが、 どうも、私が使っているプロバイダーはIPv6に対応しているらしい というのを知って、一応プロバイダーのページで

    最近、家のネットを、IPv4からIPv6へ変更したら、倍くらい速くなりました - 勝間和代が徹底的にマニアックな話をアップするブログ
  • 三度の飯よりアドレスバーが好きなデザイナーが選ぶ美しい URL 3 選 - Pepabo Tech Portal

    こんにちは〜!鹿です。わたしは minne を担当しているデザイナーです。 インターネットが好きで、とくにウェブブラウザのアドレスバーが大好きです。好きすぎるあまりに、ミーティング中にボーッとアドレスバーを見ていて怒られることも…。きょうは、そんな三度の飯よりアドレスバーが好きなわたしが選ぶ、美しい URL を紹介したいと思います。 まずは、みなさんおなじみの GitHub。たとえば React のリポジトリの URL を見てみると… はぁ…(うっとりした目で)。 なんて美しい URL なんでしょうか。なぜなら、「facebook」という名前の組織(organization)が作っている「react」という名前のプロダクトを「github.com」がホスティングしている、という事実が URL で表現されているからです。そのおかげで、わたしたちはこの URL にアクセスする前から、いったいど

    三度の飯よりアドレスバーが好きなデザイナーが選ぶ美しい URL 3 選 - Pepabo Tech Portal
    pega2s
    pega2s 2017/07/08
  • お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久

    今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO(入力フォーム最適化)をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル(項目名)」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を

    お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
  • HTTP 404?503?それぞれの意味を教えて! : 2chコピペ保存道場

  • ファーストサーバ社の障害に関して - naoyaのはてなダイアリー

    あまりまとめられないので箇条書きで。 「クラウド (IaaS)」と「レンタルサーバ」の区別 技術的には「クラウド (における IaaS)」と「レンタルサーバー」は明確に異なるものなので、そこは混同されないことをおすすめしたい 今回障害が起こったファーストサーバのサービスはレンタルサーバであって、クラウドサービスではないだろう クラウド = Amazon Web Services (AWS) や Heroku がその代表例だと思ってもらえばいい *1 具体的には、日経新聞の当該記事のこと → http://www.nikkei.com/article/DGXNASFK2600L_W2A620C1000000/ 意図は不明だが「クラウド」のような目新しいものと今回の事件とを結びつけて何かしらの印象を与えようとするのは、個人的には感心しない 業者が「クラウド」と謳っていたかどうかは知らない。例え

    ファーストサーバ社の障害に関して - naoyaのはてなダイアリー
    pega2s
    pega2s 2012/06/27
  • あってないようなサラ金の時効 | 借入れならこのキャッシング会社で!【カリーマネー】

    サラ金の時効は存在します。返済の日から何も反応せずに5年が経過すると、借金の時効が訪れる事になると法律で決まってます。ですが、時効を狙って逃げ回ってても良い事は一つも無いと言う事だけは覚えておいた方が良いでしょう。その事を知って、当に逃げ回ってる人がいると言うのも事実ですが、逃げてると言う事で精神的に追い詰められてしまうと言う場合も出てきます。何かから逃げてる生活と言うのは、したことある人にしかわからないものですが、かなり壮絶な生活と言えます。 サラ金の時効と言うのは、支払いの日から5年が経過した後に、消滅時効の援用を行うことによって、返済義務が消滅する事になります。ただし、貸した側のサラ金としたら、貸したものを返して貰えない事になってしまうので、そうなる前に色々と行動に出てきます。取立てにも勿論来ますし、姿をくらましたとしても、色々と調べて追ってきます。役所などでは、債権者は債務者の情

    pega2s
    pega2s 2012/06/24
  • なんてわかりやすい…猫で覚えるネットのあの表示 : らばQ

    なんてわかりやすい…で覚えるネットのあの表示 ネットを巡回していると、誰でも一度は目にするであろう「404 Not Found」などの表示。 Webサーバからのレスポンスの意味を表現する3桁の数字からなるコードで、HTTPステータスコードと言うそうです。 404くらいなら覚えていても、他の数字はなんのこっちゃとなる人が多いとおもいますが、とセットにしたわかりやすいものがありましたので、ご紹介します。 100 Continue 継続。クライアントはリクエストを継続できる。サーバがリクエストの最初の部分を受け取り、まだ拒否していないことを示す。 200 OK OK。リクエストは成功し、レスポンスとともに要求に応じた情報が返される。ブラウザでページが正しく表示された場合は、ほとんどがこのステータスコードを返している。 206 Partial Content 部分的内容。部分的GETリクエスト

    なんてわかりやすい…猫で覚えるネットのあの表示 : らばQ
  • 「食べログ」掲載しないで 佐賀の飲食店経営者が提訴 - 日本経済新聞

    店の利用客が料理の感想などを投稿するインターネット上のグルメサイト「べログ」をめぐり、佐賀市内の飲店経営者の男性(31)が9日までに、運営会社の「カカクコム」に対し、「自分の店の情報を掲載されたくない」と削除を求める訴えを佐賀地裁に起こした。訴状によると、男性は「望んでいないのに無断で掲載された。店のホームページとべログの違いをお客さまに説明しづらく、混乱を招いている」「料理を掲載さ

    「食べログ」掲載しないで 佐賀の飲食店経営者が提訴 - 日本経済新聞
    pega2s
    pega2s 2010/09/09
  • 見えてきたECサイトの人気レイアウト

    ECサイトのレイアウトは、ユーザーに情報を的確に届ける上で重要な役割を果たす。サポタントの調査結果から、ECサイトでトレンドになっている検索窓の設置場所やサイト幅のピクセル数が分かった。 Web・モバイル業界の人材事業を手掛けるサポタントは7月30日、EC(電子商取引)サイトのレイアウトのトレンドに関する調査結果を発表した。楽天市場(100サイト)、Yahoo!ショッピング(50サイト)に出展しているECサイトおよび企業が独自に運営するECサイト(100サイト)を7月に調査した。 70%がページ上部に「検索窓」を設置 Webページの上部に検索窓を設置しているECサイトは全体の70%だった。増加する商品点数に対し、検索性を向上させる目的で検索窓を設置するECサイトが増えているという。

    見えてきたECサイトの人気レイアウト
  • 携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード

    携帯端末以外のIPを制限するhtaccessを簡単生成(Mobile IP htaccess Maker) 2020年4月25日 2020年4月27日 Web便利ツール 携帯端末以外のIPを制限するhtaccessを簡単生成(Mobile IP htaccess Maker) 携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。 キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 使いかた アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報(自IP含む)が表示れます。 表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサ

    携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード
  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

  • asahi.com(朝日新聞社):「ネット全履歴もとに広告」総務省容認 課題は流出対策 - ビジネス・経済 (1/2ページ)

    インターネットでどんなサイトを閲覧したかがすべて記録される。初めて訪れたサイトなのに「あなたにはこんな商品がおすすめ」と宣伝される――。そんなことを可能にする技術の利用に、総務省がゴーサインを出した。ネット接続業者(プロバイダー)側で、情報を丸ごと読み取る技術を広告に使う手法だ。だが、個人の行動記録が丸裸にされて人の思わぬ形で流出してしまう危険もある。業者は今後、流出を防ぐ指針作りに入る。  この技術は「ディープ・パケット・インスペクション(DPI)」。プロバイダーのコンピューター(サーバー)に専用の機械を接続し、利用者がサーバーとの間でやりとりする情報を読み取る。どんなサイトを閲覧し、何を買ったか、どんな言葉で検索をかけたかといった情報を分析し、利用者の趣味や志向に応じた広告を配信する。  DPIは従来技術に比べてより多くのデータを集められるため、こうした「行動ターゲティング広告」に利

    pega2s
    pega2s 2010/05/31
    みんなそんなに気にしてるんだー。ネット通販もしないしエロサイトも二次創作も見ないし、せいぜいはてなしか見ないのでそんなに抵抗ないなぁ
  • 初心者さんのためのWebサイト制作に役立つリンク集

    2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください!」との声が多いのですが、日のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください! ↑私が10年以上利用している会計ソフト! Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため?何のため?Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム(Webサイトのレイアウト)を作成 Webサイトの骨組み: ワイヤーフレームを素早く・

    初心者さんのためのWebサイト制作に役立つリンク集
    pega2s
    pega2s 2010/05/26
  • aguse.jp: ウェブ調査

    あやしいサイトや知らないサイトを訪れる前に、URLを入力するだけでサイト背景情報を調査したり、迷惑メールの送付経路を表示したりすることが出来ます。

    pega2s
    pega2s 2010/03/27
  • URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久

    URL(Uniform Resource Locator)とURI(Uniform Resource Identifier)の構造の違いはご存知ですか? Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:(スキーム)」「#(フラグメント)」「?(クエリ)」「パス(path)」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか? Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや

    URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久
    pega2s
    pega2s 2010/03/10
  • | ^^ |秒刊SUNDAY | 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ

    2009年06月08日 鼻血が出るほど高センスなWEBデザインサイトギャラリー集まとめ カテゴリ:WEBデザイン デザインサイト集というのは、こんなにも沢山出来上がっているとは知らなかったのですが、仕事柄かなり活用しますのでここで抑えておきたいと思います。 ◆いけてるサイト.com このサイトを紹介しないと、この記事のコンセプトがわからないので、とりあえずフリということで。 ■WEBデザイン リンク集 : ikesai.com --- いけてるサイト ドットコム(WEBデザインの参考にどうぞ) ◆Webデザイン・Webデザイナーのまとめサイト 膨大なデータベースです。色やキーワードで検索できる。ここにいけばほぼそろうか? ■Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫ ◆WEBデザイン・データベースWEBdeDB

    pega2s
    pega2s 2010/02/03
  • WordPressでWebサイトを構築するまでの手順リスト - かちびと.net

    私的なメモです。WordPressで個人的にWebサイトを構築したり、受注した際の手順リストをメモ。自分用のチートシートです。いつも何かしら忘れている気がするのでいつもやる事をぱっと見で分かりようにリスト化しておきます。※個人的な主観が入っています。 Todoソフト等はあまり使わないので当に私的なメモですが、これが誰かのお役に立てたら幸甚です。プラグインなども好みが有ると思いますのでご参考までに。。 [note]情報が古くなったので改正版としてアップデートしました。[/note] インストール DB作成 WP最新版をダウンロード wp-config.phpDBに合わせて変更 接頭語も変える(wp_ → example_) FTPソフトでサーバーにインストール ログインして管理者権限のユーザーを作成 作成したユーザー名で再ログイン adminユーザーを削除 ダッシュボードの不要なコンテン

    WordPressでWebサイトを構築するまでの手順リスト - かちびと.net
    pega2s
    pega2s 2010/01/07
  • 無料でダウンロードできるクオリティーの高いPSDファイル500+ – creamu

    2EXPRERTSDESIGNというサイトで、無料でダウンロードできるクオリティーの高いPSDファイルがたくさん紹介されています。 いくつかご紹介しますね。 ↑はGrass Number PSD ( by PsEvi )。 Web User Interface Treasure Chest ( by LazyCrazy ) Full Pin Stock ( by atilazz ) Scratches PSD 45 Useful Collection of Free Photoshop PSD Files 他にもロゴデザインのPSDファイルなど、しっかり作られたものがまとまっています。 一度見てみてください。 500+ Free Download High Quality Photoshop PSD Files For Designers 金曜日ですね〜。週末はまったりするぞ。

    pega2s
    pega2s 2009/11/01