【速攻レビュー】よりモバイルフレンドリーになった「Twitter Bootstrap v4」 | HTML5Experts.jp

2015/09/02 231 users モバイルフレンドリー 速攻レビュー

Twitter Bootstrapバージョン4アルファ版が8月19日に公開されました。既にご存知の通りTwitter BootstrapはレスポンシブでモバイルファーストなCSSフレームワークです。さっとレスポンシブなサイトを構築するのに多くの方が利用しているのではないかと思います。この記事ではTwitter Bootstrapバージョン4の変更点について、筆者が「これは！」と思ったところをピック... 続きを読む

4色ほど指定するだけでTwitter Bootstrapの配色を良い感じにしてくれるSass | mah365

2014/02/04 139 users Sass ディス 配色 mah365 変数

そんなSassが町田先生のCustomizedTwitterBootstrapに含まれていたので、これをTwitter Bootstrap3に対応させてみたのでした。 ソース こちらが良い感じにしてくれるベースの変数です。 $base-color、$main-color、$accent-color、$base-text-colorを決めることで良い感じにしてくれます。僕は下のファイルみたいなテイス... 続きを読む

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

2013/12/25 687 users Bootstrap臭 Gunosy Bootstrap 事例

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

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 | Find Job ! Startup

2013/10/24 841 users イシジマミキ Startup コーディング コーデ エンジニア

今日からはじめる！Twitter Bootstrap 3入門 〜Webデザイナーのための簡単サイト構築術〜 こんにちは！ザ・マーズナレッジという会社をやっている、デザイナーのイシジマミキです。 Twitter Bootstrapと聞くと、エンジニアやマークアップエンジニアが使うものだと思っていませんか？それは大きな間違いです。コーディングが苦手なデザイナーこそ、一番便利に使えるものなのです。コーデ... 続きを読む

ダウンロードしてすぐに使えるBootstrapのテーマ集『StartBootstrap』 | 100SHIKI

2013/09/29 103 users Bootstrap プレビュー 100SHIKI テキスト

これはすごい便利かも。 StartBootstrapでは、Twitter Bootstrapのテンプレートをダウンロードすることができる。 公式サイトにも多少のサンプルはあるが、ダウンロードしてそのまま使えるテンプレートがあればうれしいだろう。 また種類も豊富で、随時追加されているようだ。その場でプレビューも可能だ。 ちょっとしたサイトだったらここでテンプレートをダウンロードして画像やらテキストや... 続きを読む

ノンデザイナーも必見！Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG

2013/08/09 248 users ノンデザイナー 株式会社LIG 必見 特徴 導入前

こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロン... 続きを読む

ASCII.jp：サンプルで学ぶTwitter Bootstrapの使い方：前編 (1/3)｜Webサービス開発者のためのTwitter Bootstrap入門

2013/07/25 175 users Twitter bootstrap入門 エンジニア 見た目

Webデザインができないエンジニアでも、見た目をすばやく整えられるフロントエンドツール「Twitter Bootstrap」。前回は、Twitter Bootstrapの概要と特徴、利用事例を紹介し、実際の設置方法までを説明しました。今回は、簡単なサンプルサイトを作りながら、Twitter Bootstrapの基本的なルールと使い方を説明します。 簡単なサンプルサイトで使い方を学ぼう サンプルとし... 続きを読む

ASCII.jp：いまさら聞けない「Twitter Bootstrap」とは？ (1/2)｜Webサービス開発者のためのTwitter Bootstrap入門

2013/06/11 288 users Twitter bootstrap入門 ASCII.jp

スマートフォンやタブレットの普及によって、いつでもどこでもインターネットにつながるようになり、さまざまなWebサービスをたくさんの人に提供できる環境が整ってきました。それに伴い、中小企業や個人のスタートアップが活発になり、新しいWebサービスが次々と生まれています。 そこでエンジニアの間で関心が高まっているのが、「いかに効率よく開発・制作」し、「アイデアをいかに早く形にして世の中にローンチする」か... 続きを読む

今年流行りのフラットなデザイン制作に役立つCSSフレームワークやPSD素材まとめ8つ - W3Q

2013/03/22 209 users CSSフレームワーク W3Q デザイン制作 http

【Flatstrap】 Twitter Bootstrapをフラットデザイン化したCSSフレームワーク。 Flatstrap by Littlesparkvt.com http://littlesparkvt.com/flatstrap/ Flatstrap by Littlesparkvt.com 続きを読む

