fuelphpのfieldsetで入力フォームを高速かつエレガントかつワイルドに量産してみる | 株式会社ビヨンド
こんにちは。 開発チームのワイルド担当、まんだいです。 弊社では、ウェブアプリケーションの構築でfuelphpを利用することが多いのですが、ちまちまフォームを作ってたら手が足りないぜという事態に陥ったので、ドカンとfieldsetを利用して量産体制を行ったところ、大幅に工数の削減ができ、非常に満足している今日この頃です。 今回は、そんなfieldsetのエッセンスをお伝えできればと思います。 なお、FuelPHPのバージョンは1.7.2で確認しております。 fieldsetって何？ fieldsetこそ、fuelphpの高速開発の申し子じゃないかと思うのですが、意外にも深く追求した日本語記事が少ないように思います。 ちょっと使ってみた～みたいな記事はたくさんありますがね。 fieldsetは、モデルに定義した情報を元に、メソッド一発でフォームを作る仕組みで 標準的なtwitter boot
Bootstrapの画面を手軽に作れるツールまとめ
業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4 – A yummy HTML5 blockouterer! Bootstrapのデザインをドラッグ&ドロップで作っていくのですが、見た目はデフォルメされています。その分、細かいところにこだわりすぎずにさくさくと作っていくことができます。 Pingendo – web authoring with comfort PingendoはBootstrap専用のオーサリングソフトウェアです。Mac OS
BootStrapに標準装備されてるのについつい再実装しがちな機能とかまとめ。 - NOT SO BAD
(photo credit: Nathan O’Nions via photopin cc) 最近あらためてBootstrapにはまってます。 Bootstrapでサイト作ってる時に標準の機能を知らんくて わざわざ同じ機能を自分でcss書いたりしてることが多かったので、 よく再実装しがちな機能をまとめメモ。 3.0でフラットデザインになって、いわゆるbootstrap臭もだいぶ薄れた気がするけどどうなんやろ。。 3.0つかったサイトが増えたらまた臭ってきそうな気もするけど。 ドキュメント 知らずに再実装しちゃう系の便利機能はCSSのHelper Classesとかに多い。 ので最初にひととおりドキュメント見とくのはいいですね。 当たり前やろって話やけど。。 Bootstrap「Helper Classes」 text-align 単純に中央揃えとか左揃えとかだけを指定するために
Bootstrapっぽさをなくす3つの方法 | 零弐壱蜂
以下の内容は、Bootstrap3を元に書いたものであり、それ以降のバージョンとは内容が異なる可能性があります。また、Bootstrap4ではLESSからSCSSへの以降も決定しているため、少し齟齬が生じる箇所もありますが、あくまで方向性の参考にして頂ければと思います。 個人的なメモも兼ねて、「Bootstrap 臭」を消す方法を。 前置き手軽に使えることで普及した感じのある「Bootstrap」だけれど、ここ最近は「Bootstrap 臭」という言葉とともに『似たようなサイトになる』など dis りが散見される。 個人的に Bootstrap は、 Framework であって単に HTML テンプレートではないと思っている。 そのまま使ったら、どれも『似たようなサイト』になるので、カスタマイズして使って欲しい。 また、公式の Bootstrap Expo にも目を通しておくと、色々とイ
FuelPHPのBootstrapをSass版で入れ直して最新にする | kanonjiのブログ
現時点で最新のFuelPHP 1.7.2にはBootstrap 3.0.0が組み込まれてます。 Bootstrapの方は現時点で3.3.2が最新で、さすがに3.0.0は古いし、実際にバグで表示が崩れたりスタイルが反映されない事もたまにあるので、最新のBootstrapを入れ直す事にしました。 ついでに、Bootstrapに手を入れたくなる事を考えて、Sass版を入れてCompassでコンパイル出来るようにします。 あとFont Awesomeも。 方針 Bootstrap Sass, Compass, Font AwesomeはBundlerを使って入れる。 Compassはともかく、Bootstrap SassとFont Awesomeはいろんな入れ方があるというか、インストールに使ったパッケージマネージャーや、FuelPHPみたくテーマ/テンプレートに組み込まれてたりするなど、場
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
[FuelPHP] ページネーションをBootstrapに合わせる方法
FuelPHP のページネーションは、デフォルトだと Bootstrap に適応されていない。 ただ Bootstrap の準備はされているので、特別スタイルを用意してやる必要はない。 準備 fuel/core/config/pagination.phpをfuel/app/config/以下にコピー。 今後はfuel/app/config/のpagination.phpを編集する。 Boostrapのスタイルに合わせる FuelPHPのページネーションのスタイルは、旧バージョンから使われているdefaultの他にbootstrap 3.xとbootstrap 2.xが用意されている。 ページネーションのテンプレート名 予め用意されているテンプレートの名称は以下の通り default bootstrap bootstrap3 テンプレートを有効化する デフォルトではdefaultが有効になっ
![[FuelPHP] ページネーションをBootstrapに合わせる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/3734f289a21cd5be59adeb1d4ef418fc83560762/height=288;version=1;width=512/https%3A%2F%2Fb.0218.jp%2Fimages%2Fogp%2F20140926181854.png%3Fts%3D1f0711bcf895d0eec2a8e04c6ab978d1c48a4664)
Bootstrap - Lightbox
Bootstrap Lightbox A simple lightbox plugin based on the bootstrap modal plugin. Download Bootstrap Lightbox GitHub project Version 0.6.1 Click the thumbnail below to open the lightbox. This demo includes the optional .lightbox-caption element, which adds an image caption. <div id="demoLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class='lightbox-content
Bootstrap Lightbox
Lightbox for Bootstrap Utilizes Bootstraps modal plugin to implement a lightbox gallery - GitHub Install Grab the latest CSS / JS files from the CDN: https://cdnjs.com/libraries/ekko-lightbox. Or, with bower: bower install ekko-lightbox --save Or, download the files directly: https://github.com/ashleydw/lightbox/tree/master/dist Place this near on your page, probably near the end of the body secti
— Bootbox.js — alert, confirm, prompt, and flexible dialogs for the Bootstrap framework
Bootbox provides three functions, alert(), confirm(), and prompt(), whose aim is to mimic their native JavaScript equivalents. Here's the simplest possible example: bootbox.alert('Hello world!'); Run example <!-- set up the modal to start hidden and fade in and out --> <div id="myModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <!-- dialog body --> <div class="moda
Bootstrap 3 学習ノート - Qiita
(2014-06-09 ... 18) Bootstrap 3の学習記録ノートです。 できるだけ手を抜かず隅々まできちんと調査し、コードはほぼ全て実際に試して確認しました。 元々公開を意図したものではありませんが、ここまで詳細に調べた資料はそうはないと思いますので最低限の体裁を整えて公開します。みなさんのお役に立てば幸いです。 なおHTML部分はほぼ全てjadeで記述しています。jadeを知らないと理解できないノートになってしまっていますが、生のHTMLではとてもこのスピードでは学習できません。どうかご了承下さい。 なお「ここは違うのでは」「こうした方がよいのでは」などという点がありましたらGitHubのissuesかpull requestなどでお教え頂けるとありがたいです(6/19記)。 (Qiita用に追加) Qiitaコメントでのご指摘も歓迎します。 その後しばらくしてバージョンが
Migrating to v3.x · Bootstrap 3.1.1 Documentation - BootstrapDocs
Guidance on how to upgrade from Bootstrap v2.x to v3.x with emphasis on major changes, what's new, and what's been removed. Migrating from 2.x to 3.0 Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement. Major class changes This table shows the style changes bet
FuelPHP ◇ oil generateで自動生成した画面でエラー時のメッセージが赤枠表示にならない - ソノウチイエオカウ
FuelPHP1.7.1の段階で、oil generateで自動生成した画面でエラーメッセージが赤枠表示にならない。 理由はTwitter bootstrap 3からcssのalert-error定義が削除になった為。 対応は自動生成した後は、/app/views/template.php(もしくは/app/views/admin/template.php)のalert-errorをalert-dangerに変更する。 自動生成前なら/packages/oil/views/scaffolding/template.php(もしくは/packages/oil/views/admin/template.php)のalert-errorをalert-dangerに変更する。 但し、FuelPHP1.8-devには修正が取り込まれているので、次期リリース時はなおっているはず。
MarkdownをTwitter Bootstrap上で使うなら·PageDown Bootstrap MOONGIFT
PageDown BootstrapはBootstrapで使えるMarkdown用の編集補助ツールです。 最近、ライトなマークアップ言語が増えていますが、その中で有力なのがMarkdownです（異論はあるでしょうが）。そんなMarkdownフォーマットをBootstrap上で書きやすくしたのがPageDown Bootstrapです。 Markdown記法の入力が手軽になります。 PageDown Bootstrapの便利な点としては表示はテキストのままなので、他のWYSIWYGエディタと違いテキストエリアのまま使えることでしょう。また機能的にシンプルなのでツールバーの組み合わせを変更したり、独自の拡張もしやすくなっています。 PageDown BootstrapはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る ライトなマーク
adexd.net - このウェブサイトは販売用です！ - adexd リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FuelPHP1.7 Bootstrap3 Twig pagination | h19e
https://jp.uniqrn.com/fuelphp%E3%81%A7bootstrap%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B/
Bootstrap3日本語リファレンス
Free Bootstrap Admin Template - AdminLTE.IO
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin