CSS のフォントサイズ指定が table に反映されない問題を解決｜web bibo
/* CSS（スタイルシート）に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ： HOME » CSS テーブル・表 » CSS のフォントサイズ指定が table に反映されない問題を解決 CSSでbody要素にフォントサイズを指定してる場合、IE6以下で見ると、そのサイズがテーブル内に反映されないという問題があります。この不具合を解決する方法を紹介します。ってこれは昔からあった問題で、既に他サイトでも紹介されている方法なんですけどね。つい最近ハイブリッドでページを作成したときに、この問題のことを思い出したので書いてみました。 元のソース body { font-size: 14px; } .size { border: 1px solid #CCCCCC; padding: 3px; font-size: 2em; } table
CSSとJavaScriptを組み合わせたアニメーションライブラリ·emile MOONGIFT
emileはCSS/JavaScript製のオープンソース・ソフトウェア。Webブラウザ上でアニメーションを行う際、まず思いつくのはFlashを使った手法だろう。だがそこまで複雑なアニメーションでもなく、そもそもFlashを扱うのが苦手な場合はどうしたら良いだろう。そこで使えそうなのがJavaScriptだ。 動作サンプル 最近のJavaScriptは表現力が高く、簡単なアニメーションくらいなら十分に実現できるようになっている。さらにCSSを使うことで位置の設定も容易に、色の変更もできるようになる。それを使って作られているのがemileだ。 emileはPrototype.jsやjQueryといった有名なライブラリを使わずに作られている。アニメーションを使いたいとなった途端に重たいフレームワークを導入というのでは萎えてしまう。わずか50行程度でアニメーションを実現しているのだから面白い。
テキストファイルの内容を入力フィールドに反映するFirefox用ツール·textserver MOONGIFT
textserverはRuby/JavaScript製のFirefox向けフリーウェア（ソースコードは公開されている）。Webブラウザの入力フィールドはあまりに機能が低く、辟易した人は使い慣れているテキストエディタに一度入力してからコピー＆ペーストしたりする。幾つかのソフトウェアではそれを自動反映するものがある。 テキストファイルを更新すると内容がテキストボックス/テキストエリアに反映される だが大抵のソフトウェアは編集したテキストファイルを閉じたタイミングで反映するようになっている。textserverは違う、テキストファイルの更新を監視することで保存したタイミングで反映するようになっているのだ。監視サービスを別途立ち上げる（Windows向けにはインストーラーが提供されている）必要があるが、これは新しいアプローチで面白い。 個人的に嬉しいのはxyzzyやEmacsのようなテキストエディ
Mac OSX/iPhoneアプリ開発者必携！Objective-Cクラスブラウザ·RuntimeBrowser MOONGIFT
RuntimeBrowserはMac OSX/iPhone向けのオープンソース・ソフトウェア。Objective-Cは良いも悪くも柔軟な言語で、動的な特性を持ったコンパイル言語になっている。そしてその柔軟性はランタイムを直接触れることが顕著な例になっている。 Mac OSX版 そしてそのような技を使う上で欠かせないのがObjective-Cのクラスブラウザだ。Objective-Cのディープな世界に入っていくには必須の存在と言える。それがRuntimeBrowserだ。RuntimeBrowserはObjective-C 2.0に対応したクラスブラウザだ。 RuntimeBrowserはルートクラスからはじまって、階層でクラスを辿っていく。構造を見ることも可能だ。このようにAPIを追いかけられるのも基盤がオープンソースである所以だろう。Mac OSX版ではLeopardに対応し、検索やソー
Google製JavaScript最適化ツール·Closure Compiler MOONGIFT
Closure CompilerはJava製のオープンソース・ソフトウェア。Googleでは言わずもがな、コンマ数秒単位の速度にこだわって開発が行われている。速さのためにWebブラウザ自体やOSまで開発してしまうのだから、そのこだわりの強さが感じられるだろう。 CUI版 JavaScriptは開発の方法によって実行速度や読み込み速度が大きく変わってくる。そのためのチェックと最適化処理を行ってくれるのがClosure Compilerだ。Closure CompilerはJavaで作られたソフトウェアで、CUIベースで利用する。 基本的な使い方はJavaScriptファイルを引数で渡し、その出力先を指定することで最適化処理を行ったファイルを生成する。最適化処理は空白を消すのみ、シンプル、アドバンスと3段階から選べるようになっている。さらにエラーチェックも同時に行われ、Warningまたはエラ
一つのHTMLファイルを使ったiPhone最適化サイトライブラリ·Magic Framework MOONGIFT
Magic FrameworkはiPhone向けのオープンソース・ソフトウェア。日本においてもiPhoneが約200万台発売されたという噂だ。ある程度の市場性が出てきたと言えそうだ。そうなるとネイティブアプリや最適化サイトへの需要も高まってくるだろう。 メインメニュー 幾つかのiPhone向けWebサイトテンプレートがあるが、Magic Frameworkもその一つだ。だが特徴的なのは全体で一つのHTMLのみ提供するという点だ。そしてHTMLファイルをJavaScriptで分断し、スライダを使って表示を切り替えられるようになっている。 何ページもあるようなサイトコンテンツを一つのHTMLで表現できる。例えば小説サイトで最初のページを目次に、各見出しごとにページを分割して表示するような方法が考えられる。1ページなので汎用的なテンプレートではないが、マッチする場面もありそうだ。 ページ切り替え
GWTをスマートフォンでも活かす·GWT Mobile Webkit MOONGIFT
GWT Mobile WebkitはJava製、iPhone向けのオープンソース・ソフトウェア。JavaScriptを用いずにWebアプリケーションを開発するためにGoogleが開発しているGWT（Google Web Toolkit）。PC向けの開発が容易になるのはもちろんだが、最近シェアが広がりつつあるスマートフォンに対しても使えるともっと便利だろう。 ストレージAPI そこで作られているのがGWT Mobile Webkitだ。特にiPhone向けを意識している。PC向けブラウザでは多数のバージョンが存在するが、iPhone向けであればSafariに限定できる。さらにHTML5にも対応しているので高度な機能を使えるようにしているのが特徴だ。 現時点では3つの機能が提供されている。一つはDatabase APIだ。もう一つはストレージAPIで、最後に位置情報取得用のAPIとなっている。
Androidアプリの開発者は必須·Android Icons MOONGIFT
Android IconsはEPS/PNGファイルのオープンソース。アプリケーションを開発する際に必要なのはアイディアと技術、そしてデザイン力だ。技術者はアイディアと技術はあるかも知れないがデザイン力に乏しいケースが多い。そのためせっかくの面白いアプリケーションも見た目が貧相で使い勝手悪く見られてしまう。 PNGアイコン デザインでマイナス評価をされ、利用してもらえないのはもったいない。そこで使ってみたいのがAndroid Iconsだ。Android Iconsは30個のアイコンファイルをセットにしており、Androidアプリケーションを華やかにするのに役立ってくれるはずだ。 アイコンはさいころや旗、タグ、グラフ、電球、音符、天気など多彩なジャンルに渡っている。色は黒一色だが、何のシンボルであるかはすぐに分かるはずだ。日本のみならず世界中で使われることを考えると、このくらい単純なシンボル
プレゼンテーションとTwitterを連携させる·TweetBubbles MOONGIFT
TweetBubblesはAdobe AIR製のフリーウェア。勉強会やセミナーで、その状況をTwitterにつぶやく行為は良く行われている。その内容はTwitterクライアントを立ち上げている人や、勉強会に参加していない人にとってはメリットがあるが、同じ勉強会に参加している人にはあまりメリットがなく面白みがない。 このように左右から吹き出しが そこで使ってみたいのがTweetBubblesだ。TweetBubblesはTwitterを検索して予め指定してあるキーワードがあるつぶやきを見つけると画面の両サイドに吹き出しを表示してくれる。これによりプレゼンテーションがさらに盛り上がることだろう。 プレゼンテーションが行われている最中に感想をつぶやいたり、突っ込みを入れたりすればそれが目の前のプレゼンテーションに表示される。手を上げて質問はしづらくとも、つぶやきであればできるという人もいるかも知
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