Backbone.jsでつくるMVPなUIパターン【タブ】 ｜ クラスメソッド開発ブログ

2013/02/27 150 users タブ Backbone.js クラスメソッド開発ブログ 本題

今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。 世界的に名高い企業の名前が並んでいますね。 デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜） ボタンの部分に active というクラスをつけると選択中のデザインに変わり、 内容の... 続きを読む

にわかデザイン（1）：HTML5＋CSS3は「メニューの作り方」を覚えるだけ！ (1/3) - ＠IT

2013/02/26 383 users HTML5+CSS メニュー デザイン Photoshop

Photoshopなどの画像処理ソフトを使わず、CSSでできる表現の幅が広がっています。にわかデザイナーになれる、簡単Tipsをお伝えします。 Web製作の現場では、予算の都合上Webサイトのデザインをデザイナーに発注できず、エンジニア自身が担当しなければならないことがままあります。昨今は「Twitter Bootstrap」などのCSSフレームワークを使って、そんな状況に対応している方も多いと思... 続きを読む

RequireJSでTwitter Bootstrap（jQuery）を非同期ローディングしてみる ｜ クラスメソッド開発ブログ

2013/02/04 133 users jQuery RequireJS compress 非同期

こんにちは、すどーです。 RequireJSでjQueryやjQueryプラグインの非同期ローディングを試してみました。 最近は大規模な構成になると、「ちぢめる、まとめる、かためる（minify, combine, compress）」のが主流のようです。 ですが小中規模な構成や、依存関係にあるフレームワークなども多くあるので、簡単な使い方だけでも覚えておくと便利かと思います。 RequireJS... 続きを読む

Twitter Bootstrapのテーマをオンラインで作成出来るツール・Bootstrap magic - かちびと.net

2013/01/19 139 users Magic テンプレートエンジン AngularJS OSS

Twitter Bootstrapのテーマ作成 ツールです。OSSとしても公開さ れていますので、自分好みにカ スタマイズするのもありですね。 他にもこの手のツールはありま すけど、これはこれで使いやすい 印象でした。 Twitter Bootstrapのテーマ作成ツール。Google製のテンプレートエンジン、AngularJSを使用しているそうです。 Bootstrap magic 左側で色とか... 続きを読む

Twitter Bootstrapのリソースを大量にまとめたサイト・The Big Badass List - かちびと.net

2012/11/30 169 users リソース Bootstrap net フレームワーク 人気

人気のフレームワーク、Bootstrapを 使う際に役立つリソースを大量に集め ているWebサイト・The Big Badass Listのご紹介です。現在でも200近くの リソースがまとめられています。既に 利用されている方は覗いてみては。 Twitter Bootstrapのリソースまとめサイトです。人気のフレームワークならではのリソース量ですね。 The Big Badass List 左の... 続きを読む

MetroライクなTwitter Bootstrap用デザインテーマ･Cosmo - かちびと.net

2012/11/27 110 users Bootswatch net Bootstrap Metro

Metroライクなデザインに変更 できるTwitter Bootstrapのテ ーマ・Cosmoのご紹介です。 Bootstrapはレイアウトが上手く 出来ているので見た目を変える だけで十分かもしれないですね。 MetroっぽいTwitter Bootstrap用テーマです。 Cosmo シンプルで見やすい。Metroは個人的に結構好みのデザインです。 パーツ色々。 Bootswatchで見かけ... 続きを読む

いまどき Rails で何かつくるなら、VPS より Sqale（スケール）だと思うの - 彼女からは、おいちゃんと呼ばれています

2012/11/25 376 users Bootswatch babyshark おいちゃん VPS

Webサービス, Ruby先週リリースしたエロサイト「babyshark」が、おかげさまで大変な反響がありまして、多くのはてブやツイートをいただきましたRails3、Twitter Bootstrap、Bootswatch を使ったレスポンシブなエロサイト「babyshark」をリリースしました そのなかでも、オレも Rails で何かつくってみようという声がちらほら入っていて、大変嬉しく思いまし... 続きを読む

Rails3、Twitter Bootstrap、Bootswatch を使ったレスポンシブなエロサイト「babyshark」をリリースしました - 彼女からは、おいちゃんと呼ばれています

2012/11/17 952 users jQuery Rails おいちゃん Bootswatch

