[B! *][bootstrap] maangieのブックマーク

The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! bootstrapgeek.biz 2023 著作権. 不許複製プライバシーポリシー

maangie 2015/05/21

*
bootstrap

リンク

Bootstrap で横並びラジオボタンを作ってその値を JavaScript から取得する方法 - tmlife

地味にこれやってる良い感じの情報がなかったのでメモがてら作ってみました　. デモこちらデモになります. ラジオボタンが表示され押すとそれに対応した文字列がコンソールに表示されるのがわかると思います. [runstant] ソースコード html ラジオボタンを構成する部分です <div id='mode' class="btn-group" data-toggle="buttons"> <label class="btn btn-primary active"> <input type="radio" autocomplete="off" value="left"> Left </label> <label class="btn btn-primary"> <input type="radio" autocomplete="off" value="middle"> Middle </

maangie 2015/02/03

リンク

Webアプリをあっという間にカッコよく！ BootstrapによるレスポンシブWebレイアウト

筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ

maangie 2014/12/05

bootstrap
*

リンク

ClockPicker - 時間入力を簡単にするBootstrapライブラリ

Bootstrapの良いところとして、十分に普及したこともあって色々な人たちがUIコンポーネントを作成しているというのがあります。標準で提供されるHTMLコンポーネントだけでなく、よりリッチな入力インタフェースが実現できます。ということで今回はClockPickerの紹介です。カレンダー指定によって日付入力は分かりやすくなりましたが、ClockPickerによってさらに時間入力を分かりやすくできます。 ClockPickerの使い方 ClockPickerは日付同様に専用のフォーマットである時刻入力を数字を入力することなく簡単にできるようにします。細かな時間入力には向かないかも知れませんが、スケジュールなど5分単位の入力の場合は便利そうです。PCはもちろん、スマートフォンで活躍しそうです。コールバックなども備えていますのでシステムとの連携も容易です。 ClockPickerはHTML5/

maangie 2014/11/10

bootstrap
*

リンク

Web開発のためのツール集の最新版「Bootstrap 3.3.0」リリース、「Bootstrap 4」も近日登場

前バージョンリリース以降に受けた、28のコントリビューターからの700を超えるコミットを元に、「Bootstrap 3.3.0」では、全般的なバグフィックスや、アクセシビリティの向上、ドキュメントの更新などを行っている。おもな変更点は以下の通りより簡単なカスタマイズを可能にする変数の追加わずかな変更の際のプログレスバー表示を削除すべてのtranslate3dインスタンスの削除（パフォーマンスは向上したものの、クロスブラウザでのバグを含んでいるため）近年のブラウザがサポートしているカルーセル表示のパフォーマンスを向上するtransf ormの追加 Normalize.cssとH5BPを最新のものに更新ナビゲーションやパネル、ツールチップ、ボタンなどのアクセシビリティを向上 JavaScriptとドキュメントにおける不具合の解消「Bootstrap 3.3.0」のリリースにともない

maangie 2014/11/05

bootstrap
*

リンク

『パーフェクト Ruby on Rails』を読んだ - きにきじ

﹃パーフェクト RubyonRails﹄︵すがわらまさのり, 前島真一, 近藤宇智朗, 橋立友宏︶を読みました。﹁Rails 開発に慣れてきたかな﹂くらいの人にちょうどいい内容だったと思います。それくらいレベルの人が少し上を目指したり、より Rails らしい設計や開発の仕方を学んだりするのにいい書籍だと思いました。Ruby2や Rails4向けの説明になっているので、新しめの情報を得たいような場合にもお薦めです。逆に、最新の Ruby や Rails でバリバリ開発しているような人には既知のことばかりで物足りないんじゃないかなという印象です。全体的に興味はあったのですが、購入の決め手となったのは第9章﹁より実践的なモデルの使い方﹂です。どう設計するか、どうリファクタリングするかの1つの指針として読んでみたいと思いました。実際に読んだ感想としては、学びも多く、読んでよかったと

maangie 2014/09/30

リンク

Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT

Material Design for Bootstrap 5 & Vanilla JavaScript Standard Bootstrap version built with plain JS (but works also with jQuery)

maangie 2014/09/29

*
bootstrap

リンク

Bootstrapで文字や表などをカッコよく表示しよう

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

maangie 2014/09/25

「デザインに自信のない方」…。

*
bootstrap

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

maangie 2014/09/19

*
bootstrap

リンク

Bootstrap/BootswatchをRails 4.1に導入！

