【CSS】縦書き(writing-mode)

ブラウザの対応がかなり進んでいるので、そろそろ使っても良いかな。
https://caniuse.com/?search=writing-mode

値の「sideways-…」は、現状、Firefoxのみ対応なので利用は難しい。

jQuery複数バージョンの混在

上記は片方の項目がチェックされたらラジオボタンのように他のチェックを外すjQueryを使ったプログラム。

このサンプルで、他のチェックを外すために使っている jQueryメソッド「.prop()」は、jQuery1.10以降から追加されたので、jQuery 1.12.4をCDNで読込んでいます。

“jQuery複数バージョンの混在” の続きを読む

Monacaを利用したアプリ開発 step.3

動作テスト(テスト環境の準備)

Monacaでは、作成したアプリの動作確認するために「Monacaデバッガー」というアプリが用意されています。
このアプリで、カメラやGPS情報・ジャイロセンサーなど実機テストを行います。

“Monacaを利用したアプリ開発 step.3” の続きを読む

Monacaを利用したアプリ開発 step.2

新規プロジェクトの作成

  • ダッシュボード左上にある[新規プロジェクトの作成]ボタンをクリック。

  • テンプレート(フレームワーク)の選択小窓が開くので、適切の項目を選びます。
    今回は「最小のテンプレート」を選びました。

“Monacaを利用したアプリ開発 step.2” の続きを読む

Monacaを利用したアプリ開発 step.1

★Monaca とは?

ハイブリッドアプリ開発のためのフレームワーク「Cordova」をベースにした日本製の開発プラットフォーム(クラウド型 IDE)です。
Monacaを使えば、iOS・Android共通の簡単なスマホアプリを、HTML・CSS・JavaScriptの知識のみでも開発することができます。
(限界はありますが・・・)

“Monacaを利用したアプリ開発 step.1” の続きを読む

Dreamweaver でSass/SCSSを

Adobe Dreamweaver CC 2017+ で Sass/SCSSをコンパイルする方法。

Adobe Dreamweaver CC(2017以降)で Sass/SCSSをコンパイルする方法。

See the Pen Sass Sample by Hiro Iruya (@leo-loki) on CodePen.

Adobe Dreamweaver CC 2017版から、SASS/SCSSやLESSがコンパイルできるようになりました。

“Dreamweaver でSass/SCSSを” の続きを読む