POPSブログ

ブログ記事一覧: html5

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

CreateJS Circleボタンクラスactive表示(easeljs-0.8)

スイッチ風Circleボタンを「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
小さなボタンですから画像の上に重ねる事が可能ですのでこのデモでは画像の上にボタンを配置しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/04/03 pops

CreateJS 角丸TEXTボタンクラスactive表示(easeljs-0.8)

角丸TEXTボタン「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/04/01 pops

CreateJS 角丸画像埋め込みボタンクラスactive表示(easeljs-0.8)

角丸サムネールボタン「コンテナ継承クラス」にしてactiveに対応させます。画像読み込みの際のProgressBar、Loadingもコンテナ継承クラスにしてJSで読み込み使用しています。
機能を標準化させることにより効率的に設計できると思います。

≫ 続きを読む

javascript 2015/03/28 pops

CreateJS コンテナ継承クラスProgressBar組み込みLoading表示2(easeljs-0.8)

ProgressBarおよびLoading表示は何回か作れば多少効率の良い方法も見つかりますが、コンテナ継承クラスにProgressBar、Loading表示を組み込むのも1つの方法と思います。
以前のLoading表示(archives/347 Loadingクラス3 rotationで回転)を改造しました。

≫ 続きを読む

javascript 2015/03/25 pops

CreateJS コンテナ継承クラスProgressBar組み込みLoading表示(easeljs-0.8)

ProgressBarおよびLoading表示は何回か作れば多少効率の良い方法も見つかりますが、コンテナ継承クラスにProgressBar、Loading表示を組み込むのも1つの方法と思います。
標準に使用したい形をクラス化すれば設定が簡単になります。

≫ 続きを読む

javascript 2015/03/22 pops

CreateJS コンテナ継承クラスのLoading表示3(easeljs-0.8)

コンテナ継承クラスのLoading表示を作りますがMatrixを利用せずに全体をrotationで回転させます。Matrix処理が面倒で判り難いなどの理由があればこちらが簡単に作れます。回転形式の、数多くのLoading表示が可能です。

≫ 続きを読む

javascript 2015/03/21 pops

CreateJS コンテナ継承クラスのLoading表示2(easeljs-0.8)

easeljs-0.8でMatrix2Dで円周上に配置したインスタンスをMatrixで回転させますが、rotate()もMatrixを使用しコンテナ継承クラスのLoading表示を作ります。arc形式(弧状)の図形を追加しました。
リスナーの形式を少しかえてみましたが、結果的には相違有りませんでした。回転形式の、数多くのLoading表示が可能です。

≫ 続きを読む

javascript 2015/03/20 pops

ブログ記事一覧

年別アーカイブ一覧



[1]