技術の最近のブログ記事

制作部ブログ、約4ヶ月ぶりの更新です。。

iPad や iPhone がブームの昨今ですが、iPad のアプリを html5 で作成できる事や世の中的な動きから、まだ仕様が確定されていない点を除いても、いいかげん始めないとやばいですね。。html5を。


という事で、時間の合間を見ていろいろと勉強中ですが、html5 のタグを打つ際に現状の Dreamweaver では対応していませんのでこのままでは時間がかかります。

そこでインターネット上を調べたところ自作されているかたがおりました。
[⇒Dreamweaver 向け html5 コードヒントパッケージ(mxp)]

まずはこれを導入してみます。

続く。


[html5関連サイトメモ]
http://blogs.dion.ne.jp/carib_sea/archives/cat_344442-1.html

小崎

続きました。

[⇒Dreamweaver 向け html5 コードヒントパッケージ(mxp)]
の導入は完了しましたが、
このままではCSS3には対応できないことに気づき、
またもやWeb上を探索しました。

ありました。
[⇒CSS3コードヒント機能拡張]
しかも同じかたが作成しています。
すばらしいですね。。

今日はこれを導入しておきます。


続く。


[html5関連サイトメモ]
http://www.hongkiat.com/blog/48-excellent-html5-demos/

小崎

Joomla! という CMS は初だったので、今後のためにメモとして残します

  1. コンポーネント
  2. RSform!pro
  3. Manage Forms
  4. 対象のフォームを選択
  5. Ediv Form タブを選択

上記の流れでへ編集画面へ移動し、
「Return URL」へ送信後の URL を入力する。
例) http://www.brain-solution.net/thnx.html

※「Edit the Thank You Message」のソースを空にしないと、上記で入力した URL へ移動しない。

小崎
TypePadとは
Six Apart が提供している、ブログのASPサービスで、機能的にはMovable Type の ASP版のようなもの

SEOを意識したリダイレクトが必要で、htaccess が使用できれば一番いいのですが、TypePad は、htaccessの使用が不可能のようです。

そこで、htaccessの使用はあきらめ、TypePad のテンプレ編集画面で meta refresh の追記をする事で対策可能です。

[テンプレ:ウェブページ にて(Topページは別に設定する必要あり)]

1. 下記のように、bodyにid・classを設定する。
<body id="p<MTTopLevelFolder><$MTFolderBasename$></MTTopLevelFolder>" class="c<$MTFolderBasename$> <$MTPageBasename$>">

2. 下記のように、カテゴリ毎のCSSを読み込む設定をする。
<link rel="stylesheet" href="/common/css/<MTTopLevelFolder><$MTFolderBasename$></MTTopLevelFolder>.css" type="text/css" />


[パンクズリストの作成方法]

下記のようなインクルードテンプレートを作成し、これをインクルードさせることで可能。

        <ol class="braadcrumb">
            <li><a href="<$MTBlogURL$>">Home</a></li>
            <MTParentCategories><li><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></li></MTParentCategories>
            <li><$MTEntryTitle$></li>
        </ol>

<MTParentCategories>:表示ページの上位のカテゴリ(フォルダ)の分、繰り返す
<$MTCategoryLabel$>:カテゴリ(フォルダ)のラベル


小崎

制作部メンバー

  • 小崎孝雄(部長)
  • 兵藤考史(Webディレクター)
  • 柳井祐一郎(Webデザイナー)