もはやエンジニアがWebサービスを立ち上げる時になくてはならない、﹃Twitter Bootstrap﹄や、そのBootstrapのテーマ﹃Bootswatch﹄。僕もほぼ欠かさず使っています。今回は以前書いた情報がちょっと古くなっていたので、忘備録を兼ねて書き直しです。 🎂 (1) Bootstrap CDNを使う方法これが一番簡単です。基本的には、﹃Bootstrap CDN﹄に書いてあるコードをheaderに貼り付けるだけです。バージョンアップとともにURLが変わるので、最新は本家のサイトからコピーしてきてください。一応イメージが湧くようにコードを書いておきます。Bootstrap/Bootswatch/Font-Awesomeを使えるようにします。app/view/layouts/application.hamlの場合はこちら。 %link{:href=>"//netdna.

maangie 2014/09/18

リンク

Ruby on RailsにてBootstrap3のサンプルページを作成する | DevelopersIO

はじめにサンプルアプリ等を作成する際、デザインに悩むことは多いかと思います。 (特にデザインセンスに乏しい私のようなプログラマは・・・) このような時に、Bootstrapは強い味方となります。(今更感は強いですが・・・) またBootstrapにはデザインのサンプルが用意されているので、このサンプルをベースとしてアプリを作っていけばデザインについて悩むことを減らすことができそうです。今回はRubyonRails4にBootstrap3を適用し、サンプルにある﹁Starter template﹂と同じページを作る手順について纏めてみたいと思います。作業手順以下に、今回の作業手順を書いていきます。 1.ページ作成まずはRubyonRailsにて、今回表示するページを作成します。コントローラ、ビューの作成今回表示する画面のコントローラは﹁welcome﹂、ビューは﹁

maangie 2014/09/18

リンク

「その便利そうなやつ、何使ってるんですか？」的ツール百選 (のうち10個くらい) DIST#4 LT発表資料 - Qiita

﹁その便利そうなやつ、何使ってるんですか？﹂的ツール百選 (のうち10個くらい) DIST#4 LT発表資料Mactool DIST.4 ﹁Life is Short﹂のLT発表資料です。紹介するツール一覧 (基本、Macです) デザイナー、ディレクター、エンジニア問わず、誰でも使えるやつエンジニアむけいちおう下記、分類してますが、紹介する順番はいい感じのやつ順です。誰でも使えるやつ Alfred : ランチャー Kiritori : 画像付箋化 ClipMenu : クリップボード拡張 Skypeログ整形ツールTable→マークダウン MacでWindow切り替え(⌘+F1) Fluid (Mac) : Webサイトをアプリ化 Push Bullet : なんでもpush通知エンジニアむけ CodeRunner (Mac) : なんでもコード走らせる Google Apps

maangie 2014/08/23

「AngularJSは神」「覚えることは異常におおいので、挫折するのもアリ」

リンク

mgzl.jp

もはやプレーンなWebサイトでいいんじゃないかと思ってこうなりました。作ったもの Better Hotentry はてなブックマークのホットエントリーをいい感じに見れるサービス the Tower of Metab はてなブックマークのメタブタワーをまとめて見るサービス Skyrim錬金逆引きリスト The Elder Scrolls V Skyrimの錬金を効果から逆引き検索できるサービス連絡先 @megazal_rock 株式会社なすびで働いています。

maangie 2014/08/03

「デザインをするのが面倒だったので、Bootstrapを使いました。正直デフォルトのBootstrapのデザインは微妙かなと思うのですが、とりあえずそれなりのUIを作るには便利です」

リンク

New GitHub Issues functionality for smarter searching, filtering and managing

ProductNew GitHub Issues functionality for smarter searching, filtering and managingWe've rebuilt GitHub Issues to be smarter: search smarter, filter smarter, and manage your issues and pull requests smarter. If you want to see it in action, check out Bootstrap's… We’ve rebuilt GitHub Issues to be smarter: search smarter, filter smarter, and manage your issues and pull requests smarter. If you wan

maangie 2014/07/29

リンク

Bootstrap 3 学習ノート - Qiita

(2014-06-09 ... 18) Bootstrap3の学習記録ノートです。できるだけ手を抜かず隅々まできちんと調査し、コードはほぼ全て実際に試して確認しました。元々公開を意図したものではありませんが、ここまで詳細に調べた資料はそうはないと思いますので最低限の体裁を整えて公開します。みなさんのお役に立てば幸いです。なおHTML部分はほぼ全てjadeで記述しています。jadeを知らないと理解できないノートになってしまっていますが、生のHTMLではとてもこのスピードでは学習できません。どうかご了承下さい。なお﹁ここは違うのでは﹂﹁こうした方がよいのでは﹂などという点がありましたらGitHubのissuesかpull requestなどでお教え頂けるとありがたいです(6/19記)。 (Qiita用に追加) Qiitaコメントでのご指摘も歓迎します。その後しばらくしてバージョンが

maangie 2014/07/01

bootstrap
*

リンク

How to Build a Functional Login Form with PHP + Twitter Bootstrap

maangie 2014/05/23

リンク

simple_formとTwitter bootstrapで作る俺流鉄板Railsアプリ（その１） | Oh My Enter!

エンジニアであれば、みな自分流の開発流儀をお持ちだと思います。PHPでWebアプリを開発する際はこのフレームワークを使うだとか、Railsアプリの場合はこのgemを使用するだとか・・・。私がRailsアプリを作成する際の鉄板といえば、simple_form＋twiterbootstrapを使用することです。simple_formは、入力フォームを簡単に作成するお手伝いをしてくれるView用のgem、twitter bootstrapは︵説明するまでもないかもしれませんが︶Twitterが公開しているcssフレームワークです。デザインが苦手なエンジニアにでも、それなりに見栄えの良い画面が簡単に作れるので、非常に重宝しています。 simple_form: https://github.com/plataformatec/simple_form twitter bootstrap: http:

maangie 2014/05/23

リンク

iOSのON/OFFボタンなスイッチがBootstrapで作れる「Bootstrap switch」:phpspot開発日誌

Bootstrap switch - by Mattia Larentis and Peter Stein iOSのON/OFFボタンなスイッチがBootstrapで作れる「Bootstrap switch」次のような美しいスイッチがBootstrapなサイトで実装できますまたひとつ、Bootstrapを使う理由が増えました。関連エントリ Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootstrapベースのフラットUI実装フレームワーク「Furatto」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Twitter BootStra

maangie 2014/05/23

リンク

PHPとBOOTSTRAPでレスポンシブデザインな掲示板を作ってみた。 | TipsBox

maangie 2014/05/23

リンク

はてなブックマーク

タグ

関連タグで絞り込む (9)

*とbootstrapに関するmaangieのブックマーク (42)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

月間はてなブックマーク数ランキング（2024年5月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス