「 Web制作 」 一覧

no image

iPad・iPhoneでレイアウトが崩れた時に試してみたこと

今まではWebサイト制作は、PCでの表示だけを意識して作っていたのですが、最近iPadやiPhone・Androidでのアクセスが増えて、お仕事の依頼もPCだけでなくタブレット端末での表示も必須になっ …

no image

パソコンでスマホやタブレットの表示を確認出来るGoogle Choromeデベロッパーツール

Webサイトを制作する時、コーディングしながら都度いろんなブラウザで表示確認をします。 レスポンシブサイトとなると、今まで以上に表示をいろいろ確認しながら・・・の作業になります。 実機で表示テストをし …

no image

無料で高機能なメールフォーム「メールフォームプロCGI」を設置してみた

通常の静的なWebサイトにお問い合せフォームをつける時、自分でCGIを用意しないといけない場合、いろいろ探すのに大変でした。。。 無料でなら尚更・・・で、広告とか入っていたり、いろいろ制約があったり・ …

no image

レスポンシブサイト制作にチャレンジ。

最近、気になっているのが「レスポンシブWebサイト」。 1つのHTMLで、スマートフォンやタブレットなど小さな画面とパソコンなどの大きな画面で見た場合と見た目を切り替えて表示できる手法。 なかなかチャ …

no image

DreamweaverCS4にHTML5+CSS3のコードヒント・ドキュメントタイプを!

2013/04/15   -Webの記録
 

コーディングの時に主に「Dreamweaver」を使用しています。バージョンは、CS4とCS5。 HTML5をぼちぼち・・・なところで、CS5は最初から「HTML5」が新規でファイルを作成する時に選択 …

no image

WebサイトのURLを変更した後 .htaccessの記述して新しいURLに転送してみる

ずっと運営していたサイトのURLを都合により変更(ファイルを移動)させてしまった時、ブックマークから訪問してくれた人が困らないように新しいURLへ転送する事が必要になります。 そんな時、「.htacc …

no image

WordPress 「この記事は●分で読めます」をプラグインなしで表示させたい時

2013/04/03   -Webの記録
 , ,

よく他の方のブログで記事の冒頭に「この記事は●分で読めます」という表示がされているのを見かけます。 これがあると、その記事を読むかブックマークするかを判断出来て便利だなぁと思ってました。 WordPr …

no image

WordPress 複数のサイドバーを使い分ける方法。

WordPressのテーマを独自で作っていて、どのページも同じサイドバーでは面白くないなぁと思い…。 記事のページ(index.phpやsingle.php等)と固定ページ(page.php)とでは、 …

no image

WordPressがいきなり真っ白になった時。

2013/01/27   -Webの記録
 ,

WordPressでこのサイトを作って、約2年になります。 地道に継続していて、当たり前に使っていたのに・・・。 ある日、ブラウザに表示させてみると・・・真っ白になっていました。 しかも、何故かCho …

no image

Facebook向けに最適なOGP設定の仕方をメモ。

2013/01/26   -Webの記録
 ,

何かのサイトで「いいね!」をした時に、友達のニュースフィードに確実に出したいなら・・・OGPの設定が必要! ・・・と、いうワケで最近はサイトを作ったら「OGP設定」をするようにはしているんですが・・・ …