Twitter連携しました。

WordPressとTwitterの連携用プラグイン「Tweetable」を使って、
Twitter連携を始めました。
WordPressで投稿すれば、ブログタイトルと本文へのリンクが
即時にツイートされる。
タイトルが140文字を越える場合は、タイトルが省略されて、
本文へのリンクのみがツイートされる。
ただし、一度ツイートされてしまうと、
WordPressで投稿日時やタイトルを修正しても、
Twitterは修正されない。
また、ブログ記事を削除した場合はツイートから記事へのリンクが
切れたままのため、ツイートの削除も忘れずに。

カテゴリー: memo | コメントする

タブ式ナビゲーション

jQueryとjQuery-uiを組み合わせた
タブ式ナビゲーションの方法。
jQuery-uiのスタイルシートを使えば、
デフォルトのデザインが施される。
適宜、スタイルシートを追加すれば、
デザインを自由に変更することも可能。
contactとlinksの内容は、別ファイルで用意しておき、
再読み込みせずに切り替え。
linksタブと、その中のリンクにはバウンドする効果もプラス。
⇒ タブ式ナビゲーション

カテゴリー: ナビゲーション | コメントする

これって何ページ?

1ページ?9ページ?
JavascriptのDOMでスタイルシートを書き換えれば、
divタグの大きさを自由に変更でき、
同じページの中に複数のコンテンツを載せられる。
ブラウザサイズを変更すれば、
divタグの大きさを再計算して再表示。
9ページ分のコンテンツをクリックなしで閲覧可能。
これぞJavascriptの妙技。
⇒ 9box

カテゴリー: スムーズスクロール | コメントする

数学関数も使い方次第。

プログラム言語は数学関数をサポートしているが、
イマイチ使い方がわからないことが多い。
DOMでスタイルをコントロールし、
三角関数を使って左右にゆらゆら、
divタグを動かすことができる。
敢えて不規則にゆれるよう乱数も使用。
⇒ 三角関数でゆらゆら

カテゴリー: スムーズスクロール | コメントする

ロールオーバーを共通ファイル化

ロールオーバーでナビゲーションを作るには、
Javascriptで書く方法やCSSスプライトなどがある。
各ページにプログラムを埋め込んでしまうと、
ページの追加・削除などのメンテナンス時に、
存在しているページ数分の修正が必要となることもある。
各ページで同じJavascriptを使えばメンテナンスもミスなく確実に出来る。
⇒ ナビゲーション

カテゴリー: ナビゲーション | コメントする