Capybaraで不定期にElementNotFound（特にCircleCIで） - リア充爆発日記
何事もall or nothingにしたがる人は置いといて、ぼくはせっせと効果的な範囲でテストを書いていきたいと思っていますが、そんなぼくの心を知らずしてか、Capybaraは不定期に以下のようなエラーを吐く。何故か特にCircleCIで。 Capybara::ElementNotFound: Unable to find css "#some_selector" Bootsrapを使っているときに顕著なんだけど、cssのtransitionなどのエフェクトが完了するまえにCapybaraが先走ってしまうことがあるので不定期に起こってしまう、というシナリオ。 であれば、テストのときはエフェクト切ればいいじゃない。 http://stackoverflow.com/questions/14488836/capybara-2-having-trouble-interacting-with-bo
CSS GridがBootstrapよりレイアウト作成に向いている理由（翻訳）
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Why CSS Grid is better than Bootstrap for creating layouts 原文公開日: 2017/12/03 著者: Per Harald Borgen CSS GridはWebレイアウト作成の新しい手法です。ブラウザでネイティブに動作するまともなレイアウトシステムが登場したのはこれが初めてです。 CSS Gridのメリットは、かの有名なBootstrapと比較することでいっそう際立ちます。以前ならJavaScriptを導入しなければ到底不可能だったレイアウトを作れるようになっただけではなく、コードのわかりやすさやメンテのしやすさも向上します。 本記事でその理由を解説します。 筆者は現在無料のCSS Grid上級編講座の準備も進めており、12月中に立ち上げを予定しています。 今のうちに講
【CSS】印刷するとリンクの後ろにURLが勝手に表示される at softelメモ
問題 あるWebページを印刷すると、リンクの後ろにURLが表示されました。 ぜんぜん見た目どおりでなくて、ちょっと困るのですが。。。 答え 以下のようなCSSが組み込まれていると、a要素でhref属性がある場合、印刷時に、要素の後ろにリンク先が挿入されます。 @media print { /* 省略 */ a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* 省略 */ } 最近の Twitter Bootstrap などがそうなっているようです。 どうしても困る場合は、CSSの該当部分を削除してしまえばよいです。
LayoutIt! - Interface Builder for CSS Grid and Bootstrap
LayoutIt! helps you make your frontend coding easier without needing to be an expert in JavaScript, HTML5 or CSS3 Bootstrap Builder Drag-and-drop the same Bootstrap components to your own design. Easy to integrate with any programming language, you just download the HTML and start coding the design into it. Grid Generator Start creating your own CSS Grid Layouts simply and easily with this magic t
Bootstrap Studio
Presenting Bootstrap Studio, a revolutionary tool that developers and designers use to create beautiful interfaces using the Bootstrap Framework. Learn more What is it? Bootstrap Studio is a desktop application which you can use to build beautiful interfaces and websites by only using drag & drop. It comes with a large collection of components like charts, maps, data tables, forms, menus, lists,
Bootstrap3移行ガイド
PST（米国太平洋時間）2013/8/19にBootstrap3.0.0が正式に公開されました。これまでのBootstrap2.xから3.xに変更するにはcssやjsファイルを差し替えただけではデザインが崩れてしまいます。そこでBootstrap3の使い方を2.xからの変更箇所を交えて解説しています。 解説は最終版（v3.4.1）に対応しています。 ※2019/7/24をもってBootstrap3のサポートは終了したと発表がありました。 ※Bootstrap4.xの解説は、Bootstrap4移行ガイドをご覧下さい。 ※Bootstrap5.xの解説は、Bootstrap5設置ガイドをご覧下さい。 Bootstrapは、Mark Otto（@mdo）、Jacob Thornton（@fat）の両氏によって2010年の中頃にTwitter社で作成されました。オープンソースのフレームワークにな
Twitter Bootstrap 2.1でAffixを使うと、Affixを適用した要素の大きさ（幅）が無視されてしまうアナタへ。 - Sooey
Twitter Bootstrap 2.1でAffixを使うと、Affixを適用した要素の大きさ（幅）が無視されてしまうアナタへ。 以下の例のように、Affixを適用した要素に兄弟となる要素（同じ親を持つ要素）が存在しないとそうなっちゃうようです。 <div class="span6"> <sidebar data-spy="affix">...</sidebar> </div> を入れておけば一応回避できます。 <div class="span6"> <sidebar data-spy="affix">...</sidebar> </div> しかし、これではあまりにダサいので、Bootstrapのサイトのサンプルに適用されているCSSを覗いてみたところ、 /* prevent column from collapsing when affixing */ .s
Bootstrapに270の使えるアイコンを追加できる「Elusive icons」:phpspot開発日誌
Elusive icons, an icons font designed for use with Bootstrap Bootstrapに270の使えるアイコンを追加できる「Elusive icons」 Bootstrap標準アイコンも140種類と豊富に使えますが、これに270種類を追加すれば、アイコンにはもう困らないかも。 Bootstrapを使っている方、使おうと思っている方は是非覚えておきたいですね。 ベクター形式なので拡大してもOK。 今後、アイコンはBootstrap対応をデフォルトにしてくれるとよりBootstrapが素晴らしい物になっていきそうですね。 関連エントリ Bootstrapで矢印を描くのなら「Bootstrap Arrows」 TwitterBootstrapベースのWYSIWYGエディタ「bootstrap-wysihtml5」 Twitter BootSt
Twitter Bootstrapを無理矢理IE6で使う | PRESSMAN*Tech
未だに、IE6が現役なのはどうしようも無く、嘆いても仕方がありません。 Twitter BootstrapはIE6に対応していません。これを無理矢理対応させます。なんだか後ろ向きな開発ですが、仕方ありません。角を丸くするとか、グラデーションとかCSS3で実装されている部分は諦めます。あと、アイコンは透過pngが使えないので（一応使えるようにはできるのですが面倒）これも諦めます。 IE6でまともに動作しない主な原因はCSSです。CSS3に対応していない云々ではなく、セレクタの問題が大きいです。なので、方法としてはbootstrap.cssのセレクタをIE6でも動くように書き換えればいいのですが、そうすると、問題無く動いていた他のブラウザでもテストが必要ですし、色々現実的ではありません。 なので、bootstrap.cssをコピーしてIE6用を作ります。 そして、以下のようにhtmlを書いてI
FURYU Tech Blog-フリューテックブログ | Furyu Tech Blog
はじめに こんにちは、ピクトリンク事業部開発部サーバサイド開発課のkitajimaです。弊社サービスピクトリンクは、システム再構築の一環として
GitHub - heartcombo/simple_form-bootstrap: Example application with SimpleForm and Twitter Bootstrap
Rails3 と twitter-bootstrap-rails でフォームのエラー表示をなるべく簡単に何とかする件 - 牌語備忘録 -pygo
(Rails3.2.6, Ruby1.9.3, twitter-bootstrap-rails2.1.0) ビフォア・アフター before after 修正してみる -- ファイルは2点のみ application.css scaffolds.css.scss リネーム app/assets/stylesheets/application.css app/assets/stylesheets/application.css.scss 追記する app/assets/stylesheets/application.css.scss @import "bootstrap_and_overrides"; #error_explanation { @extend .alert; @extend .alert-error; @extend .alert-block; } .field_with_e
Bootswatch
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Honoka - 日本語も美しく表示できるBootstrapテーマ
http://vdeep.net/wp-content/uploads/2015/08/bootstrap-flatui.png
Bootstrap Templates and More on WrapBootstrap
Earn money on short links. Make short links and earn the biggest money - shorte.st
