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

2016/10/14 2100 users medium フレームワーク CSSテクニック 違和感 理由

うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。 なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日本語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを... 続きを読む

bootstrap - 非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita

2014/09/19 1276 users Heroku Rubyist Rails Kobito CSS

非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選bootstrap(145)Rails(2663)Heroku(378)CSS(636)Ruby(4898)okappyが2014/09/19にKobitoから投稿(2014/09/19に編集)編集履歴(4)編集リクエストを作成する 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 ... 続きを読む

BootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 | Chrome Life

2012/09/11 1187 users Jetstrap ユーザーインターフェース エディタ ウェブ

先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootstrapに慣れていない人が、実際にページを作って... 続きを読む

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - ＠IT

2014/03/19 1069 users サンプルアプリケーション CSSフレームワーク API 概要

HTML5アプリ作ろうぜ！（11）：Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介... 続きを読む

Bootstrapよりキレイ！Googleのマテリアルデザインキット - ku-sukeのブログ

2015/08/04 882 users Foundation ku-suke Bootstrap風

2015-08-04 Bootstrapよりキレイ！Googleのマテリアルデザインキット Bootstrapの見慣れた感というか、モック感から脱却しようとFoundationとかに手を出しかけてたのですが、Googleがだしてきたマテリアルデザインキットがすごく良かったので紹介します。 たとえば管理画面風のデザインはこれ ほかにもBootstrap風の上部メニューのデザイン（Android）もあ... 続きを読む

これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin | コリス

2014/07/08 851 users コリス ジェネレーター ウェブサービス CSS デモペー

HTMLやCSSの知識は不要！ 積み木感覚でレイアウトを組み立てるだけで、簡単にBootstrapのページ作成ができてしまうウェブサービスを紹介します。 ほんの数分で、今時のかっこいいページが本当に簡単にできちゃいます！ lollytin lollytinでつくってみた lollytinの使い方 lollytinでつくってみた ということで、所要時間1分ほどの成果物がこれ！ さくっと作ったデモペー... 続きを読む

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

2018/04/20 848 users コリス 積み木 CSS HTML ドラッグ＆ドロップ

さくっと短時間で、慣れれば1分！ デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala ... 続きを読む

Bootstrapで日本語をより美しく表示させることにこだわった無料のテーマ -Honoka | コリス

2015/05/25 730 users コリス フレームワーク アプローチ フォント指定 コンテンツ

Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。 単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。 Honoka Honoka -GitHub Honokaの特徴 Hono... 続きを読む

ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個 | A40

2013/12/23 692 users フレームワーク レスポンシブWebデザイン かなり手間 機能

レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrap... 続きを読む

【難しく考えすぎ！？】bootstrap臭のしないお洒落なレスポンシブWEBデザインの作り方 | WEBデザイナーの憂鬱

2013/12/25 687 users Bootstrap臭 Gunosy Webデザイナー 事例

「Responsive Web Design JP」を運営されているA40さんのまとめ記事ここまでできる！Bootstrapで作られた国内のレスポンシブWebデザインのサイトまとめ20個が今日のGunosyで取り上げられていましたが、twitter Bootstrapを使ったレスポンシブWEBデザインのウェブサイトの事例が国内でもかなり増えてきました。 当社で制作した化粧品ブランド　リボーテ -R... 続きを読む

ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと

2013/04/05 686 users Rails FlatUI プログラマ Ruby 一味

ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ (03/05 追記) FlatUI、Bootstrap Expoを追加しました... 続きを読む

Bootstrap3日本語リファレンス

2015/01/29 654 users フレームワーク CSS JavaScript HTML 全て

Bootstrapは、HTML、CSS、Javascriptからなる人気のフレームワーク。Bootstrap3日本語リファレンスでは、モバイル・ファーストとして生まれ変わったBootstrap3について解説しています。初心者でもわかる様に、ほぼ全てにサンプルを付けています。Bootstrapは、HTML、CSS、Javascriptからなる人気のフレームワーク。 Bootstrap3日本語リファレ... 続きを読む

Bootstrapの画面を手軽に作れるツールまとめ | hifive開発者ブログ

2016/04/11 651 users Bootstrap用 習得 ドラッグ＆ドロップ バージョン

業務システムの画面やWebサービスの管理画面にBootstrapを採用するケースが増えていますが、それでもBootstrapならではの書き方を覚えないといけません。バージョンが上がるごとに書き方が変わるので習得が面倒と感じる人も多いでしょう。 そこで使ってみたいのがBootstrap用のUIビルダーです。ドラッグ&ドロップで画面が設計できれば作成も簡単ですよね。 lollytin beta 1.4... 続きを読む

Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ | HTML5Experts.jp

2013/08/20 650 users グリッドシステム CSSフレームワーク 流行 とおり リスト

