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

びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール

さくっと短時間で、慣れれば1分！デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala Design Blocksでは170種類以上のレスポンシブ対応のコンポーネントが用意されており、それらを好きなように組み合わせて、誰でも簡単にWebページを作成することができます。作成したページは個人でも商用でも無料。詳しくはライセンスページをご覧ください。短時間で、Bootstrap 4ベースのページを作成してみる用意されているコンポーネント短時間で、Bootstrap 4ベースのページ

cantaloupe 2018/04/20

リンク

うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。

なんか、このサイトBootstrapくさい。そう感じることはありませんか?その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。しかし、和文だからといってあきらめることはありません。BootstrapのCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。欧文をベースに設計されたBootstrapをそのまま

cantaloupe 2016/10/14

リンク

【CSSフレームワーク】Bootstrap3の管理画面用テンプレートまとめ【全部無料】

更新‥2017/10/22 こんにちは。Webデザインはあまり得意ではないケーです。デザインが苦手なエンジニアでもレスポンシブ対応済みのページを割りと簡単に用意できるのがCSSフレームワークです。そんなCSSフレームワークの中で最も有名なのがBootstrap︵ブートストラップ︶で、Twitter社が開発・提供、オープンソースで公開されているフロントエンドツール。 Bootstrapでも管理画面用のテンプレートというのがあるんですが、毎回テンプレ探しを繰り返しているのでまとめておきたいと思います。 SB Admin 2 SB Admin 2はブロックごとのパネルがスマートで気に入っています。シンブル好みの方にオススメ。 | ライセンスMIT License デモ http://blackrockdigital.github.io/startbootstrap-sb-admin-2/p

cantaloupe 2016/06/17

リンク

Bootstrap ベースのシンプルでカスタマイズ性の高い WordPress テーマ Habakiri が公式ディレクトリに掲載されました。

Habakiri Bootstrap ベースのシンプルな WordPress テーマ。レスポンシブ、多くのカスタマイズ機能。圧縮された CSS・JSを使用する高速化対策。Microformats 対応。Sass、クラスベースの functions.php。公式サイトを見る先日、WordPress の公式テーマディレクトリにテーマ Habakiri が掲載されました。以前掲載された Kotetsu に続き2つ目のテーマ掲載となります。お使いの WordPress の管理画面にログインし、テーマインストール画面で﹁Habakiri﹂と検索すればすぐにインストールできます。このサイトも Habakiri を親テーマとして使っているので、だいたいの雰囲気はわかるかなと思います。 Habakiri の特徴 WordPress テーマ Habakiri には次のような特徴があります。 Boot

cantaloupe 2015/06/10

リンク

Bootstrap Studio

Presenting Bootstrap Studio, a revolutionary tool that developers and designers use to create beautiful interfaces using the Bootstrap Framework. Learn more What is it? Bootstrap Studio is a desktop application which you can use to build beautiful interfaces and websites by only using drag & drop. It comes with a large collection of components like charts, maps, data tables, forms, menus, lists,

cantaloupe 2015/03/16

bootstrap

リンク

無料で利用できる高品質Bootstrapテーマコレクション「Bootstrap Zero」 | ソフトアンテナ

Twitter社が開発した人気のCSS/JavaScriptフレームワーク﹁Bootstrap﹂。誰でも簡単に利用できることが売りですが、一からサイトを作り上げるとなると、それなりに時間がかかってしまうかもしれません。﹁Bootstrap Zero﹂は、そのような時に参考にしたい、高品質なBootstrap用のテンプレートコレクションサイトです。Bootstrap的ではない、美しいデザインのテーマから、Bootstrapっぽさを残したオーソドックスなテーマまで、たくさんのテーマを無料でダウンロードすることができます。 Custom Bootstrap Templates Custom Bootstrap Templatesカテゴリには、Bootstrapっぽさをできるだけなくした美しいテーマが集められています。製品/アプリの紹介サイトや、管理画面に使える、最近よく見かける形式のテーマが揃

cantaloupe 2015/02/15

リンク

スマホWebサイト/ハイブリッドアプリ開発を高速化するJavaScriptフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG

デスクトップ向けのWebサイト開発ではjQuery/Backbone.js/AngularJS/Ember.jsなどを採用するケースが多いのかなと思います。しかしスマートフォン、タブレット向けのWebサイトとなるとまた勝手が違います。特にUI周りの取り回しであったり、タッチ/マルチタッチイベント、スマートフォン特有のAPIなどを適切に扱えなければなりません。何よりハードウェアの性能がデスクトップより低いので高速にストレスなく動作させるためには軽量でなければなりません。そこで今回はスマートフォン、タブレット向けのWebサイトを構築したり、HTML5によるハイブリッドアプリを開発するのに使えるJavaScriptフレームワークを紹介します。ぜひ皆さんの開発に役立ててください。mBaaSお役立ちブログトップ> ブログ> Tips> スマホWebサイト/ハイブリッドアプリ開発を高速化するJava

cantaloupe 2014/08/29

リンク

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

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