JSレスBootstrapなdaisyUIの秘密 | フューチャー技術ブログ
使い方は、CSSのクラスにちょっと書き足すだけで動きます。使い勝手はBootstrapみたいですね。ドキュメントが検索しやすくて、サンプルが豊富で、シンプルに書かれているので、フロントエンドが苦手でCopy And Paste from Stack Overflowな人にも使いやすいと思います。 <button class="btn">neutral</button> <button class="btn btn-primary">primary</button> <button class="btn btn-secondary">secondary</button> <button class="btn btn-accent">accent</button> <button class="btn btn-ghost">ghost</button> <button class="btn b
Material Kit 2 by Creative Tim
Free Bootstrap 5 Material Design UI Kit Product description The most complex and innovative UI Kit Made by Creative Tim. Check our latest Freebie Bootstrap 5 UI Kit with a fresh, new design inspired by Google's Material Design 2. Designed for those who like bold elements and beautiful websites, Material Kit 2 is ready to help you create stunning websites and web apps. We created many examples for
19 top free Bootstrap themes
Bootstrap is a free framework created by Twitter that helps you get up and running with responsive web design quickly and easily. With Bootstrap, you can use HTML and CSS templates for web-based content such as forms, buttons, navigation and more. You can also use JavaScript plugins. While there are a number of reasons to use free Bootstrap themes, the biggest are that it's easy to use and has a m
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 単純に中央揃えとか左揃えとかだけを指定するために
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
Rails4.1でBootstrap3を使う手順メモ - Qiita
Railsサーバを再起動して適当にclassをあててみてBootstrapが適用されていることを確認 Javascript assets/javascripts/application.jsに以下の内容を追加
Zimit Framework - 要チェックなHTML5デザインフレームワーク
お、これは良さげ！ HTML5のWebフレームワークはたくさん出揃ってきました。その中でどれを選択するかはカスタマイズ性の高さやデザイン性がマッチしているか、自分の手に馴染むかといった基準になるかと思います。 今回は新しく登場したレスポンシブなHTML5フレームワークZimit Frameworkを紹介します。 Zimit Frameworkの使い方 スクリーンショットを多めで紹介します。 Bootstrapと同じくらいの機能は揃っているのではないでしょうか。Zimit Frameworkは特徴として、 統一されたUI 軽量で使いやすいインタフェース（ミニファイすると84KB） LESSベース レスポンシブ HTML5対応のブラウザであれば幅広くサポート となっています。 クラス指定が多くない印象なので、プロトタイプに使ってもさくさくと画面が作れて良さそうです。 Zimit Framewo
いまさら聞けない「Twitter Bootstrap」とは？ (1/2)
スマートフォンやタブレットの普及によって、いつでもどこでもインターネットにつながるようになり、さまざまなWebサービスをたくさんの人に提供できる環境が整ってきました。それに伴い、中小企業や個人のスタートアップが活発になり、新しいWebサービスが次々と生まれています。 そこでエンジニアの間で関心が高まっているのが、「いかに効率よく開発・制作」し、「アイデアをいかに早く形にして世の中にローンチする」か、ということです。 この連載では、特にスタートアップで注目を浴びているフロントエンドツール「Twitter Bootstrap」について、基本的な使い方から実際のWebアプリ開発での導入方法までを紹介します。まずはTwitter Bootstrapが何なのか、どのような場面で使われているのか、確認しましょう。 Twitter Bootstrapの特徴 Twitter Bootstrapは、米ツイッ
ひと味ちがうTwitter Bootstrapリソースまとめ、UIパーツ編 - 酒と泪とRubyとRailsと
ひと味ちがうTwitter Bootstrapリソースまとめ、UIパーツ編 Apr 4th, 2013 Tweet 以前、Twitter Bootstrapについてのテンプレート(レイアウト)のまとめを作ったところロングテールにはてブしてもらえました。はてブをしていただいた方、本当にありがとうございました！ ちょっと話は変わりますがその記事は、他のリソースを見つける度に少しずつ記事をアップデートしていたんですが、分量がカナリ多くなってしまいました。そこで今回この記事をjQueryやUIパーツ編として分離しました。この記事は今後も新しいリソースを見つける度に順次アップデートしていく予定です！ (04/05 15:15) Bootstrap Form Helpersを追加しました Bootsnipp.com BootstrapのUIパーツを集めたサイトです。テンプレートよりも簡単に導入できる
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t
Bootstrapを使おう！様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
twitter bootstrap railsを使ったら職が見つかり彼女も出来て背も3センチ伸びました。 - ppworks.jp
twitter bootstrapを更に便利に使うgemがtwitter bootstrap railsです。 railsアプリを作りましょう。 rvmでgem set作ります。 rvm --create 1.9.3-p125@tbrsample railsアプリ生成します。 gem install rails --no-ri --no-rdoc rails new tbrsample gemを指定しましょう。 Gemfileのgroup :assetsに追加します。 cd tbrsample vim Gemfile gem "twitter-bootstrap-rails" どん bundle install --without=production bootstrapをgenerateしましょう。 必要なjsやcssをapp/assets配下に配置します。 rails g bootst
SIHOのプログラミングわーくワク [Tips]viewDidLoadのときにperformSelectorを使う
興味の赴くままに勉強してたら、読み書きできる言語は9個になりました。他にもいくつか気になる言語があったりなかったり？ まだまだ続く、楽しいお仕事わーくワク♪ « 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 » 2011.05.26 (Thu) アプリの起動のときは次の順でメソッドが呼ばれます。 a）application: didFinishLaunchingWithOptions: b）applicationDidBecomeActive: rootViewControllerはこのaで作成することが多いと思うのです。 でも、bを通り過ぎるまでの時間がかかりすぎると(20秒以上？)iOSの方で強制的にアプリを落としちゃいます。 これが、「起動しない」といわれる原因のひとつです
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - seyhunak/twitter-bootstrap-rails: Twitter Bootstrap for Rails 6.0, Rails 5 - Rails 4.x Asset Pipeline
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Bootstrap Templates and More on WrapBootstrap
IDEA * IDEA
IDEA * IDEA