Ver.5.03:ボタンデザイン変更可、チルトシフト画像

MyHome Portal Ver.5.03をリリースしました。
http://ok2nd.web.fc2.com/download.html

ボタンのスタイルシート(CSS)を、common.cssとは別ファイルとして独立させました。ボタンのスタイルシート(CSS)サンプルとして、角丸タイプ、グラデーションタイプなど、数種類用意しました。実運用定義ファイルで任意のものを設定できます。
button-radius.jpg

button-gradient.jpg

button-shadow.jpg

button-kube.jpg

「アルバム」に、画像(写真)をチルトシフト表示する機能を追加。「tiltShift.js」を使用。Chromeでのみ動作します。
http://www.noeltock.com/tilt-shift-css3-jquery-plugin/

tiltshift.jpg

「アルバム」に、画像(写真)を拡大縮小アニメーション表示する機能を追加。拡大縮小率や速度を調整できます。IEでは動作しません。
スポンサーサイト

はてなブックマークに追加 はてなブックマーク - Ver.5.03:ボタンデザイン変更可、チルトシフト画像

theme : CSSレイアウト
genre : コンピュータ

Ver.5.02:メモ,INDEX改善。揺れる画像追加。

MyHome Portal Ver.5.02をリリースしました。
http://ok2nd.web.fc2.com/download.html

「メモ」一覧に、Ajax対応削除ボタン追加。ページ遷移なしに削除できます。
「メモ」修正画面で修正ボタン実行後、一覧ページで修正した行が画面内に表示されるようにスクロールするようにしました。ただし、IEではこの機能が働きません。(header("Location: list.php#id_999")の#から後ろがカットされてしまうため。)
「カレンダー(一覧表示)」「ID管理」「利用ガイド」の修正処理も、上記同様の処理を追加しました。
「メモ」で、件名を必須でなくしました。メモ本文のみでも登録できます。
「メモ」で、件名を全く使わない設定もできるようにしました。

「アルバム」に「パネルを揺らすように画像を表示する機能」を追加。以下のスタイルシートを使用して画像を揺らしています。IEでは動作しません。
http://jsfiddle.net/codepo8/MXq9x/
swinging.jpg

「アルバム」「全画面」スライドショーのキーボードによる操作のうち、10画像前へスキップのキーを、半角/全角キーから、Ctrlキーに変更。半角/全角キーでは動作が不安定なため。
「アルバム」「全画面(Ajax)」で、スライドショーを一時停止できるようにしました。 キーボード[A]キーで一時停止/再開が出来ます。

「INDEX」トップページの各ボックスのボーダー幅を実運用定義ファイルで指定できるようにしました。デフォルトを1pxにしました。
「INDEX」トップページの各ボックスのボーダー色を、タイトルと同じではなく、共通の色に設定できるようにしました。
「INDEX」トップページ右に配置するRSSブログパーツサンプルも、上記ボックス指定が適用されるようにしました。

はてなブックマークに追加 はてなブックマーク - Ver.5.02:メモ,INDEX改善。揺れる画像追加。

theme : PHP
genre : コンピュータ

プロフィール

ok.2nd

Author:ok.2nd
HomePage:
http://ok2nd.web.fc2.com/
Email: m.ok.2nd@gmail.com

最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2ブログランキング

FC2Blog Ranking

検索フォーム
カテゴリ
リンク
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ユーザータグ