タグ header
人気順 10 users 50 users 100 users 500 users 1000 usersアセットの import を簡単にする TypeScript Language Service Plugin を作った - mizdra's blog
Web ページを作るときに、あらかじめファイルに書き出しておいた画像 (アセット) をページに埋め込みたいことがよくあると思います。例えばヘッダーにサービスのロゴ画像を埋め込む場合、以下のようなコードを書くと思います。 // src/components/Header.tsx export function Header() { return ( <header> <img src="/a... 続きを読む
日本国内からのアクセスを制限しつつ海外へ同人誌を高値転売するサイトが発見される
黒井こあら🐨 @inisiemojikaki 転売のサイトはこれです。 otakurepublic.com/?type=header 国内からアクセス制限かかってるんですが、「otaku republic 自分の作品名(日本語ok)」とググると画像などは見られると思います。 注文が入ってから🐯などで買い付けて高値で転売するというヤフ○ク以上にひどい手法で転売してい... 続きを読む
Connect · Simple, reliable, interoperable. A better gRPC.
Simple, reliable, interoperable.A better gRPC.Connect is a slim library for building browser and gRPC-compatible HTTP APIs. If you're tired of hand-written boilerplate and turned off by massive frameworks, Connect is for you. $ curl \ --header 'Content-Type: application/json' \ --data '{"sentence... 続きを読む
1クリックでHTML要素の構造を可視化し、セマンティック要素が正しく実装されているか検証できる -Trashy.css | コリス
Webページに実装されているHTML要素の構造を可視化し、header, nav, main, articleなどセマンティック要素が正しく実装されているか検証できるスタイルシートを紹介します。 デバッグ機能も備えており、不正なマークアップや問題のあるマークアップを表示することもできます。 Trashy.css Trashy.css -GitHub Trashy.css... 続きを読む
DNSド素人がdigコマンドとRoute 53を使って、DNSについてあれこれ学んでみた | Developers.IO
試しに、digコマンドを利用して、 yahoo.co.jp に名前解決してみましょう。 $ dig yahoo.co.jp ; <<>> DiG 9.8.2rc1-RedHat-9.8.2-0.62.rc1.56.amzn1 <<>> yahoo.co.jp ;; global options: +cmd ;; Got answer: ;; ->>HEADER<<- opcode: QUERY, ... 続きを読む
amakan の React コンポーネント設計 - ✘╹◡╹✘
2017 - 03 - 15 amakan の React コンポーネント設計 説明用の図 例として、amakan anime のトップページ https://anime.amakan.net/ の構造を挙げながら説明する。 登場する コンポーネント 一覧 React.Component クラスを継承したクラスを コンポーネント と呼ぶ。上手に登場する コンポーネント は以下の通り。 Header... 続きを読む
jQueryプラグイン「Waypoints」でスクロール中に要素が出現するサイトを作ろう! | Neganin(ネガニン)
2. ダウンロード 「jQuery」本体はダウンロードするか、Googleにホストされているファイルを読み込みましょう。 「Waypoints」のバージョンは3.1.1です。下記サイトからダウンロードし「lib」フォルダ内の「jquery.waypoints.min.js」を使用します。 jQuery Waypoints <header id="header"> <h1>Waypoints</h1... 続きを読む
curl –resolveでコマンドラインから名前解決する | Siguniang's Blog
HTTP サーバに名前ベースのバーチャルホスト設定がされていて、設定されているホスト名でアクセスしたい場合は Host ヘッダーを渡せばOK IP アドレス 10.0.1.2 に http://www.example.com のホストでアクセスするときには以下のようにする。 curl $ curl --header "Host: www.example.com" http://10.0.1.2/ ... 続きを読む
IDを使わないCSSの設計|Web Design KOJIKA17
CSSのスタイリングではIDを使用しない、という話をよく聞くようになりました。 私も最近は、IDを使わずにコーディングしているので所感を書きます。 CSSでIDを使わない 「IDを使わない」ということをHTMLの変化で示すと、以下のようになります。 <div id="header" class="clearfix"> <h1 id="logo"><a href="">logo</a></h1> <... 続きを読む
ブログのSEO対策として画面最上部に固定してあるSNSへのリンク・検索窓をフッターへ書き直してみた | OZPAの表4
最近読んだカグア!Googleアナリティクス解説Blogさんの最新SEO対策メモと7つの気づき2013と言う記事を参考に、最上部に固定してあるSNSへのリンク・検索窓の要素をフッターに書き直してみました。 これまでは <head></head> <body> <div id="header"> <div id="nav"> <!-- ここにナビゲーションバーの記述 --> </div> </div... 続きを読む
[CSS]JavaScript無し、レスポンシブ対応、背景をコンテンツのスクロールに合わせて変更するスタイルシート | コリス
デモを幅780pxで表示 実装 実装は、5ステップです。 Step 1: 背景画像の用意 デモでは4つのコンテンツがあるので、3枚の背景画像を用意しています。一番大きい表示サイズを想定して、1,800x1,200pxの画像です。 Step 2: HTML HTMLは非常にシンプルです。 各コンテンツは4つのコンテンツはrapperのclassを付与したdiv要素で配置し、header, secti... 続きを読む
FuelPHPでResponse::redirectをする時にハマった'refresh'の挙動(IEのみ) | カミタニ ブログ
an evolution of signs / jm3 あるページから別のページへ飛ばすリダイレクト処理を書く場合、php で用意されている header 関数を利用できますが、FuelPHP でも同様のメソッドが用意されています。 Response::redirect 通常(?)のリダイレクト方法である Location を使う場合は問題ないのですが、Refresh を指定した場合、IEのみ “... 続きを読む
スマホサイト検索最適化の注意事項:Vary HTTP headerは別URL運用時に必要?不要?::SEM R (#SEMR)
スマホサイト検索最適化の注意事項:Vary HTTP headerは別URL運用時に必要?不要? スマホサイト検索最適化において、グーグル公式の文書を読みますとスマホ版をデスクトップ版とは別のURLで運用している場合においても Vary HTTP header が必要なように解釈できますが、実際は不要です。 alternate / canonical で両版の関係性を明示している場合、Vary H... 続きを読む
Apache 2.2.15から入った mod_reqtimeout を Reverse Proxyで使う場合の注意点 - blog.nomadscafe.jp
slowloris対策として、Apacheの2.1.15から入ったモジュールにmod_reqtimeoutというのがあります。 RequestReadTimeout header=10 body=30 このように設定することで、headerの受信が10秒以内、bodyの受信が30秒以内に完了しない場合、「408」エラーとできます。簡単で便利そうですね 公式ドキュメント http://httpd.a... 続きを読む
CakePHP 2.0 で Content-Type を変更する方法 | ウェブル
すると以下のように勝手に変更される、あるいは変更されません。これは Firefox のアドオンである Firebug を使うと確認することができますので、ヘッダの確認の際はこれを使いましょう。 $this->header() を使う CakePHP 2.0 で Content-Type を設定するには以下のようにするようです。以下のページに書いてありました。 CakePHP – Change th... 続きを読む
見落としがちなHTML5で変更された要素いろいろ | Webクリエイターボックス
HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね! H... 続きを読む
404 Blog Not Found:Apache - proxyを使って人様のアクセスをログする
そんなPHPなんて使わなくても、Apacheだけでできますがな。 企業イントラネットのちょっとグロイ小話4本*ホームページを作る人のネタ帳 かなり簡単な構造です。 検索ボックスから http://(自社グループウェアドメイン)/get.php に対して、検索ボックスからクエリを送信する。 ここで、サーバーに検索キーワード履歴を保存します。 その後、何事もなかったかのように header("Loca... 続きを読む