WebStorm（IntelliJ）で快適HTMLコーディング
WebStorm(IntelliJ) は JetBrains という会社の製品です。（有料です！） ダウンロードは下記アドレスをご覧ください。 JetBrains だいたい名前でわかると思うのですが言語ごとに別々の製品になっています。 下記のスライドがわかりやすいです。 簡単にご説明すると、HTML / JS だけ開発できればいい人は WebStorm PHP を開発したいひとは PhpStorm（WebStormの機能も含まれる ） もし、2つ以上の言語（PHP と Ruby など）を使用したい場合は PhpStorm + RubyMine じゃなくて IntelliJ を購入した方がお得です。 （IntelliJ は Java 用かと思いきやすべてのWeb系パッケージが含まれています。） IntelliJ は Java 以外の言語をプラグインという形で提供しているので、新しいバージョン
IEのCSSハックが嫌いな人は、このナイスなhtmlの書き方で対応してみてはいかが？
概要 ▶ HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。いや、本当にさすがとしか言いようがない。 HTML5のベースとなるテンプレートを一瞬で作ってくれる「Initializr」ですが、テンプレートを使ってガリガリ制作を始めて見ると「これは本当にいいものだ！」というものが更にわかってきたので、その部分を紹介。 前回はjQueryのロードの方法がナイス！という話でしたが、今回はhtmlタグの書き方がナイス！という話。 いや、本当にさすがとしか言いようがない。 Internet Explorerの複数バージョンの対応は面倒 や
WordPressにwp_headを入れてトップに空白ができてしまったときの対処 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ある案件で、ヘッダーにwp_head();を入れたら、ページのトップに28pxの隙間が空いてしまいました。今までにない現象で驚きましたが、どうやらバージョン3.1から導入された新機能の影響によるものらしいです。 現象 WordPressのテンプレートを作成する場合、プラグイン等を使うためにwp_headというタグを入れると思いますが、今回、このタグを入れたことによって、ログインした状態でページを見るとトップに28pxの隙間が空いてしまいました。（ちなみに、ここでいうトップとはホームページのトップのことで、管理画面のトップではありません。今回のバグを調査する中で管理画面のトップに空白が出るバグもあるということがわかったのですが、そのバグについては触れていません。） で、今回の現象ですが、cssでhtmlタグにマージンが指定されていて、ついでに!importantまでついていました。 html
htmlファイルのままphp includeし、相対パスで読み込めるようにする
最近大量のページ数のサイトをコーディングすることになって、全てがCMSではないため、今後の更新とかを考え共通エリアを設けてメンテナンスをどうにか楽にできないか、と思ったんですよ。 20～30ページ位ならスタティックなhtmlで問題ないけど、さすがに200ページ強になるとまともに組んだのでは後々の修正とかがメンドイ。自身、こんなボリュームのサイトを1人でデザイン・コーディングするのは初めてだったので、メモを残そうと思った次第なのです。 さて手段ですが、色々調べました。 php includeする JavaScriptでincludeする Dreamweaverのテンプレートかライブラリ機能を使う ・・・予想通り。まぁ思いつくところでこれが代表的だと思う。 そこで最初に消したのが、JavaScript。 これはソースに出ないばかりか、SEO的にも疑問がありまくる。 次にDreamweaverの
XAMPPで拡張子HTMLファイルでPHPを実行する
どうやらSEOにおいてPHPファイルより静的なhtmlファイルの方がいいとのこと。ただし、phpはhtmlというファイル名では通常では実行できないので、設定を行なった。 ①.htaccessをルートディレクトリに作成 ※ルートでなくても設置したディレクトリ以下の階層に影響を与えます ※適当にテキストで作ってアップロードしてからリネーム ②「.htaccess」に以下を記述 AddType application/x-httpd-php .html 簡単ですね♪ただし、全てのhtmlをphpとして読んでしまうので、ただのhtmlでも少し遅くなってしまうみたい。 参考リンク： http://www.abe-tatsuya.com/web_prog/htaccess/html2php.php http://blog.quall.net/program/37/
共通部分のインクルード-ホームページ制作-
サイト内のページは、ページが違っても結構共通の部分というのが多いと思います。 当サイトでいえばちょっと手抜きではありますが、ヘッダー、サイドメニュー、フッターがほとんどのページで共通です。 例えばサイドメニューに何か項目を追加しようと思うと、HTML、CSSのみで作られていると、1ページ1ページを変更しなくてはならなくなり、それが仮に100ページ以上になってしまうと、それだけでかなりの時間をとられてしまうことになります。 そんな手間を省くことができるのが、【共通部分のインクルード】で、インクルードとは、『全体の一部として含める』ということを意味します。 これがどういうことかというと、共通している部分を1つのファイルにしてしまうということです。 そうすることにより、何か変更したい箇所があった場合、そのファイルを変更するだけで、全ページを一度に変えることができるようになるわけです。 インクルー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コラム：class名とid名はどうやってつければいい？
stackstock.net