[B! bootstrap] Neanのブックマーク

Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup

bootstrap-wysiwyg tiny wysiwyg rich text editor for Bootstrap About This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features: Automatically binds standard hotkeys for common operations on Mac and Windows Drag and drop files to insert images, support image upload (also taking photos

Nean 2013/04/08

リンク

HTML5/CSS3を使った多機能デザインフレームワーク·HTML KickStart MOONGIFT

HTML KickStartはBootstrapライクなデザインテンプレートフレームワークです。最近ではWebサイトのベースにBootstrapを利用することが多いのですが、今回はその類似ソフトウェアとしてHTML KickStartを紹介します。こちらもかなり高機能です。 Typography。リストとメニュー。メニューは階層対応。テーブル。ツールチップ。上下左右自在です。アイコン。プログラミングコード。ボタン。タブ。パン屑。グリッド。画像。スライドショー。動画、地図、カレンダー。フォーム。入力フィールドのサイズ。その他色々。極力シンプルなHTML構造設計、jQuery利用、HTML5、モーダルウィンドウなどが特徴に挙がっています。唯一残念なのは現状はレスポンシブWebデザインでないことかも知れません。しかし全てのデバイスへの対応を考えないならむしろ手

Nean 2013/01/03

リンク

Webフレームワーク「Bootstrap」、最新版となるバージョン2.2がリリース | OSDN Magazine

10月29日、Webフレームワーク「Bootstrap」の最新版「Bootstrap 2.2」がリリースされた。サンプルテンプレートが追加され、バグも多数修正されている。 BootstrapはオープンソースのWebフレームワークで、CSSおよびJavaScriptから構成されている。HTML中でこれらをロードすることで、グリッドレイアウトシステムやレスポンシブレイアウトといった機能やダイアログ、ボタンなどのUIコンポーネントなどが利用できるようになる。JavaScriptフレームワークにはjQueryが採用されており、CSS生成にはCSS生成ツール「LESS」が利用されている。 Bootstrapは米Twitter社内でスタートしたプロジェクトで、2011年に初めて公開された。プロジェクトのメイン開発者は9月末にTwitterを退社しており、将来的にはTwitterから分離させ、独立したオ

Nean 2012/10/31

bootstrap

リンク

WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ | [Mu]ムジログ

WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。そんな話をしていて「今日はこれからレスポンシブWebデザイン勉強するわ」と夕方宣言して、勢いでこのブログのリニューアルをしました。勉強からAdsense対応まで実質3，4時間ぐらいでやっつけで終わらせてIEにまだ対応していないのはここだけの話です（笑）。まずはレスポンシブWebデザインについておさらいなにはともあれ、なんとなく知ったつもりになっていることでも一応網羅的に一通りどんなものだったか復習したく参考サイトを見てました。

Nean 2012/09/28

リンク

twitter-bootstrap-nodeを作ってnpmに公開したまでの記録 - takimoのweblog

最近ちょっとしたツールを作る時にお世話になっているTwitter Bootstrap。 node.jsのexpressで扱おうとすると自分でbootstrapをダウンロードして、解凍して、expressとbootstrapでJavaScriptやCSSのディレクトリ命名規則が違うのが気になってもやもやしつつ、設置して、templateを直して(略と、結構めんどくさい。 expressをinstallするとprojectのひな形を作ってくれるコマンドがあるのでそれが勝手にbootstrapを配置して動くようにしてくれないかなと思ったのが始まり。 https://github.com/takimo/twitter-bootstrap-node インストールは $ npm install -g twitter-bootstrap-node 新しくプロジェクトを作りたかったら $ twitter

Nean 2012/06/10

リンク

DOMAIN ERROR

ドメインウェブの設定が見つかりません考えられる原因ドメインウェブの設定がまだ行われていない。ドメインウェブの設定がまだ反映されていない。(反映には数時間～24時間かかることがあります) ドメインウェブ・DNSの設定が誤っている。アカウントが存在しない、契約が終了している、削除されている。

Nean 2012/05/18

リンク

Bootstrapを使おう！様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT

KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。色が変わると随分印象が違います。テーマ機能があります。青と白。こんな感じのシンプルなテーマも。逆にカラフルなものもあります。基本は同じですが、印象は違いますね。好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML

Nean 2012/04/13

リンク

Twitter BootstrapでさくさくWeb開発 : アシアルブログ

<div class="container-fluid"> <div class="row-fluid"> <div class="span4"> Span4の中身 </div> <div class="span8"> Span8の中身 </div> </div> </div> Preタグで囲むコードエンジニアの皆さんなら、ブログにコードを書きたいですよね。 Twitter Bootstrapでも、かっこ良くコードを見せる手法を提供しています。・codeタグで囲む赤くなります。・preタグで囲む囲み枠がつき、灰色になります。・Preタグ+Google Prettifyを使う preタグのclassに、prettyprint linenums を入れましょう。これが超かっこいい！！コードを見せるならこれがよさそうですね！さて、かっこいいGoogle Prettifyですが、こ