IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
企業や団体が運営するTwitterアカウント、お役立ち情報を発信してくれるTwitterアカウントを紹介します。 イベント公式 ラブフロンティア実行委員会 (lovefrontier) グッドデザインエキスポ (GDEX09) 日常お役立ち系 ウェザーマップ (wm_osaru) tenki.jp (tenkijp) (日本気象協会) 新型インフルエンザ情報@日本 (japanfluinfo) nannohi (nannohi)(今日は何の日) 時報 (jihou) 地震速報 (earthquake_jp) P2P地震情報 (p2pquake) 地震速報 (eqbot) Tokyo Forecast (tokyoforecast)(東京地方の天気) Train (Kanto,Japan) (train_kanto)(関東の鉄道運行情報) Train (Kansai,Japan) (trai
追記:Firefox 7に対応した記事を書きました。 Firefox 3.5では、Firefox 3からの設定周りの変更があるようなので改めてまとめてみたいと思う。 ツール→オプション→プライバシー→履歴→Firefoxに記憶させる履歴を詳細設定する Firefox 3.5ではまず詳細設定するよう設定の変更が必要らしい。 Cookieを有効にするが、保存期間はFirefoxを閉じるまで ツール→オプション→プライバシー→履歴→サイトから送られてきたCookieを保存する→オン(標準設定) ツール→オプション→プライバシー→履歴→サードパーティのCookieも保存する→オン(標準設定) ツール→オプション→プライバシー→履歴→Cookieを保存する期間→Firefoxを終了するまで 毎回書いてるけど、Firefoxの一番の魅力。Cookieを有効にしていないといろいろと不便になるサイトはよく
異なるバージョンのFirefoxでCSSを有効・無効にするハック集が紹介されていました。 Firefox のバージョンによって有効なCSSを出し分けるような場合に使えそうです。 すべてのバージョンのFirefoxをターゲットとする /* 方法1 */ #selector[id=selector] { color: red; } /* 方法2 */ @-moz-document url-prefix() { .selector { color: red; } } /* Firefoxを含むすべてのGeckoエンジンで有効にする */ *>.selector { color: red; } Firefox 1.5 と それ以降のバージョンで有効にする .selector, x:-moz-any-link, x:only-child { color: red; } Firefox 2 以降のバー
透明感のあるものやグランジ風・イラスト風など最近よく見かけるウェブサイトのデザインを一から丁寧に解説しているPhotoshopのチュートリアルを紹介します。
2009年06月15日07:00 カテゴリLightweight Languages perl - use utf8; #って何だ? id:otsuneに建設予定フラグがたてられていたので。 冬通りに消え行く制服ガールは、夢物語にリアルを求めない。 - subtech Perl の utf8 関係が未だ全く理解できない。わからないことがわからないので整理 use utf8はいつフラグをたてるか use utf8 しててもフラグたたないことがある…… これは、以下の実例を見ていただくのが一番よいだろう。 #!/usr/bin/perl use strict; use warnings; use utf8 (); sub check_flag{ my $str = shift; print qq("$str" ), utf8::is_utf8($str) ? 'is' : 'IS NOT',
CSS TIPSについて web標準が騒がれだしてからかなりの時間が流れました。 既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。 当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。 HTML+CSSで作成する10の理由 構造とデザインの分離ができる プログラミングの作業が簡単になる SEO効果が高い アクセシビリティが高い メンテナンス性が高い サーバー容量、転送速度の確保が安易になる ユーザーが自らの見やすいデザインに変更できる ページ表示の高速化 XMLなどの新しい技術との親和性が高い はやってるから もっと詳しく見る HTML+CSSを学ぶ為には? 当サイトではCSSでレイアウトする為のテクニックを中心に紹介し
凄いね!通常の tumblr だと、あるユーザの画像を全部見ようとしても pagination が面倒だけど、 で簡単快適に画像サーベイできるのが素晴らしすぎる。画像ギャラリーツールは jQuery 産の highslide が利用されているようだ。これ、軽くて快適でカスタマイズ性も高くて使い易くていいね!非商用はフリー。商用$29。 highslide http://highslide.com/ 感動のあまり、遅い画像保管庫を改良したくなった。 Merb デザインは最小限 で速度重視で作ってみる。
このウェブサイトは販売用です! desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています!
急にお金が必要になってしまいました。キャッシングをするのに、レイクかモビット、どっちを利用するか迷っています。借りるならどっちがお得ですか? お得という点から言えば、初めてならレイクがよりお得です まず、それぞれの特徴を見ていきましょう。レイクは銀行系で、総量規制の対象外、1万円からお借入可能で、最大500万の限度額、年率4.5~18%、200万まで30日間無利息、または5万までなら180日間無利息、初めてのお借入なら有利な条件ですね。届く封筒は「新生銀行」の名称です。 一方、モビットは消費者金融で、総量規制の対象となります。限度額は500万、年率4.8~18%です。特に無利息期間の指定はありません。WEB完結型なら、審査の電話が入りません。 最高・最低金利だけで見ると、レイクのほうがお得に見えます。また、期間無利息などの点からも、初めての方はレイクのほうがお得な印象です。 反面、新生銀行
class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
またTwitterの話から始めますが、これはTwitterを使っていない人に読んで欲しい記事ですので、できたら最後まで読んでいただきたい。 今日、気象庁から地震の誤報が流れた。詳しいことは「Twitterにみるニュースの流れ方」を読んでもらえば分かるだろう。私が知ったのは気象庁の地震情報のサイトだった。今はもう消えてしまったが、そのサイトが5ブクマされたあたりで注目エントリで発見し、「マジで?九州で震度6って大丈夫かよ?」と思って最初に開いたサイトが buzztter(ばずったー)だった。 はっきりいって速報性という点でTwitterに敵うサービスはない。その価値はGoogleさえも凌駕するだろうという私の考えは「GoogleのTwitter買収話を聞いて思ったこと」で書いたとおり。しかし、Twitterをパッと見ただけでは直近20人の発言しか見ることができず、何が流行っているかなんて全く
「Firefox」のユーザーでありブロガーである筆者は少し前に、効率を上げる最善の方法は便利なFirefoxアドオンを見つけることだと気付いた。 さまざまなFirefoxの拡張機能を試して、ブログ記事の作成をより効率良く行える15の優秀な拡張機能を見つけ出した。 Firefox拡張機能 Apture Editor:「Apture Editor」を使うと簡単に、文脈に関係した画像、ビデオ、リファレンスガイド、リンクなどをブログに追加することができる。読者がAptureのリンクが設定された言葉にマウスを合わせるとボックスが立ち上がり、事前に選んだ関連メディアを表示する。読者がアイテムをクリックすると新しいウィンドウが開いて、そのメディアの情報元を表示する。これはブログ記事にさらなる価値を付加する素晴らしい方法だ。 Clipmarks:「Clipmarks」はテキスト、画像、ビデオなどウェブペー
ネットショップや情報サイトなど、複雑な階層構造のWebサイトでは、なるべく分かりやすくて見栄えのいいナビゲーションを設置したい、というニーズがあります。今回は、jQueryプラグインのひとつ、「Treeview」を使って、リストをツリー風に格好よく表示する方法を紹介しましょう。 ui/li要素をツリー表示する「Treeview」 Treeviewプラグインは、HTMLのul/li要素でマークアップしたリストをツリー風に表示するJavaScriptです。要素をクリックで開閉したり、Windowsのエクスプローラのようなフォルダ/ファイルアイコンを表示したりと、いろいろカスタマイズできるのが特徴です。開発者はJorn Zaefferer氏(Jornの「o」の上に点が2つ付きます)で、MITライセンスで公開されています。 Treeviewプラグインは、以下のページで配布されています。ページの先頭
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く