タグ「Twitter Bootstrap」

タグ Twitter Bootstrap

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 46件)

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

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

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

sinatra ですぐにアプリケーションの実装に入れるようにするための準備 - Studio3104::BLOG.new

2014/11/03 97 users Sinatra テンプレートエンジン Slim 実装ビュー

2014-11-04 sinatra ですぐにアプリケーションの実装に入れるようにするための準備背景自分が仕事で書く WEB アプリケーションは多くの場合が小粒で、何か書く場合には sinatra を使っています。さらにテンプレートエンジンは slim で、ビューが必要な場合は twitter bootstrap を使って書きます。で、新規で何か書き始める時に、それっぽいディレクトリ構成を... 続きを読む

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 続きを読む

Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI - かちびと.net

2013/03/05 94 users net Bootstrap ベースコンポーネントデザイン

Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。 Flat UI フラットなデザインで見やすい印象です。このまま使うのはアレですけど参考にはなりました。ドロップダウンメニューとかフォーム周りとか。ツールチップとかとか。Bootstrapに含まれているコンポーネント... 続きを読む

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で作られていますし、何よ... 続きを読む

レスポンシブなCSSフレームワークの機能比較表。それぞれのブレークポイントの比較が地味に参考になります。 → Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton - コメンター

2012/11/04 54 users コメンター Skeleton ブレークポイント参考それぞれ

Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton - Compare Responsive CSS Frameworks: Twitter Bootstrap, ZURB Foundation, and Skeleton 続きを読む

(1 - 25 / 46件)

次の25件 »