POPSブログ

ブログ記事一覧:

jQuery レスポンシブ・クロスフェード処理

2枚の画像を重ねればクロスフェードが実現します。レスポンシブ形式にして、コントロールボタン付き(内側)、サムネール表示の切り替えが出来る様に機能を拡張したものです。スライダーより構造および処理が簡単になっています。クロスフェード以外のエフェクトも簡単に出来る構造です。

≫ 続きを読む

jquery 2017/02/20 pops
タグ:jquery , Effect , css3 , html5

jQuery レスポンシブ・スライダー、外側にボタン配置

前頁のレスポンシブ・スライダーの改造です。コントロールボタン付き(外側)、エンドレスタイプ、サムネール表示の切り替えが出来る様に機能を拡張は同じです。通常のレスポンシブデザインHTML上でも動作します。コントロールボタンが外側についていますので少々メンドウですから余り使用されないようです。

≫ 続きを読む

jquery 2017/02/15 pops
タグ:jquery , Slider , css3 , html5

jQuery レスポンシブ・スライダー、エンドレスタイプ

前頁のレスポンシブ・スライダーは説明のために簡略しています。コントロールボタン付き、エンドレスタイプ、サムネール表示の切り替えが出来る様に機能を拡張してみました。通常のレスポンシブデザインHTML上でも動作します。その振る舞いなどを調べてみます。一言でいえば大変です。

≫ 続きを読む

jquery 2017/02/12 pops
タグ:html5 , css3 , Slider , jquery

jQuery レスポンシブスライダー処理

レスポンシブデザインで「TOP画像のスライド」処理等をレスポンシブ対応にしてみました。結構構造と設定などがメンドウですが、大変フシギな事に一応動作します。当然、baserCMSに限らず通常のレスポンシブデザインHTML上でも動作します。その振る舞いなどを調べてみます。

≫ 続きを読む

jquery 2017/02/07 pops
タグ:jquery , Slider , css3 , html5

baserCMS4.0系 TOP画像のエフェクト処理3

baserCMS4.0系レスポンシブ対応の「TOP画像のエフェクト処理」の続きで、ブラウザ幅一杯に画像を表示するタイプで「Transitionもどき」で処理してみます。CSS3処理ではないので、余りブラウザを問いません。
実際画像は大きいがスマートフォンでは当然小さく表示するのが難点ノドアメです。

≫ 続きを読む

basercms 2017/01/20 pops

baserCMS4.0系 TOP画像のエフェクト処理2

baserCMS4.0系レスポンシブ対応の「TOP画像のエフェクト処理」の続きで、少し簡略化にしてみました。また通常のjQueryを使用して「Transitionもどき」でどれだけ処理できるかもテストしてみます。CSS3処理ではないので、余りブラウザを問いません。

≫ 続きを読む

basercms 2017/01/16 pops

baserCMS4.0系 TOP画像のTransition処理

baserCMS4.0系レスポンシブデザイン「TOP画像のTransition処理」画像分割処理をレスポンシブ対応にしてみました。「Transition処理」部分の縮尺変更で対処します。動作にはHTML5ベースが条件です。

≫ 続きを読む

basercms 2017/01/10 pops

baserCMS4.0系 TOP画像のエフェクト処理

baserCMS4.0系をローカル環境にインストールしたレスポンシブデザインでテーマの「TOP画像のエフェクト」(アニメ)処理をレスポンシブ対応にしてみました。結構構造がメンドウですが、一応動作します。

≫ 続きを読む

basercms 2017/01/06 pops
タグ:basercms4 , html5

baserCMS4.0系 TOP画像のレスポンシブ表示

baserCMSが4.0系レスポンシブデザインでの、TOP画像のレスポンシブ表示等のテストをします。クラス化して設定変更出来る様にも工夫します。

≫ 続きを読む

basercms 2017/01/03 pops
タグ:html5 , basercms4

baserCMS4.0系 レスポンシブデザインのテーマ制作2

baserCMS4.0系をローカル環境にインストールし、レスポンシブデザインでテーマを制作テストして問題点などを探ってみます。前ページの続きで主に各種「固定ページ」「ページテンプレート」「その他」の説明になります。

≫ 続きを読む

basercms 2016/12/25 pops
タグ:cakePHP , CMS , basercms4

ブログ記事一覧

年別アーカイブ一覧



[1]