Webサービス, Ruby今年の3月に下記のエロサイトをリリースしまして。Rails3 と jQuery で、真面目にオシャレなエロサイトをつくってみました - h300 サイトは当初の予定どおり90日でクローズしましたが、サイト作成を通して Rails 開発力がつき、仕事でも Rails を使ったプロジェクトに参加できたので、とても有意義な経験でした。 そしてこのたび、更なる高みを目指して下記サ... 続きを読む

PHPやMySQLやセキュリティ対策が分かった気になる15冊 | DECONCEPTER

2012/11/15 303 users Facebook DECONCEPTER MySQL PHP

HTML5とかJavaScriptがもてはやされてるけどやっぱPHPだよねっ。一人でWEBサービス作れちゃう人とかカッコイイィィィィ。デザインはTwitter Bootstrapでィィし、やっぱサーバーサイド出来る人が輝いてるぅウィリリリリリ。 みたいな会話が各地で聞こえてくる昨今ですが、PHPはまだまだ現役で活躍していく言語だと思います。Facebookも今のところPHPで作られていますし、何よ... 続きを読む

Twitter Bootstrap はじめに見るべき１０サイトまとめ | エンジニア転職・求人情報等も配信　SAK STAFF BLOG

2012/10/15 596 users SAK STAFF Blog エンジニア転職 boot 配信

Twitter Bootstrap はじめに見るべき１０サイトまとめPosted 10月 15 2012 by Teachers in HTML5, 技術情報 with 0 コメント Twitter Bootstrapを始める時に見ておく１０サイトを紹介 HTML5でのサイト構築をはじめて、Twitter Bootstrap(以下Bootstrap)をやり始める方も多くなりました。 初めてBoot... 続きを読む

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

2012/09/27 234 users jQuery 夕方 Webデザイナー WordPress 自分

WordPressで作られたブログをTwitter BootstrapでレスポンシブWebデザインにしてみた！Adsense対応も！ 今日の夕方、Webデザイナーの方と最近のjQueryやらレスポンシブWebデザインの話とかしていました。特にレスポンシブWebデザインは3人ぐらいと話をしていて、自分もいずれこのブログのリニューアル時に導入したいと思って居ました。 そんな話をしていて「今日はこれから... 続きを読む

ドラッグ＆ドロップでレスポンシブなWebサイトを作れる『DIVSHOT』 | 100SHIKI

2012/09/19 100 users 100SHIKI アニメーション レスポンシブデザイン ブラ

まだ招待されていないので実際に使ってはいないが便利そうなのでご紹介。 DIVSHOTは、ドラッグ＆ドロップでウェブサイトが作れてしまうサービスのようだ。 なにやらTwitter Bootstrapを使っているらしく、出来上がったサイトは自動的にレスポンシブデザインにもなるようだ。 サイト上では作業の様子がアニメーションで紹介されていてなかなか圧巻なので是非見てみて欲しい。 こうしたウェブ制作もブラ... 続きを読む

Twitter Bootstrapで使える便利なスニペットをまとめた『Boot snipp』 | IDEA*IDEA

2012/09/14 235 users IDEA Bootstrap フッター スニペット ブログ

Twitter Bootstrapで使えるスニペットをまとめたサイトですな。ブログのフッターとか、音楽プレイヤーのコントロールとかいろいろ揃っていて便利そう。 ↑ まだ数は少ないですが。 ↑ こういうのとかですな。 ↑ コピペするだけなので楽々。 わりといいかもですね。 » Gallery of free HTML snippets for Twitter Bootstrap. | Bootsni... 続きを読む

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

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

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

株式会社シャノン技術ブログ: Twitter Bootstrap＋その他で「本当に」イケてるモックを作る手順

2012/09/03 425 users モック クライアントソフトウェア イケ シャノン 手順

2012年9月4日火曜日 Twitter Bootstrap＋その他で「本当に」イケてるモックを作る手順 Tweet シャノンについてはこちら こんにちは、　6月に入社したR＆D部の@benzookapiです。　前職はi18nを専門に、JavaやPHPでいろんなwebやクライアントソフトウェアを作ってました。 ブログデビューの今回ですが、意外と情報が不足している Twitter Bootstrap... 続きを読む

Twitter Bootstrapのテーマ作成も出来て、スマフォやタブレットでの表示状態も確認出来るジェネレーター・BootTheme - かちびと.net

2012/08/27 136 users スマフォ タブレット net ジェネレーター テーマ作成

Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。 Twitter Bootstrapのデザイン作成ツールです。Twitter BootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様にな... 続きを読む