[B! JavaScript][bootstrap] pero_0104のブックマーク

Bootstrapはこう使う

Il documento contiene la struttura di un progetto Bootstrap, inclusi file e directory come gruntfile.js, package.json e vari file .less per la gestione degli stili. Sono presenti directory per risorse statiche come fonts, js e dist. La struttura suggerisce un setup per lo sviluppo web utilizzando strumenti moderni.

pero_0104 2016/03/03

リンク

とほほのBootstrap 3入門 - とほほのWWW入門

とほほのBootstrap 3入門トップ Bootstrap 3入門はじめにこのページは「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap とは Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。ライセンスは MIT License で、商用利用も可能です。現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap 2 と Bootstrap 3 以降では一部互換性の無い機能があります。 2018

pero_0104 2015/12/03

リンク

Ruby + Heroku + Highchartsで食べたリンゴを月別にグラフ化してみた - メモ的な思考的な

以前、リンゴ全体の食べた割合をグラフ化してみました。 Ruby + Heroku + Highchartsで食べたリンゴの割合をグラフ化してみた - メモ的な思考的なただ、これではどの時期に何のリンゴを食べたのか、つまり旬のリンゴは何なのかが分かりづらい状態でした。そのため、今回は月別のグラフを追加してみることにしました*1。 ■デモりんごたべた～ ■ソースコード thinkAmi/ringo-tabetter · GitHub ■2013/3/31時点シナノゴールドばかり食べていたせいで、旬のリンゴがよく分かりません... 8月あたりからツガルが始まり、9月と10月頃はトキや秋映を食べていたような気がします。 Twitter始めたのが遅かったので、トキ・秋映が反映されていないのが悲しいなぁ。一ヶ月間くらい、それらを食べていた記憶がある。 2013-03-06 06:58:50 v

pero_0104 2015/11/25

リンク

twitter typeaheadはいろいろ改良されていた - Qiita

Bootstrap内にもauto complete機能としてtypeaheadがあるが、日本語の扱いに難があるみたい。 Bootstrap Typeaheadの日本語入力対応 | PLUS ARKの技術メモ: [Twitter Bootstrap]typeaheadでの日本語入力問題への対策だが、Bootstrap内とは別にtwitter制作のtypeaheadライブラリがあり、これを使用してみると日本語問題はないっぽい。しかも、機能も強化されている。 twitter/typeahead.js typeahead.js – examples そこで、いくつかサンプルを。なお、この説明に使用しているtypeahead.jsのバージョンは0.9.3になります。 2014年2月5日現在、バージョンは0.10.0となっており、設定が違っているみたいです（コメントありがとうございました）なので、

pero_0104 2015/11/02

リンク

Bootstrap3 Modals modal.jsの簡単な使い方

Bootstrap3のモーダルウィンドウの使い方。 Bootstrap3ではクリックするとポップアップウィンドウが表示される、モーダルコンポーネントが搭載されています。メッセージやフォームの入力、大きいサイズの画像の表示など様々な用途に使用可能。構造は少し複雑ですが、基本的な要素を押さえればそれほど難しくないので使ってみてください。 Bootstrap3 モーダルの使い方モーダルの構造は大きく分けて、呼び出しボタンとモーダル本体の２つ。呼び出しボタンはdata-toggleとdata-targetのみ。本体は複雑な構造になってますが、.modal > .modal-dialog > .modal-contentの中にヘッダー、フッター、コンテンツが入るだけなのでテンプレートとして覚えておくと便利です。また、.modalclassに.fadeをつけることでフェードインアニメーションを

pero_0104 2015/07/31

リンク

AngularJSでBootstrapのModalを出す方法メモ - DRYな備忘録

問題 AngularJSと、Bootstrapのui.bootstrap使ってて BootstrapのModal機能とか使いたくなるけれど Angular的なControllerや$scopeの扱いが混乱したのでメモ参考公式: Angular directives for Bootstrap サンプル親View。対応するControllerのメソッドをふつうに呼んでるだけ↓  <ul> <li data-ng-repeat="task in tasks"> <span>{{task.name}}</span><a href="#" data-ng-click="openDeleteConfirm(task)">さくじょ</a> </li> </ul> 親Controller。もちろんopenDeleteConfirmをexportしてる。そ