IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
PNGおよびICO形式のアイコンが山のように無料ダウンロードできるサイト「Icones.pro」*二十歳街道まっしぐら
「Icones.pro」ではPNGアイコンがたくさん公開されています。 トップページでカテゴリ別に用意されており、詳細を見てみると関連したアイコンがどばーっとでてきます。 PNGは透過のものではなく、背景色が入ります。 背景色はこちらで自由に設定できるようになっています。 また、PNGファイルだけでなく、.icoファイルもダウンロード可能です。 以下に色んなアイコンを載せておきます。 Twitterのアイコンを探してみます。 まず「Icones.pro」へアクセスします。 するとこんな感じのTOP。 ほかにもたくさんあります。 アイコンはこれだけではなく、クリックするとさらに色んなアイコンが表示されます。 ラストはカテゴリ。 Twitterカテゴリを見てみます。 このようにTwitter関連のアイコンがどっさり。 Twitterだけで100個以上あります。 ダウンロードしたいものをクリック
ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」:phpspot開発日誌
PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Services_Sho... 次の記事 ≫：Windows7風ナビゲーション作成チュートリアル ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。 このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとしてもページのサイズに合うように調整してくれ、デザイン崩れを防ぐことが出来ます。 以下にその機能を紹介してみます。 活用例１ 背景画像自動 背景画像をブラウザサイズ変更に合わせて自由に伸縮 ブラウザのサイズを変えても違和感がないようにすることが可能 活用例２ ブラウザ幅にあわせた画像の自動伸縮 ページの右端に画像があって、自由に伸縮します。 サイズを変えてもこの通り、画像が残りスペースのサイズになります 活用例３ ブラウザ幅に合わせる、がオ
今一度見直しておきたい！Gmailの各種設定とおすすめLabs機能*二十歳街道まっしぐら（FC2ブログ時代）
Googleのウェブメール「Gmail」の各設定・拡張機能（Labs）の紹介です。 外部ツール（アドオンなど）を利用してできるものではなく、Gmailの設定から使える機能のみです。 案外設定メニューなど見たりしないと思いますので、今一度チェックしてみると使いやすくなるかも。 Labs機能はおすすめのもののみピックアップします。 キーボードでなんでも操作しちゃいたい方へ。 キーボードショートカットをONにすると、Gmailがキーボードだけで操作できるようになります。 また、画像などの表示・非表示やSSL接続を利用するかなどの設定も。 一番下の「送信取り消し」は後で紹介するLabs機能の一部です。 「設定」→「全般」よりこれらの設定が可能です。 Gmailのアカウントを複数持っている方もいらっしゃるのではないでしょうか。 いちいちアカウントを切り替えてメール送信って面倒ですよね。 そこで別のア
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ
ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。 いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。 可変グリッドレイアウトサイト可変グリッドレイアウトを使用したサイトの例。 D&DEPARTMENT PROJECT ECサイト。綺麗にまとまってます。MT使用。 D&DEPARTMENT PROJECT daily vitamins 暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。 daily vitamins 小林聡美.jp 小林聡美さんのサイト。凄く見やすいです。MT使用。 小林聡美.jp Marunouchi.com 丸の内の情報サイト。ハイクオリティです。写真をダイナミックに
誕生色大辞典 366日の誕生色と色言葉 | 色見本大辞典
This Domain Has Expired, To Renew Please Contact Your Provider.
節約の強い味方！100円ショップをもっとお得に活用できるエントリーを集めてみた - はてなニュース
「100円ショップ」といえば節約生活の強い味方。しかし安いからといってついいらないものまで買ってしまったり、「安いだけで結局使い物にならなかった…」なんて経験はないでしょうか？今回ははてなブックマークの中から、100円ショップをもっと賢く、お得に使うために役立つエントリーを集めてみました。 100均で買って良かったもの、悪かったものは？ 100円とはいえ、買うからには失敗は避けたいもの。これらのエントリーでは、実際に買った人の意見を聞くことができます。買って良かったものの一例として、「ホワイトボード」「老眼鏡」「印鑑」、ザ・ダイソーで売られている化粧水「酒のしずく」、逆に良くなかったものについては、「イヤホン」、「鍋」「まな板」といった調理器具、食器などが挙げられていました。また「100円＝安い」と思いがちですが、他のお店では100円以下だったなんていうケースもあるようです。 100円ショ
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」:phpspot開発日誌
JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript
厳選！マイクロソフトのフリーソフト10傑 - IT業界を生き抜く秘密10箇条 - ZDNet Japan
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「これだけたくさんMicrosoftの製品を買ってきたんだから、無償でソフトをくれてもいいはずだ」という声を耳にするたびに懐にチャリンと5セントずつ入っていたら、筆者は今頃大金持ちになっているに違いない。残念ながら現実はそうはいかないが、Microsoftは実際のところ無償で使えるWindows用のソフトウェアをたくさん出している。Windows Liveはおなじみだが、提供されているのはそれだけではない。Microsoftからは多くのフリーソフトウェアが出ており、使ってくれる人を待っている。在処（ありか）がわかりさえすれば使えるのだ。この記事では、活用の手始めとなるフリーソフトウェアを10本紹介しよう。 1: Paint.NET Pa
見ているだけで吸い込まれそうな、世界の壮麗な螺旋階段 : ひろぶろ
2011年12月01日00:00 by hineri その記事は既に無いんよ。 カテゴリ雑記 今このページを見てるって事は、君は旧ひろぶろの記事を閲覧しようとしてここへ来たんだね。 でもその記事はもう無いんだ。 詳しくはこのブログの「このサイトについて」の所に書いてあるけど、 今“この”サイトを管理している「僕」は初代管理人じゃない。 で、君がどんな記事を見ようとしたのかわからないけど、 その記事は管理人が代替わりする時に消えちゃったってわけ。 正直言って「僕」にもよく分からないんだよ。 どこまでが運命で どこからが選んだ人生なのか まさか「僕」が「ひろぶろ」の管理人になるとはね…。 フフフッ でもまあ、今は「僕」が、面白おかしくもちょっと怖い動画とかをさ、 毎日新しく頑張って更新してるから、是非このブログのＴＯＰへ行って、 最新のオモシロ動画、ネタ動画を閲覧してみてちょ。 だって君は本当
「知りたい・行きたい」をかなえるニュースメディア｜ウォーカープラス
新型コロナウイルス感染症の拡大防止のため、施設の営業時間変更や休業、イベントが中止・延期になっている場合があります。 【施設の再開情報】｜【イベント中止情報】
CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。 斜線（border）を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
英単語学習ソフト P-Study System 公式サイト
P-Study System から英辞郎 第9版で 例文検索 できることを確認しました。 (2017.02.21) P-Study System Ver.8.5.2 を公開しました！ (2016.05.22) ロングマン現代英英辞典 5訂版 や オックスフォード現代英英辞典 第8版 の ネイティブ音声に対応 しました。 (2013.04.27) P-Study System から英辞郎 第7版で 例文検索 できることを確認しました。 (2013.04.17) P-Study System Android版(リピたん)を公開しました！ [Facebook] (2011.12.27) 英単語の覚えやすさを追求したソフト！ 学習効率を向上させるためのあらゆる機能を標準搭載！ いま話題の 忘却曲線理論も標準搭載！ さらに、 英辞郎 第9版 による 例文の自動表示機能 → [詳細] Google イ
ページ送りのサンプル4種+2
ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。 久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。 サンプルサイトを見る サンプルをダウンロード 地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。 今回作っておきたかったのは、センタリングさせたページ送りっす。 とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。 ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。 不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg
プログラムのコード量を減らす MySQL 関数 | バシャログ。
みなさん琉球朝顔ってご存知ですか？朝顔の中でもとてもたくましい事で有名な種類ですが今年の夏から我が家の庭に植えた所、未だに花が咲き誇っていて季節外れな事この上ありません、、、なんか雑草化すると駆除は困難だとか、、、 さて今日は知っておくと何かと便利な MySQL 組み込みの関数たちをご紹介しようと思います。プログラムサイドに記述すると数行に及ぶ処理が、SQL ベースで行うとほんの数文字で済んでしまいます。 DATE, DATE_FORMAT 日付や時刻関連の関数はとても充実していますが、中でもよく使うのはこの辺りでしょうか。こんなレコードがある時、、、 mysql> SELECT created FROM users; +---------------------+ | created | +---------------------+ | 2009-06-05 13:33:26 | |
ウノウラボ Unoh Labs: Tokyo Tyrantを使ってみて
yamaokaです。 通常のデータベースとしてではなく、Key-Valueストアの選択肢として Tokyo Tyrantを少しずつ使ってみています。 実際に運用するにあたって、いくつか行ったことを書いておきます。 ちなみに、現在の構成は1台のみでの運用です。 マルチマスター構成やレプリケーションなどは行っていません。 PHPのクライアント Tokyo Tyrantを利用するのはPHPのアプリケーションからです。 最初はmemcachedプロトコルを利用して PECL::memcacheを使っていましたが、 データの大量更新を連続で行うとデータの取得が正常に行えなくなる現象が発生したため、 Net_TokyoTyrantを一部改変したものをライブラリとして利用しています。 パフォーマンスではPECL::memcacheに負けますが、クリティカルな処理をしていないこともあり、 今のところ問題に
Tokyo TyrantとテーブルDBでリアルタイム検索 - mixi engineer blog
ドラクエは卒業して、もっと英語漬けをやっているmikioです。さて今回は、データベースサーバTokyo Tyrantとテーブルデータベースを使ってリアルタイム検索システムを構築する方法について語ります。 テーブルDBを分散させたい Tokyo TyrantでもテーブルDBがサポートされているわけですが、これはリアルタイム検索システムへの布石です。テーブルDBは任意のコラムにインデックスを張ることができ、時系列のコラムにインデックスを張ればその値によって古いコラムを効率的に消すことができます。チュートリアルの「Persistent but Expirable Cache」でもその方法を示しています。また、任意のコラムに分かち書きトークン方式もしくは文字N-gram方式で転置インデックスを張ることができます。これらを総合すると、最新のデータのみを保持してサイズと性能を一定に保ったインデックスを
Googleリーダーを使って新しい情報源を増やすための３つの機能*二十歳街道まっしぐら（FC2ブログ時代）
Googleリーダーを使っていろんなサイトやブログの更新チェックをしている人は多いかと思います。 私はGoogleリーダーを使ってこんな風に情報を集めていますでも様々な使い方を紹介しました。 Googleリーダーではフィードの購読だけじゃなく、新しい情報源やあなたが好きそうなブログを見つけ出すことができます。 普段あまり使っていないような機能でも、うまく利用すればさらに便利なツールになること間違いなし！ Googleリーダーの使いこなすと超便利になる機能をいくつか紹介します。 これらをうまく利用すると、いろんな発見があると思います！ Googleリーダーには「お気に入り」という機能があります。 リーダーの記事最下部、「スターを付ける」の隣です。 これをポチリと押しますと、フィード上部にこのように表示されます。 お気に入り機能で、その記事をお気に入りしている人がわかります。 ユーザ名をクリッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Winマシンが最近遅いなぁと感じたら、『Glary Utilities』 | ライフハッカー・ジャパン
IDEA * IDEA
Google Waveに関する日本語レビューのリスト・12本（おさらいも含む） | ライフハッカー・ジャパン