人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザイン... 続きを読む

早く・それなりの UI を実現する React コンポーネントセット 16 選 - Qiita

2016/07/11 592 users Qiita React ライブラリ 既存 コンポーネント化

これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CS... 続きを読む

商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ | コリス

2014/11/05 576 users コリス スクロールエフェクト テンプレート 商用 縦長ページ

Webデザインの最近のトレンド、縦長ページ、スクロールエフェクト、CSS3アニメーション、フラットスタイルなどを取り入れたBootstrapのテンプレートを紹介します。 Bootstrapは先週3.3.0がリリースされ、...記事の続きを読む 続きを読む

Bootstrapで行こう！すごい無料HTMLテンプレート24個まとめ 2014年12月度 - Photoshop VIP

2014/12/17 575 users Photoshop Vip

Twitter社のフレームワークBootstrapは、あらかじめテンプレートのカスタマイズ、拡張性が考慮されており、デベロッパーがより楽に開発を進めることができるだけなく、将来的にメンテナンスのしやすいテンプレートを作成することができます。 今回はBootstrapフレームワークを利用した、無料ダウンロードできる新作HTMLテンプレートをまとめてご紹介します。そのまま利用できるハイクオリティな素材... 続きを読む

Bootstrapをもっと活用するためのカスタマイズツールやリソースのまとめ | コリス

2012/03/04 563 users カスタマイズツール コリス リソース まとめ

Twitter Bootstrapをカスタマイズしたり、jQuery UI, jQuery Mobileで使ったり、PhotoshopやFireworkの素材として利用したり、WordPressのテーマなど、もっと活用す [...] 続きを読む

Bootstrapを利用した、ダッシュボード向け無料HTMLテンプレート素材15個まとめPhotoshopVIP |

2014/05/17 547 users フレームワーク エントリー 使い勝手 Webサイト制作 15個

Twitter謹製フレームワークとしても有名なBootstrap。規則正しくスタイリングされた、使い勝手の良いコンポーネントは、Webサイト制作にかかる時間を大幅に短縮してくれるようになりました。 海外デザインブログSpeckyBoy Design Magazineで、Bootstrapをフレームワークに作成された、ダッシュボード向け無料HTMLテンプレート素材を15個まとめたエントリー「15 F... 続きを読む

jQuery UI Bootstrap

2011/12/30 546 users jQuery UI

A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project... 続きを読む

【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan - PhotoshopVIP

2017/06/22 539 users Titan PhotoshopVIP Bootstrap製

ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap 。しかし、 デザインが他のサイトとかぶってしまう とお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、 Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意さ... 続きを読む

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

2014/07/22 534 users CodeZine サーバーサイドJava PHP タブレット

本連載では、サーバーサイドJavaやPHPを使って業務アプリケーション開発を行う若手エンジニアのために、「Bootstrap」を使ってかっこいい画面を作成する方法をご紹介します。「プログラミングは好きだけど、デザインセンスに自信がない……」や「スマートフォンやタブレットでもきちんとレイアウトされたアプリを簡単に作りたい！」などを実現してくれる便利なBootstrapの使い方を、サンプルコードを交え... 続きを読む

Bootstrap以外のCSS Frameworkを知らない人必見！CSSフレームワーク４４選 | エンジニア転職求人情報×IT人材紹介@SAK

2015/02/03 527 users CSS Framework グリッド 人必見 沢山 現状

CSS Framework 2015年になったので、現状のCSSフレームワークをまとめてみました。Bootstrap以外にも沢山あります。 かなりの量があるのですが、単一機能のみ（グリッドだけとか）などもあります。 一通り見てみると、やはりBootstrapが良いなとは思うのですが、個人的にはSemantic UIが良いなと思いました。 名前空間の考え方や、設定はBootstrapが一番洗練されて... 続きを読む

Web制作時に備えておくと便利なチートシートのまとめ（iOS, Android, Bootstrap, WordPress, Git, Sublime Text, Emmetなどいろいろ） | コリス

2014/07/24 526 users GitHub Git iOS Emmet コリス

iOS/Androidの各デバイスやエレメントの規格、BootstrapやFoundationなど人気のフレームワーク、WordPressのテーマファイル、Git/GitHubの便利な機能、Sublime TextやEmmetの使い方をまとめたチートシートなど、フロントエンドのWeb制作者に役立つチートシートをまとめました。 Web制作時によく使うサイズとかスニペットとかショートカットとか、チート... 続きを読む

Web制作者は要ブックマーク！制作時にいろいろと役立つ便利サイトのまとめ | コリス

2014/09/12 511 users コリス Foundation Media Queries

Web制作時に、あれ？なんだっけな？って時に役立つ便利サイトを紹介します。 HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。 Can I ... 続きを読む