長年、Gecko の大きな不満の種の一つであった、長い URL が折り返されない問題(Bug 255990、Bug-jp 1476)がようやく解決されました。Trunk でその動作を確認できます。これは Firefox 3の目玉の一つになるでしょうね(目玉というにはさびしいですが)。中野さんお疲れ様。 似たような話で、長いツールチップの折り返し表示も可能になっています。 追記 改行の仕様とテストケース、その2。 表中'A'はその文字の後で、'B'は前で、'BA'は前後で改行可能の意味。 ブラウザ名の(C)は(数字以外の?)文字、(N)は数字。これは前後をその文字種があることを意味する。例えば、"a$a" は(C)、"0$0"は(N)のケース。 Fx3 は最新パッチでの動作。青いセルは Fx2 からの変更箇所。 仕様では Fx2 はそこそこ改行されるようになっていますが、テストケースをみる限
ANAフィギュア魔改造続き 本体に合わせるためのスカートを切り出した。9代目は青と紫がそれぞれ2体ずつあって、下半身は紫のダブリのものを使って制作していたんだけれども、今度は青のダブリを使った。上半身との接続軸を切り飛ばして、そこからドリルで穴を開けまくって開口。脚が取れたら穴をさらに広げて、内側をくり抜く。作業が非常にやりにくかったんで、後ろのスリットのところで一旦切り離してます。 腰周辺を削って、スカートを組み合わせる時のクリアランスを確保する。しかし腰が小さくなるとボディラインが崩れて醜くなるので、ここは最小限度にしないといけない。代わりに、スカートの内側を可能な限り削り込んで薄く整形している。 で、合わせてみる。スカートの後ろはとりあえずテープで仮止めして様子見。ぱっと見は元の製品状態と変わらないけど……実際、全然変わりません(ぉぃ)。「どうせ下から見てパンチラを楽しむつもりなんだ
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 長いURL(半角英数字)を強制改行させるには、CSSで「word-break: break-all;」を指定すれば良い。これはIEの独自拡張で、IE5.0から対応しています。 通常のボックス要素の場合だと、Opera/firefoxではボックスを突き破りはしても、ボックスを拡張したりはしない。 幅が指定されたボックス要素を拡張してしまうのはIEのバグなので、通常は「word-break: break-all;」で大きな問題は無いです。(レイアウトが崩れない、て意味ね) ただし、table要素に詰まっていると、ややこしくなります。table要素は特殊なブロック要素で、中
FirefoxやNetscape 等、Geckoエンジンを用いたブラウザでは、連続した半角文字(長いURLや半角空白のないスクリプト等)を途中で折り返せないという既知のバグがあります。当サイトでもMTタグをリストとして掲載している記事をFirefox・Netscape等で表示すると、画像のようにブロックからはみ出して表示されてしまいます。 Firefoxまとめサイト:URLっぽい文字列が右端で折り返されずレイアウトが乱れます FirefoxではURLの折り返しについては url_breaker という拡張が公開されており、これがスタンダードな対処方法になっているようです。 あすかぜ・ねっと:url_breaker またURL以外のテキストにも適用したい場合、url_breker_plus が公開されています。 outsider reflex:Firefoxで長いURIを折り返す (本文中に
Firefoxで長いURLなんかを折り返してくれるJavaScript 前から気になってたけど、たいした理由もなく後回しにしてた (見て見ぬふりをしてた) ことを 今日 なぜか やる気が起きたので、やっつけちゃいました。それは、Firefox で 長いURL や 連続した半角文字列を 折り返してくれない バグに 立ち向かうことでした。 どういう現象かというと・・・ こ~んな感じ。文字列が Block を突き破って、はみ出してます。これ、IE では起きない現象なんですよね。 小粋空間 さん : Firefox・Netscapeで連続した半角文字を折り返す を参考に 「通常のJavaScritpと同様に設定するカスタマイズ」 のほうで やってみました。 outsider reflex さん : Firefoxで長いURIを折り返す から、url_breaker_plus.user.js をダウ
In this article we’d like to present our first series for an extensive developer’s suite that should give you a useful and powerful toolbox you can use every day while developing AJAX-based web-applications. Scrolling techniques, Gradient Effects, instant field editing, interactive elements, visual effects, animation, slideshows, accordions,star rating and other useful javascripts examples that yo
The Core Protocols ~チームワークの最強兵器~ 株式会社オージス総研 アドバンストモデリングソリューション部 大村 伸吾 https://d.hatena.ne.jp/everpeace/ この記事では、ソフトウェア開発におけるチームワークの効果を最大限に活用するために非常に有効だと思われるCore プロトコル*1をご紹介します。この度、筆者が翻訳作業に貢献させて頂き、日本語版を作成することができました。この記事を通してより多くの方にCoreプロトコルを知っていただければと思います。 The Core Protocols V3 (原文) The Core Protocols Foreign Translations(日本語版有) *1CoreプロトコルはGnu Public Licenceで公開されています。 CoreプロトコルはJim McCarthy, Michele
This post presents the results of the contest — 45 beautiful blog header designs you can use for free. Below the designers have described their themes, intentions and shown us some examples of how header graphics can be used. This post presents the results of a contest — 45 beautiful blog header designs you can use for free. Below the designers have described their themes, intentions and shown us
Online shopping is about convenience and comfort, and those of us who have ventured into the realm of online shopping know how time-consuming it can be. The online stores that stand out from the rest are those that go the extra mile for their users. In this article, Shavaughn Haack will look at some small and big e-commerce websites that create pleasant online shopping experiences. You’ll consider
JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート 2008年02月07日- Bram.us jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar) jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App.JavaScriptでの進捗表示に便利な「jsProgressBarHandler」がアップデート。 『進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」』で紹介した
Amazing Photoshop light effect in 10 Steps | Abduzeedo by design Last year I had written a tutorial showing how to create some lighting effects in Photoshop, it was called Magic Lighting Effects. グラスに神秘的な光を追加するPhotoShopチュートリアル。 普通のグラスに対して、次のように、光輝く効果を与え、神秘的なものにしていくチュートリアルです。 グラスだけでなく、いろいろなものを輝かせてみたいですね。 関連エントリ WordPressのロゴを美しく輝かせるPhotoShopチュートリアル PhotoShopで輝く美しい球体を作成するチュートリアル PhotoShopで7色に輝く美しいパーテ
Most design trends come unexpectedly, evolve over time, become pointless and finally disappear from the design landscape. This holds particularly for web design, which is — just as every other creative field — prone for over-hyping and over-usage of trends. Being used excessively (sometimes properly, but mostly without any reasonable purpose), trends lose their ability to communicate information,
Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered ce
向かって画像の左が元画像で、右が今回紹介する効果を加えたもの。よくあるような光が差す効果ですね。これをPhotoshopで実現するにはどうすればいいのか?という方法を画像付きで紹介しているものを見つけました。マスターしておくといろいろと応用が利きそうです。 解説は以下から。 Rarindra style workflow...: Retouching Forum: Digital Photography Review 要するにレイヤーマスクを駆使しているだけなのですが、その使い方が基本中の基本と言ってもかなり秀逸。 ちなみに以下のような画像の場合はまた手法が違っており、前景の人物と背景とを分離してコントラストなどを調整することによって、背景に強烈な光が当たっている感じを出しているそうです。こっちは見た目よりも簡単にできそうです。 fotocommunity: "iqra"
この記事は,日経ソフトウエア2006年7月号,連載「簡単実装で学ぶWeb技術2006」の第1回「Ajax――動的なWebアプリケーションを作るための技術」の再録です。記事は執筆時の情報に基づいており,現在では異なる場合があります。 こんにちは,結城浩です。 この連載では,Web技術を具体的でシンプルなサンプル・プログラムを通して紹介します。進歩と変化の激しいWeb技術は,手際よく本質をつかんでいきたいものですね。小さいけれどもわかりやすいサンプルを実際に動かして「なるほど,こういうものだったのか」と思っていただければありがたいです。 題材は,新しいものから基本的なものまで幅広く取り扱っていく予定です。第1回のテーマは「Ajax」です。サンプル・プログラムは三つあります。 動的で応答性のよいWebアプリを作る技術 Ajax(エイジャックス)は,一言でいえば「JavaScriptを使って動的な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く