[B! ブラウザ] niyokosterのブックマーク

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

先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。とはいっても、Bootstrapに慣れていない人が、実際にページを作っていくにはコンポーネントのタグ構造やClass名を意識して作らないといけないので、少し難しい部分もあります。 Bootstrapのサイトを見ればマークアップのサンプルがあるので、それを見ながら作れば良いのですが1つ1つ確認しながら行うのも手間です。そこで今回ご紹介するのが、BootstrapのUIをドラッグアンドドロップだけで簡単に組めるエディタ「Jetstrap」です。 jetstrap - B

niyokoster 2012/09/12

リンク

いろんなパンくずリストを画像を使わずに CSS で再現してみた。 - buena suerte!

CSS Triangle を使ったパンくずリストを見てて、この方法だと単色はともかく、グラデーションかけたい時、ボーダーで作った三角がネックでうまくいかないだろうなっておもった。参考記事：Breadcrumb Navigation with CSS Triangles | CSS-Tricks 前回、 iPhone Buttons を再現した際に使った方法でグラデーションかけられそうなので試してみた。オリジナルの詳しい解説は既にコリスさんにありますので割愛。大分書き進めた後に気づいたけど、コメントにあった span を使う方法のがパッと見簡単やないかな……こっち使うほうがいいかもしれんね…… 動作確認 Chrome(7.0.517.41) で確認。もしかすると、ウィンドウ幅が小さいと崩れるかも。横幅 1024px で最大化して確認してます。同じ webkit の Safari でも

niyokoster 2012/02/18

リンク

無料で最大50GB使える！何でも入り超高機能な次世代ストレージ「minus」の使い方iPhone女史

ドラッグアンドドロップで簡単にファイル共有できるサービスとしてスタートした「minus」が、ここ最近恐ろしいほどパワーアップしているらしいので使ってみました。（参考記事：マルチプラットフォームで最大50GB無料！「Minus」が断然素敵な13の理由）記事によると「いきなり10GBが無料」「ファイルサイズ上限2GB」「TwitterやPinterestのようにフォロー機能がある」「URLを入力することでウェブキャプチャー(いわゆる魚拓)に使える」などなど、かなり凄そうです。早速試してみました。英語版サービスなので、使い方を解説しながら進めていきます。まず「minusサイト http://minus.com/」にいきます。 ▶おまけ 10GB+1GBでスタートする方法下記の紹介用リンクからminus登録することで、お互いに+1GBされます。ぜひお使いください。※ブラウザか

niyokoster 2012/02/16

リンク