Bootstrapをカスタマイズ！ページをスマホで表示した際に横からナビゲーションをスライドさせる -Bootstrap Offcanvas
Bootstrapで実装したページをスマホなどの幅が狭いスクリーンで表示した際に、横からオフキャンバスのナビゲーションをアニメーションでスライド表示させるJSとCSSのパックを紹介します。 Off Canvas -Bootstrap Bootstrap Offcanvasの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> </head> <body> ... <script src="../dist/js/bootstrap.offcanvas.js"></script> </body> Step 2: HTML まずは、オフキャンバスのナビゲーションを開くボタン。 <butt
SwiftでアプリのUIと画面の操作を実装する
はじめに 前回までにiOSアプリ開発における画面の位置関係とコンテンツの配置について説明しました。連載第5回では、アプリの画面にUI部品を配置する方法／それらの操作時の処理について説明します。 対象読者をObjective-Cが分かる方としている関係上、Objective-C自体の言語仕様やXcodeの使い方については解説を割愛する場合があることをご了承ください。同様にSwift自体の説明も必ずしも十分でない場合があります。そのような場合は末尾の参考文献等を参照してください。 対象読者 本記事は、次の方を対象にしています。 Objective-Cの基本的なプログラムが出来る方 Xcodeを使える方 UI部品の利用 iOSアプリでは、ボタンや入力欄といった何らかの操作を行うためのUIは、各部品単位でクラスが用意されています。クラス内には、該当するUIの動作時やデータのセット後の動きを制御する
Swiftで作られたiOS用の美しいアラートライブラリ「Sweet Alert iOS」 | ソフトアンテナ
「Sweet Alert iOS」はSwiftで作られたiOS用の美しいアラートライブラリ。最近話題となったJavaScript製の「Sweet Alert」からインスパイアされて作られたもので、SwiftまたはObjective-Cから利用することができます。 オリジナル同様アニメーション付きのモダンなアラートを表示することができるので、アプリに組み込んで便利に使うことができそうです。 使用方法 サンプルプログラムを起動するとボタンがずらっと表示されます。一番上から下にいくに従ってだんだんと複雑なアラートが表示されます。一番シンプルなタイトル行だけのアラートは次のように呼び出すことができます。 SweetAlert().showAlert("Here's a message!") もう少し複雑に。 タイトルとサブタイトルを表示したり、 SweetAlert().showAlert("He
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
