web

【Chrome Developer tools】$_POSTの中身を見る

web

$_POSTでなにを送っているのか見ることができます。 フォームのあるページを開く Ctrl+Shift+i でDeveloper toolsを立ち上げる Networkタブに切り替え Recording Network Logボタンをクリック クリックで赤くなり、Recording開始。 フォームに入力し、Submit…

ユーザーエージェントを表示

web

<SCRIPT Language="JavaScript"> <!-- document.write(navigator.userAgent); // --> </SCRIPT> ネタ元 http://www.openspc2.org/JavaScript/library/system/useragent/

livedoorブログのヘッダ画像をクリックしたらTOPに飛ぶようにする設定

web

デザイン設定(PC)カスタマイズでトップページ / 個別記事ページ / カテゴリアーカイブ / 月別アーカイブ の <div class="blog-title-outer"<IfBlogHeaderImageUrl> style="background:url(<$BlogHeaderImageUrl$>) no-repeat;height:<$BlogHeaderImageHeight$>px;"</IfBlogHeaderImageUrl>>を <div class="blog-title-outer"<IfBlogHeaderImageUrl> style="background:ur…</div>

XPathでスクレイピング

web

簡単にWeb上のデータ取る方法があるみたい。 Chromeだけで任意のノードのXPathを簡単に取得 たぶん革命.NETで簡単XML 第5回 DOMとXPath XPathによるノード選択

Google検索からのキーワードはもう見れない

web

Googleアナリティクスで「(not provided)」が増えているが、これは検索結果がhttpsになってから検索キーワードの情報が「提供されなかった」ことが原因。これはGoogle様の仕様変更なのでどうしようもない。 ウェブマスターツールを確認すると、期間は決まっ…

Web版Twitterから、ツイートをサイトやブログに貼り付ける方法

サイトやブログに埋め込みたいツイートをクリックして、開くをクリックします。 するとツイートの下に時刻や詳細がでてくるので、詳細をクリックします。 すると、ツイートの個別ページに飛ぶので、「このツイートをサイトに埋め込む」をクリックします。 ネ…

BackWPupでバックアップ・リストア(復元)の具体的手順

FTPでファイル群をアップロードphpMyAdminからデータベースを復元 ネタ元 http://blog.s-giken.net/137.html

IE8でtiwitterのヴィジェットが表示されなくなった場合の真似してほしくない対処方法

WEB

MFCアプリとかでWebBrowserコントロールを使ってる場合にも有効な技。Yahooニュースの対応方法に便乗して widgets.jsの部分をhttp://i.yimg.jp/l/cmn/twitter-widgets/widgets.jsに変えちゃう。 <a class="twitter-timeline" href="https://twitter.com/shikaku_t" data-widget-id="571968401333956608">@shikaku_tさんのツイート</a> <script>!function(d,s,id){var js,fjs=d.ge…

商用OKな「New」アニメGIF

web

ありがたや http://sozai.akuseru-design.com/category/sozai/new/

Twitterウィジェット「埋め込みタイムライン」カスタマイズ方法

ウィジェットの管理画面では高さしか設定できませんが、 aタグに直接幅・高さを指定することができます。 <a class="twitter-timeline" width="300" height="500" href="https://twitter.com/twj_dev" data-widget-id="XXXXXXXXXXXXXXXXX"> Twitter新ウィジェット「埋め込みタイムライン」カスタマイズ方法まとめ http://matome.naver.jp/odai/2136202816546741201</a>

CKEditorのセキュリティのためのタグ除去機能をOFFにする

config_cmsd.js に config.allowedContent = true;を追記 ネタ元 http://cms.al-design.jp/phpbb/viewtopic.php?f=11&t=2569

img要素でalt属性の内容がポップアップしないのは当たり前

web

ポップアップして欲しい要素はtitleで指定する。(必ずポップアップしてくれるという保証はないけど) ネタ元 http://www.mozilla.gr.jp/standards/webtips0024.html#c1_2

cssでデザインするシンプルテーブル

web

css .sample_01{ width: 100%; border-collapse: collapse; } .sample_01 th{ width: 25%; padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9; } .sample_01 td{ padding: 6px; backgr…

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…