web

webページの縦幅を調べるにはChromeの「要素を検証」で

web

こんな感じ。

スタイルシートの指定で特定のtypeのinputタグ指定する場合はinput[type="text"]という感じで指定

こんな感じ .wpcf7-form input[type="text"] {margin-left:5%;width: 50%} /*入力フィールド幅指定*/ .wpcf7-form input[type="email"] {margin-left:5%;width: 50%} /*入力フィールド幅指定*/ネタ元 http://jsdo.it/snic/8o3C

WordPress・Contact Form 7お問い合わせフォームのスパム対策

web

めちゃめちゃスパムくるのでうざい。チェックボタン押さないと送信できないように対策した。 ・・・が、イタチごっこのような気もする。 ネタ元 http://easyramble.com/contact-form-7-ban-spam.html

プルダウン(ドロップダウンリスト)の選択フォームサンプル

web

<form method="post" action="example.cgi"> <p> <select name="example1"> <option value="サンプル1">選択肢のサンプル1</option> <option value="サンプル2">選択肢のサンプル2</option> <option value="サンプル3">選択肢のサンプル3</option> <option value="サンプル4">選択肢のサンプル4</option> <option value="サンプル5">選択肢のサンプル5</option> </select> </p> <p></p></form>

URIの実質的な上限は2083文字

web

色々な事情での制限がある。 HTTP1.1の仕様上はHTTP GETで転送できるデータ量(=URIの長さ)には上限がありません。 Webサーバでデフォルトは制限されていますが、設定で変更することが可能です。 しかし、IEにはURI長が2083文字という制限があるため、実質的…

JSON整形サービス

JSONのテストなどにどうぞ http://www.ctrlshift.net/jsonprettyprinter/

GoogleAdwordsのモバイル広告で求められるアプリIDのこと

web

iOSならAppStoreのリンク内URLにあるidのあとの9桁の数字、 AndroidならこれまたGooglePlayへのリンク内URLにあるid=のあと文字 ターゲット設定するアプリの ID がわかっている場合: アプリの ID を次のフォーマットで入力します。 iOS アプリ: mobileapp::1-…

ブラウザのアドレスバーからJavaScriptのコードを実行・・・できないのでブックマークレットでどうぞ

セキュリティの関係だと思うけどChromeもIEもURLでjavascript:って入力すると消されちゃって実行できない。でもブックマークレットにすれば問題なし。テストコード javascript:(function(){alert("Hello World!!");})();ネタ元 http://www.crystal-creation.…

問合せフォームが簡単に作れるプラグイン / Contact Form 7

いろいろあってどれがベストかわからんけど、一応使ってみたということで。 ネタ元 http://www.kitaguchi.jp/contact/62.html

wordpressでfavicon設定方法

FavIcon from Pics -- free, instant favicon for your siteとかでfavicon.icoを作成して、差し替える。どこにfavicon.icoがあるかは、テンプレート次第。 ネタ元 http://freemakes.net/%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90/%E3%83%95%E3%82%A1%E…

未訪問リンク色/訪問済みリンク色/オンマウス時のリンク色/クリック時のリンク色、スタイルシートで指定

