制作技術
WordPressでは、自動的にrel="prev"とrel="next"がhead内に記述されますが、nextpageによる記事の区切りではなく、前の記事と次の記事を示すタグとして使用されています。 Googleが複数ページにまたがる記事の関連性を知るためにprevとnextをサポートしまし…
こんな画像が こんな風に背景を白にできます。簡単です。 フォトショップで（photoshop）画像を開きます。 [イメージ] → [色調補正] → [特定色域の選択]を選択 [カラー]で[白色系]を選択。シアン、マゼンダ、イエロー、ブラックの値を全てマイナス100に。 こ…
画像のファイルサイズを減らす必要があり、 まずはweb用に保存で png24ビット の画像を png8 ビット にして画像の圧縮を試みた。 大分ファイルサイズは減り 320k から 100k に。 それでもまだ容量が大きかったので png8ビットの画像のカラーを 128 から 64 …
facebookのコメントボックスをウインドウサイズに合わせて設置する【jQquer：innerWidth】 [html]<style> content {width:80%;} </style> <div id="content"> <script type="text/javascript" src="">http://www.google.com/jsapi"> <script type="text/javascript">google.load("jquery", "1.6");</script> <script type="text/javascript"> $(function()…</div>
フォトショップで同じ動作の繰り返し処理を実行するときは、 1.処理をアクションで保存 2.アクションをドロップレットでexeファイル化 3.フォルダごとexeにドロップで、フォルダ内の全てのファイルに適用 と簡単に処理を繰り返すことができます。 1.画像の解…
※画像をクリックすると拡大して表示できます。 こんな画像は、簡単に こんな風に綺麗にできます。 これを覚えておくだけで、撮影に失敗した画像も蘇らせることができます。 1.画像をフォトショップで開きます 2.レイヤーをコピーします（背景のコピー） … 【…
ユーザーの使いやすさ向上の為、ラジオボタンやチェックボックスには、ラベル[label]を設定するのが基本ですが、Androidではそのままでは適用できません。 javascriptでテキストクリック時にチェックを入れることもできますが、簡単な方法として onClick イ…
![はてなブックマーク - ラジオボタンやチェックボックスのラベル[label]設定（Android用）【onClick=""】](https://b.hatena.ne.jp/entry/image/https://takanamishi.hatenablog.jp/entry/article/316)
【規定サイズ】 520px × 800px ※規定サイズでは800pxとされているがjavascriptのコードを読み込むことで高さはいくらでも調整可能。 >>サンプルページはこちら<< 【仕様】 520px × 800px を超えるとスクロールバーが表示される Iframeで読み込んでいるファイ…
●対象ブラウザ IE6、IE7、IE8、Firefox、Chrome 意外とはまってしまうテキストやコンテンツのセンタリング方法。 ブラウザの仕様にとらわれないCSSの書き方を紹介します。 [html] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>クロスブラウザ - センタリング</title> </head> </html>
可変レイアウトでサイトを制作しているとき等、かなり重宝するCSSの指定です。 ブラウザの横幅サイズの最小値を指定する方法は、覚えておいて損はないでしょう。 ●index.html [html] <head> <style type="text/css"> body { min-width: 920px; width:expression(document.body.clientWidth </head>…
●Javascriptでポップアップウィンドウを開く（×：ダメなケース） <a href="javascript:window.open('popup.html','a','width=800, height=800, menubar=no, toolbar=no, scrollbars=yes');">ポップアップ</a> 上記のように記述すると、Javascriptがオフの場合、リンク先を開くことができません。 なので、このように記述します。 ●Javascriptでポップアップウィンドウを開く（◯：オスス…
table 要素では、隣合う要素の高さを自動的に合わせてくれますが、floatした div、p、li などは、各要素の高さを揃える事ができません。 色々調べていて、確実かつ導入が簡単だったのが、こちら↓ ●参考サイト ブロックレベル要素の高さを揃えるheightLine.js…
htaccessファイルに下記のように記述します。 RedirectPermanent ルートディレクトリからの絶対パス URL （リダイレクトされるファイル名） （リダイレクト先） 例1） var/www/html/test.php から 同じサイトのトップページへリダイレクト ※ルートディレクト…
自前のメールサーバをやめ、gmail経由でのメール配信に変えてみました。 ●変更前 require_once('qdmail.php'); $mail = new Qdmail(); $mail -> smtp(true); $from = 'サイト制作の豆知識運営事務局'; $fromaddress = 'fc2@accentplus.jp'; $param = array('…
●現在開いているWebページ http://accentplus.blog134.fc2.com/category1/index.php Javascriptで現在開いているのWebページのファイル名( index )を取得する <html> <head> <title>現在開いているのWebページのファイル名を取得する</title> <script type="text/javascript"> // ファイル名を取得する為の関数 function</head></html>…
同じタイムライン上に複数個のテキストをフィールドを設定しようと思って、 ●テキストフィールド1 this.createTextField("result1", 1, 0, 0, 130, 20); result1.border = true; result1.borderColor = 0xCCCC00; result1.textColor = 0x666600; result1.typ…
【1】コンボボックスをステージに配置 [ウィンドウ] → [コンポーネント] → [ComboBox]を選択し、ステージ上にドラッグ& ドロップ × 2回 【2】1つ目のコンボボックス（ComboBox）のインスタンス名を main 【3】2つ目のコンボボックス（ComboBox）のインスタン…
ページ内リンクは、上手に使ってあげないと、ユーザが「自分は今サイト内のどこにいるのか」を見失ってしまい、ストレスを感じて離脱する可能性が高いそうです。 その為、ページ内リンクを使用する際は、スムーズスクロールさせる必要があるということで、jQ…
画像リンクのマウスオーバー時。 画像が切り替わると見栄えも良いし、ユーザビリティも高い。 cssでhover時に見える画像を切替えるのが一般的だが、 とはいえ、面倒なこともある。 特に更新記事などの見出しリンク画像なんて、 毎回丁寧に平常時とhover時の…
●Webブラウザで閲覧しているページ https://accentplus.blog134.fc2.com/category1/index.php?id=123 ●環境とブラウザ OS：Windows ブラウザ：IE8でサイトを閲覧 $smarty.server.SERVER_NAME ホスト名を取得 accentplus.blog134.fc2.com $smarty.server.SCRI…
配列内の各要素を、指定した結合文字で連結してくれる便利な関数 implode() implode( 結合文字, 連結したい配列 ) CSVファイルで保存するような機能を作る時とか、 GETしてクエリパラメータを渡すときなどに活用できそう。 ●例）CSV形式にする為、カンマ区切…
phpで日付の計算をする場合には注意が必要です。 $a = 100; $b = 300; $c = $b - $a; echo $c; 上記結果を実行すると、echo $c; の出力結果は 200 となる。当然ですね。 同じように、日付も計算できると思って処理を進めていたら、思わぬ落とし穴に。 $date_…
$no1 = '1'; $hensu1 = '変数の中に変数'; 【○】 echo "${'hensu'.$no1}"; 【×】 echo "$henhu{$no1}"; 出力結果 echo "${'hensu'.$no1}"; で「変数の中に変数」が出力される
