ドットインストール代表のライフハックブログ
「アイディアはあるんだけど、モックすら作れないIT起業家」「“UIだけなら自分で作れる” とやってみたけど、見にくいページにしかならない、どうしよう、、、」。高度なテクニックは不要、でも、やっぱりデザイナーさんに依頼しないといけないシーンが多いこの業界。 しかし、「Twitter Bootstrap」(以下 bootstrap)の登場により、多くの人がデザイン性の高いページデザインを短期間で作れるようになり世界は変わった。bootstrapは、プログラマーやディレクターなどが、最低限のコードの組み合わせでスッキリと解りやすいユーザーインターフェイス(UI)を構築できるライブラリ(支援プログラム群)のこと。 Bootstrapの登場で、スタートアップはスピーディにページを作りあげ、プログラマーは必要なページを “とりあえず” 作っておくくらいのことをするのが手軽になった。ただ、bootstr
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS Twitter Bootstrapにチャレンジ 【入門編 第1回】 Twitterライクなデザインが簡単に作れる! 話題のBootstrapとは? Bootstrapの前に・・・ まずは自己紹介から 今回からCSSについてのブログを書かせていただく、kubotaと申します。 弊社へは7月中旬に転職してきたばかり。 前職までは、求人系(新卒・転職)にかかわる印刷物のデザインや、 Webのライティングを中心に手掛けてきました。職域を強いて言うなら、コピーライターでしょうか。 つまり、Webデザインについては見習い程度の知識しかありません。 HTML4以前のテーブルレイアウトから、時間が止まっている感じです。 そんな私でもCSSが簡単に扱えるようになる(かもしれない…)、 Twitter Bootstrapなるものが少し前から巷で話題になっていると聞き、 試してみようと思ったのがこのブロ
新年度です! 新入学、新入社を迎えるみなさん、おめでとうございます。 エンジニアのみなさんがWebアプリケーションを作るとき、一番悩むのはデザインではありませんか? カッコよくって統一的なデザインがほしい!でもデザインセンスないし…実は私もそうでした。 ですが、2月にメジャーバージョンアップしたTwitter Bootstrapを使うと、簡単にカッコいいサイトが作れます! Twitter Bootstrapとはなにか Twitter Bootstrap CSSのフレームワークです。 Web上に使ってみた!スゲー!等、たくさんのドキュメントが存在していますが、中には2月以前のバージョン(v1.4)について言及しているものもありますので、2系を使う方はバージョンの違いに気をつけて下さい(クラス名など結構ガラっと変わっています)。 今回ご説明しているのは、Twitter Bootstrap 2に
Twitter Bootstrap用のテーマを 作成出来る、というジェネレーター 的なもの。それだけでなく、作成 しながらスマフォやタブレットで の表示状態も確認出来ます。 Twitter Bootstrapのデザイン作成ツールです。Twitter BootstrapはレスポンシブWebデザインに対応していますので、このジェネレーターでもスマフォやタブレットデバイスのサイズで表示確認が出来る様になっています。 確認しながら作成できます。リンク色とか背景色とかボタンのカラーとか。使い方はよくあるジェネレーターと相違ないので割愛します。 簡易的なものではありますが、上記のようにスマフォやタブレットデバイスのウィンドウサイズにリサイズして表示を確認する事が出来ます。 コードは通常のCSSだけでなくLESS形式でも発行可能です。 もう少し使い勝手が良くなると嬉しい。今後に期待です。Twitter
なかなか良かったので備忘録です。 Twitter Bootstrapのデザインを、 jQuery Mobileのテーマに起用した サンプルソースが公開されていま した。フレームワーク的にも使える かもしれない。 Twitter Bootstrap × jQuery Mobileです。既出ですけど良かったので。 JQMのデザイン変更用リソースです。ThemeRollerでもいいんですけどどうも微妙というか、肌に合わないのです。最初から作った方が早い気がしましたが、こうして変更されたものがあるならこれを元に変えると効率的になりそうです。同じ手法でbootswatchで配布されてるBootstrapテーマを起用しても良さそうですね。 Sample サンプルのQRコードです。↓ 何故かフォームのデザイン変更できなかったけど・・・まぁ自分で作ればいいかなw ご利用は以下よりどうぞ。 jQuery-M
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole, the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub. As a result of Bootstrap’s fame, lots of great related resources have been put forth by the development community. Today we’ve collected our favorites into
Web design North Wales. Digital products and websites. | Stuff & Nonsense OUR DESIGNS DELIVER WE KNOW OUR STUFF AND WE’RE FUN TO WORK WITH. WE’RE STUFF & NONSENSE Easter egg theme 25 years web design experience in North Wales 25 years web design experience. No joke 25 YEARS’ WEB DESIGN EXPERIENCE. NO JOKE I help product and website owners captivate their customers by delivering distinctive and ori
初めて当ブログに訪れた方や何度か当ブログにお越し頂いている皆様。気に入って頂けましたらGoogle+もしくは、RSSリーダーの登録よろしく。 メールで購読するには、下記にメールアドレスを入れてください。 無料で一日分をまとめて読めます。@attripをフォロー 関連記事 地域情報ポータルサイトe-まちタウンTOPに紹介キャラクタのtwitterが出ました! 墨田区タウン 地域情報ポータルサイト.とか 他の一部地域に実験的にtwitterウィジェットができました。 こんな時に活用していただければいいかと思います。 墨田区にいったけど、こんなお店ないかな? 検索してもみつからな [...]... さぶみっと!コンペ│WEBデザインやコピーライティングのコンペサイトの紹介 こんにちは!attripです。 今月からのお仕事で、まだあたふたしています。 早速ですが、今のお仕事で見ている紹介を連載
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く