以下の様にCSSでリンクをまとめて記述すると簡単です。 (動作に優先順位があるので上下の順番を間違えないように) a:link{ color: navy;} a:visited{ color: brown;} a:hover{ color:maroon; background:#FF0;} a:active{ background: aqua;}上から ・未訪…

テキストリンクには下線つけ隊が、画像には付けたくないときの対処法

CSSで画像用の定義つくって、下線付けたくない画像くくってやる ---------html------------ <div class="imgborder"><a href="#"><img src="1.jpg" border="0"></a></div> ---------css------------- .imgborder{text-decoration:none;} CSSについて。 <a>にborderで下線をつけると、画像リンクにも下線がついてしまいま... - Yahoo!知恵袋</a>

色とRGB値の対応表「原色大辞典」

web

WEB色見本 原色大辞典 - HTML Color Names

WordPress タイトル文字を任意の画像ロゴに変更する

style.cssとheader.phpを少し変える WordPress タイトル文字を任意の画像ロゴに変更する | CORAL

シンプルなワードプレステンプレートとその解説

勉強になります。はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

WordPressのテーマ編集のためのパーミッションの設定

FTPで/wp-content/themes/ 編集したいファイルを666など、書き込めるパーミッションにすればOK ネタ元 ファイルアップロード、テーマ・プラグイン編集のためのパーミッションの設定 | WordPressインストール・設定ガイド

WordPressのトップページのURLを変更する方法

WPの設定の一般のサイトアドレス (URL)を本番のURLに変更して、index.phpの最後の表を下のようにいじってから本番フォルダに移動させる作戦。 require( dirname( __FILE__ ) . 'wp/wp-blog-header.php' );※パーマリンクの設定を変えている場合は、.htaccess…

ニコ生に16:9で動画UPするなら640x384

[web][tool]ネタ元 ニコニコ動画の対応する画像サイズが512×384というのは、原宿が終わってしまった今... - Yahoo!知恵袋 16:9推奨とは (ジュウロクタイキュウスイショウとは) [単語記事] - ニコニコ大百科

パーソナライズをOFFにしたGoogle検索方法

web

Choromeのシークレットモードで検索 検索結果ページのURLの最後に「&pws=0」というパラメータを付けてアクセス これでもなにかしらの影響は残るらしい。完全なOFFは難しい状況 ネタ元 「うちのサイト最近1位が多いな」←それ実は違います。本当の順位を見る方…

ホームページをiPhoneの幅に合わせて表示する方法

web

以下のおまじないを、 ホームページのヘッダに埋め込みます。 <meta name="viewport" content="width=750">ネタ元 ホームページをiPhoneの幅に合わせて表示する方法|「売れるホームページ研究所」 橋本技研は土日営業!</meta>

HTML,CSS ウインドウ幅に合わせて画像サイズを変化させる方法

web

[web]スマフォ/タブレット両対応サイトなどではこういう工夫がいるのだろうなぁ。ウインドウ幅に合わせて画像サイズを変化させる方法 [ホームページ作成] All About

Google Playの公式バナーの取得

[web][tool]Google Play Badges | Android Developers ネタ元 WEBデザイナー用。各種サイト公式ボタンとバナーのリンクまとめ。 - NAVER まとめ

DVDをyoutubeに簡単アップロードするにはVODファイルを直UPすればOK

[tool][web]DVDの中の拡張子VOBファイルをアップロードするだけ。いちいち変換とかしなくていい。 便利になってるんだなぁ

商用フリーアイコンを探す「FIND ICON」

[web][tool]http://findicons.com/ キーワード検索した後、商用フリーって選択すると絞り込める。

オンライン両替サービス「トラベレックス・オンライン」で両替してみた

web

[web]社員旅行で海外行くのでぼちぼち両替しなきゃなーと思っていたら、ドル円で100円突破してきたので慌てて検索したらでてきたサービス。https://buy.travelex.co.jp/jajp/Purchaseクレジットカードで外貨を買って、準備ができたら店頭受取りしたり、送っ…

GoogleAdsenceの報酬を間違って小切手で受け取ってしまった時の対処法

web

やっとこ1万円超えたので小切手が送られてきたけど、換金に数千円かかったり時間がかかったりとろくなことがない。そういうときは銀行口座をデポジットを経て承認された状態にして、支払い方法を変更。そして、小切手の再発行リクエストを行います。 発行さ…

GTmetrixの使い方 サイトの速さを調査、改善する

[web][tool]GTmetrixネタ元 http://blog.anekipedia.com/webtopi/gtmetrix%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9%E3%80%80%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E9%80%9F%E3%81%95%E3%82%92%E8%AA%BF%E6%9F%BB%E3%80%81%E6%94%B9%E5%96%84%E3%81%99%E3%82%8…

WordPressをこの設定にしたら、読み込み時間が3秒->1秒に短縮した!

web

[web]1.キャッシュ系プラグインの導入&設定 W3 Total Cache 001 Prime Strategy Translate Accelerator DB Cache Reloaded Fix 2.CDNサーバーのClaudFlareというサービスに登録&ネームサーバー変更 ネタ元 WordPressで1秒切り!目を疑う高速表示の設定はこ…

はてなブログの記事下にGoogleアドセンスなどの広告を設置する方法 【無料、簡単】

web

忍者AdMaxというサービスを使います。同様のサービスにkauliなどもありますので、お好きなものを用いればよいでしょう。ネタ元 http://blog2.k05.biz/2011/12/google.html

はてなダイアリーからはてなブログへの引越し

web

はてダからはてブロへの引越し顛末記 http://www.narinarissu.net/entry/2012/11/05/224616 はてなブログの独自ドメインをムームードメインで設定する http://works.uedayworks.com/ 独自ドメインは設定したら1日待つぐらいの気持ちでやるといいですよ。 ※追…