ブログの背景を灰色に設定すると、読者はコンテンツに集中して読めるそうです。 みなさんは、ブログの背景色を何色に設定していますか？ このサイトは見ての通り、白です。真っ白です。アルティメットホワイトです。 ブログに限らず何らかのものをデザインするとき、 パーツごとに色を設定してしまうと喧騒にあふれたデザインになってしまいます。 われわれデザイナーは、全体の調和を保ちつつ、適切な色を設定していきます。 多くのブロガーはそこまでデザインについて学ばないため、 上記のような調和のとれたWebデザインを実現することは難しいものです。 そこでちょっと耳にしておきたいのが、 背景を灰色に設定すると読者はコンテンツに集中する、ということ。 デザイン知識がなくとも、 背景を灰色にすると多くの読者に読んでもらえるかもしれません。 威張らない“背景”となる色 灰色というと、“色や味が一切無く中途半
[macOS] SSHログインしたときだけターミナルの背景色を変えたい (iTerm2) | DevelopersIO
SSH で他所のサーバに接続したとき、ターミナルの背景色を変えたくなりませんか？ ぼくはなります。 正道（よくある方法） iTerm2 にはプロファイルという機能があって、 予め作成しておくと、背景色以外にもいろいろと変更できます。 今回は扱いません。 邪道（趣味の領域） そもそも何故こういうことをしたいと思ったかというと、 自分の手元だと思ってコマンド打ったら SSH でログインしたお客さまの環境だった、という事故を起こしたくないからです。 「お客さまの環境へログインする場合はこう」、と作業手順を変えるのが本来の姿ですが、 結局のところ思い違いによるミスは防げませんし、 結果として両方の環境を整備しなくてはならなくなり、手間が増え、設定のミスマッチによる事故を起こしたり、そもそも（あきっぽい自分の性格的に）きっと整備しなくなる・・・という恐れもありました。 ssh サーバ名と実行したら、
![[macOS] SSHログインしたときだけターミナルの背景色を変えたい (iTerm2) | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/016a3950f9fb5be412bbd53926370340688cf817/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2017%2F11%2Feyecatch_iterm2.png)
色の組み合わせチェック - 読みやすい前景色と背景色
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb()の表現が使えます（初期値は、読みにくい例が入っています）。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
この記事を読んで、文字色の判定の基準が気になったので調べてみました。 w3cのWeb Content Accessibility Guidelinesでは、明るい色と暗い色のコントラスト比が少なくとも 4.5:1 になるようにとなっていました。大きい文字では 3:1 まで。 Material DesignもWCAGのこの基準をもとにしているそうです。
備忘録。マウスオーバー時に背景の 色をアニメーションしながら変更する、 というのをクロスブラウザ対応で実装 したい。css3を使えば簡単な事ですが、 ご存知のようにIEは非対応。で、色々 探してみたんですが、jQueryUIを使う のが一番良さそうな感じでした。 普通にググったらJquery Color Pluginというプラグインがあったのですが、動作はするけどIEでエラーが出ます。リファレンスを見ても そもそも数値型の値をとらない属性（backgroundColorなど）には、animate関数は対応していません。 (jQuery日本語リファレンス) と書いてあるし、Jquery Color Pluginを直すのも面倒だし、どうしようかなと思ったんですが、jQueryUIを使えば凄く簡単なんですね・・・素人ですみません。 コード <script type="text/javascrip
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
HTML,CSS ホームページの背景色や文字色 （フォントカラー） 色を使うメリット イメージ・デザインの統一、デザイン性の向上、オリジナリティ。 赤字やマーカーと同様で目立たせる。 文字色が浮き出て立体感がでる。 目に優しい色が使える。 画像に合う色を適応。透明化も可能。 色を使うデメリット 背景と文章の同色部分が被ったり、使いすぎると読み難くなる。 目が疲れる場合もある。 青系色はリンクアンカーと間違える。 色名にオンマウス（onmouseover）、カーソルで背景色が変更（要ワイド画面） W3C標準 基本16色 10進数 例： rgb(255,0,0)
フォントの色と大きさと背景色の微妙な関係 December 26, 2006 10:00 AM written by 8maki 12月1日からクリスマスまで、日替わりでウェブ制作のちょっとしたTipsを紹介する「24 ways」が今年も開設されているようです。 その24 waysから一つご紹介。 » 24 ways: Cheating Color フォントの色と大きさと背景色についてのTipsです。 わかりやすく例を出していきましょう。 架空の会社のロゴを例にしてご説明します。まず、大きいフォントで「Double Dagger」という社名があり、その下に小さいテキストが入っています。よくあるデザインですよね。さて、このデザインについて見ていきましょう。 ■ 薄い背景に明るいフォントの場合 さて、下に2つのロゴがあります。 左のロゴは色の統一感のルールに従って社名とテキストを同じ色にしてい
パソコンのスクリーン上で大量のテキストを読まなければならない場合に、白地に黒の文字だと目が疲れやすいという話はよく聞くと思います。米ライフハッカー読者のSandHammerも、白地に黒の文字を読んでいて目があまりに疲れたらしく、背景色を変えてみたらかなり楽になったそうです。 PDFファイルなんて、正にスクリーン上で大量のテキストを読む必要に迫られることが多いと思います。毎日パソコンやネットを使っていれば、1日1回以上はPDFファイルを読むと言っていいほど、頻繁に目にするファイル形式です。そこで、Adobe Readerのデフォルトの背景色を変える方法をお教えしましょう。 Adobe Readerを立ち上げ、編集 ＞ 設定 ＞ アクセシビリティを開きます。文書カラーの変更でカスタムにチェックを入れます。ページ背景色をクリックし、好きな色を選んで変更します。 これは何もPDFファイルに限ったこ
emacsやMeadowを使っていて背景色が「黒」な人に質問です。 あなたはどんな配色でemacsを利用していますか。 特に視認性にこだわりのある方の回答をお待ちしています。 ち.. - 人力検索はてな
emacsやMeadowを使っていて背景色が「黒」な人に質問です。 あなたはどんな配色でemacsを利用していますか。 特に視認性にこだわりのある方の回答をお待ちしています。 ちなみに僕は font: M+ (global-font-lock-mode t)の状態で (add-hook 'font-lock-mode-hook '(lambda () (set-face-foreground 'font-lock-comment-face "lawn green") (set-face-foreground 'font-lock-string-face "purple") (set-face-foreground 'font-lock-keyword-face "LightSeaGreen") (set-face-foreground 'font-lock-constant-face "y
Creative Cloud アプリケーションカタログから Dreamweaver をダウンロードできます。ダウンロードを完了するには、Adobe ID とパスワードでログインする必要があります。旧バージョンのインストール方法やアップデートのチェック方法などの詳細は、「Creative Cloud アプリケーションのダウンロード」を参照してください。
Using jQuery for Background Image Animations - Snook.ca ホバー時にブロックの背景色を滑らかにアニメーションするJSサンプル。 デモページ デモページを見ればわかりますが、カーソルをあわせると滑らかに背景がアニメーションされます。 アニメーションの仕方がなかなか良くて、左→右や、上→下のように方向を指定できます。 当然ですが、Flashを使わなくてもJSでこうしたことが出来て、今までありそうでしたが、そんなに多く見かけることがなかったテクニックではないでしょうか。 覚えておくとふとしたときに使えそうです。
いかがでしょうか。 グレー(#808080)に近い色はやや見づらくなってしまっていますが、それ以外はかなり上手く表示できているのではないかと思います。 やり方上記のサンプルは以下のようなCSSで実現しています。 ">Copy <div> <span>hello world!</span> </div> <style> div { background-color: red; } span { color: red; filter: invert(100%) grayscale(100%) contrast(100); } </style> 以上、これだけです。 詳しい解説は後述しますが、colorとbackground-colorに同じ色を設定してから、文字色だけCSSのfilterで見える色に変化させる仕組みです。 なお、divとspanをセットにすると背景色にもフィルターが適用されてし
1997年の研究ではありますが、「ウェブ上のテキストがもっとも読みやすいのはどういうとき？」なるものが紹介されていました。 » Web page readability: Green text on yellow works the best この研究では、フォント、色、スタイルをいろいろ変えてどの組み合わせが読みやすいかを調べたようです。 いくつか参考になりそうな結果があったのでご紹介していきます。 では早速その研究結果から。 もっとも読みやすかったのは「黄色の背景」に「緑の文字」だそうです。ただしフォントが斜体のArialのときはこの組み合わせは最悪だそうです。 Times New RomanのほうがArialより読みやすい。 フォントも合わせて考えると「Times New Romanで、斜体で、黄色の背景で、緑の文字」が一番読みやすかったそうです。 ↑ こんな感じですね・・・。 「グ
[追記] Googleカレンダーの土日の色 その2 - Marginal Leaves に改良版がありますので、そちらを使ってください。 Googleカレンダーの土・日の文字色を変更しました おお！ これはすごい。 カレンダーが断然見やすくなります。 標準で設定できるようにならないかな。 これだとちょっと隙間が開いちゃうので、takayama さんのを参考に自分でもいじってみました。 @-moz-document url-prefix("https://www.google.com/calendar/") { #dh5,#dh12,#dh19,#dh26,#dh33,#dh40,#dh47,#dh54 { color: #00F; background-color: #CCF; display: block; padding: 0 0.4em 2px 0; margin-bottom: -
「jquery.adaptive-backgrounds.js」は、指定した画像のドミナントカラーを抽出し、親要素の背景色として適用するjQueryプラグインです。 ドミナントカラーとは配色全体の印象を支配する色のことで、主調色とも呼ばれます。ドミナントカラーを背景に使う手法で有名なのはiTunesですね。下記の画像を見てわかる通り、CDジャケットのドミナントカラーを背景色に指定することで、アルバムの印象を視覚的により強めることができます。 jquery.adaptive-backgrounds.jsプラグインはCanvas 要素を使うので、Google ChromeなどのモダンブラウザーとInternet Explorer 9以降、スマートフォンではiOS 7.1のSafari、Android 4以降の「ブラウザ」に対応しています。 ライセンスはMITです。ライセンスに従って著作権表示は
目に優しい背景色とフォント色の組み合わせが本家にて話題となっており、「黒の背景に緑の文字」や「緑の背景に白文字」などそれぞれのオススメやその根拠が飛び交っている模様。/.Jの皆様も長時間モニタを見て作業されているかと思いますが、眼精疲労を防いだり、作業しやすくするためにどのような工夫をしていますか？ オススメの配色などあればぜひご教示ください。
URL="https://bookshelf.jp/cgi-bin/goto.cgi?file=meadow&node=screen%20customize" "MeadowMemo/表示のカスタマイズ―背景色，メニュー"へのコメント(無し) [****-] 表示色をテーマのように切り替え [*----] 終了時にテーマを保存し復元する [-----] バッファの文字色をゆっくりと変える [-----] 偶数行の背景色を変える [***--] 背景色を透明に [***--] フォントロックの色をどぎつくなくします [***--] 全角スペースを強調して表示する [*----] バッファの桁数表示 メニューの日本語化 [-----] メニューにファイル名を追加 [-----] モードラインを隠す。 [**---] モードラインにカーソル位置を視覚的に表示 [-----] ツールバーをデフォル
ishidaです。 tableで価格一覧や製品一覧などを表示する場合に、行数が長くなるとかなりメリハリのない印象になります。 行ごとにclassを設定すれば見やすくなりますが個別に設定するのも面倒なので、最近のishidaはjQueryを使って背景色を設定しています。 サンプルは以下です。 jQueryでtableの偶数行や奇数行に背景色を設定する方法サンプル 設置方法 設定方法は以下です。 htmlのhead要素に以下の処理を読み込みます。またjqueryはサイトからダウンロードしてください。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("table").each(function(){ jQ
画像に合った背景色を自動的に設定してくれるプラグイン「ADAPTIVE BACKGROUNDS」 | ライフハッカー・ジャパン
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
背景色を指定するとWCAGのガイドラインに基づいたテキストカラーをピックアップしくれるカラーツール・「COLOR SAFE」
COLOR SAFEは背景色を設定すると、WCAGガイドラインに基づいたテキストカラーをパレットにして提出してくれるアクセシビリティカラーツールです。任意のテキスト、フォントの種類やサイズ、太さの指定も可能となっています。ピックアップされたカラーコードはHEXとRBGから選択可能で、クリックだけでクリップボードに格納してくれる親切設計でした。 COLOR SAFE
WebページをPCで閲覧時、文字を選択した時の色（いわゆる「反転状態」）はデフォルトで決まっておりますが、それを変更するCSSの小ネタをメモ。 特にスタイルシートが設定されていないWebページにて文字を選択すると、こんな感じになりますね。（↑はSafari） これの色を変更してみましょう。 適宜、スタイルシートに↓を記述します。 [css] ::selection { background: #e9580f; /*背景色*/ color: #fff; /*文字色*/ } ::-moz-selection { background: #e9580f; /*背景色*/ color: #fff; /*文字色*/ } [/css] こんだけ。 すると 文字を選択した時このように色が適応されます:) すんごい簡単なのでやってみたい方はどぞ。 関連：角丸にドロップシャドウ、グラデーションにアニメーショ
![[CSS]文字を選択した状態（反転状態）の際の背景色・文字色を変更する](https://cdn-ak-scissors.b.st-hatena.com/image/square/cda1e5abc92a78f9b7d7882578b207b467402c0e/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20130125-083548.jpg)
Background Blur - plugin by @msurguy 背景色にブラーをかけて今っぽくするjQueryプラグイン「Background Blur」 iOSなどで導入されているこの機能ですが、実装することでより今っぽくなります。 Photoshop等がなくてもこういうことが出来るようになったというのは本当に便利ですね 関連エントリ 画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckbox」 画像ではない軽量CAPTCHAを実装できる「jQuery Real Person」 画像・動画にリアルタイムでフィルタをかけられるjQueryプラグイン「toCanvas」
SNBinder入門：一行おきに背景色を変えるテクニック
「ピュアAjaxアーキテクチャ」なウェブサイトを実現するために作ったSNBinder、多くの方々からフィードバックをいただけ、私もとても良い勉強になっている。そんなフィードバックの中に、「テンプレート内で条件分岐ができるようにして欲しい」「テンプレート内にスクリプトが書ける様にして欲しい」などのリクエストをたびたび見かけるので、今日はそれに関してひと言。 たしかに、従来型のテンプレートのほとんどに「繰り返し」や「条件分岐」の機能がある。ものによっては、そのテンプレート中にスクリプトが書けてしまうものもある。SNBinderにそんな機能を追加するのもけっして難しくないのだが、私がSNBinderで実現しようとしている方向性とは少し違う、と感じている。 そもそもテンプレートとは、JavaとかPythonなどで記述された「ロジック（もしくはコントローラ）」と、ユーザーに何を見せるかというHTML
colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良いかも)が採用されています。色や彩度等を設定するだけで反映され、問題がある場合はFail、適切な場合はAAAなどの形でチェックをしてくれます。本ツールはOSSとしてMITライセンスの元、Githubで公開されています。 colorableOn Github
前回の記事「UITableViewCell の背景を画像にする」では、UITableViewCell とそれに乗った UILabel の背景色が意図せずに変わってしまう現象を紹介しました。 UITableViewCell の背景色を任意の色にしたい場合も、同じ原因で意図した色にならない問題に遭遇することがあります。 今回は、前回のおさらいをしながら、セルの背景色が交互に替わるテーブルビューを作りたいと思います。 以下のコードは、UITableView の dataSource オブジェクトが UITableViewCell を返すところです。 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { // Assure cell UITab
Mozilla Re-Mix: IMEの状態によってテキストボックスの背景色を変更できるFirefoxアドオン「IMEStatus」
検索窓やロケーションバー、ページ内のテキストボックスなど、ブラウザを利用しているとこうした入力欄に文字を入力することが多いですね。 日本のユーザーの場合、ここに入力するのは英数字、または日本語ということになりますが、これらは基本的にIMEのON・OFFにより切り替えなくてはなりません。 しかし、実際には日本語で検索しようと思ったらIMEがOFFで英数文字を打ちかけてしまったり、逆のことも多々あります。 このようなときはわざわざ文字を消してIMEを切り替えて打ち直す必要がありますが、かなりイライラしますね。 入力前にIMEの状態がわかっていれば、こんなミスも減らすことができますね。 そんなIMEの状態を簡単に判別することができるFirefoxアドオンが「IMEStatus」です。 「IMEStatus」は、Firefoxの検索バー、ロケーションバーはもちろん、ウェブページ上のテキストボックス
自分の場合はこれを利用させて頂いてます。 使い方は簡単で、どこでもいいから適当にリンク先のコードをファイルに書き出して置いておく。 例だと~/bin/ssh-host-color となっているので自分もそうしている。 特にPATHが通っている必要はない。 ポイントはコード中の if [[ "$@" =~ thomd ]]; then set_term_bgcolor 40 0 0 elif [[ "$@" =~ git ]]; then set_term_bgcolor 0 40 0 fi で、ifの中のthomdやgitに当たる箇所を変更する。 実際にsshコマンドの中に含まれている文字列を書いておくことで、それに反応してset_term_bgcolorが実行される。 set_term_bgcolorの後の数字はRGBに当たる数字になっているので、自分でお好みの色を指定すればよい。 配置
なんとなく白にしてない？Webサイトの背景色の引き出しを増やす、9つの具体例 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、まきこです。 アンジュルムの佐々木莉佳子ちゃんがとてもかわいいので、毎日がだいたい楽しいです！ さて、みなさんは、サイトの背景色ってどれくらい気にしていますか？ わたしは、なんとなく白を選んで置きにいってしまうことが多いんですよね……。でも、もっと幅広い表現のために、背景色の使い方の引き出しを広げたいなーと最近は考えています。そこで今回は、背景色の使い方が印象的なサイトを、使い方ごとに分類してご紹介します！ 強めの色を大胆に使う 1. heyblend http://www.heyblend.com/ アメリカのクリエイティブ集団のサイト。 背景色に赤を大胆に取りいれていて、かっこいいですよね！ 赤といっても少し白が混ざったような色で、大人っぽいスタイリッシュな雰囲気にまとまっています。下層ページも潔く赤いんですが、写真とぶつかることなく、うるさくないのにしっかり個性的。こうい
通常文字(22px未満)は、4.5 以上でAA、 7 以上でAAAです。 巨大文字(22px以上)は、3 以上でAA、 4.5 以上でAAAです。 太文字(14px以上)は、3 以上でAA、 4.5 以上でAAAです。 Web Content Accessibility Guidelines (WCAG) 2.0Web Content Accessibility Guidelines (WCAG) 2.0とは、ウェブコンテンツをよりアクセシブルにするための一定の基準を設けたガイドラインで、従うことで人々にとって利用しやすいウェブサイトとなります。達成レベルとして、AA(達成)、AAA(高いレベルで達成)があります。その中で、色のコントラスト比は次のように定められています。 文字の種類AAAAA通常文字 (22px未満)
Vimと端末背景色事情 - Qiita
などとしても端末背景色を得ることができます。 Vim以外での使用例 この背景色取得シーケンスを実際に使用しているアプリケーションとしては、GNU EmacsやMinEdが挙げられます。 両者とも必ず出しているというわけではなく、端末特性応答などと絡めた複雑な条件でこの応答をつかうかどうかを決めています。 Xterm(ただしパッチレベル242以上279以下)上でのEmacs24.2や、mlterm(3.1.5以上)上でのMinEd2011.22、といった組み合わせでは、起動時にこの背景色の問い合わせ&応答のやりとりをばっちり観察することができます。 興味があればTrachetを利用して確認してみましょう。Trachetのチュートリアルはこちら。 backgroundオプションを動的に設定する さて、Vimにおいてはこの素敵なフィーチャーをどのように活かしていけばよいか。まず思いついたのは、b
最近では鮮やかなグラデーションを背景などに採用するというのが1つのトレンドになっていますよね。単色の背景では味気ないと感じた時などに試してみるとインパクトを加えることができるのでオススメです。 CSS3からグラデーションをCSSのみで表現できることができるようになったこともあり積極的にと入れる価値があると思います。また、アニメーションも合わせることでより目を引く背景をつくることが可能です。 それでは、CSSのbackgroundプロパティのlinear-gradientとanimationを利用して背景グラデーション+アニメーションを実装していきましょう！ 背景グラデーションをCSSで実装する方法 背景をグラデーションにするにはbackgroundプロパティにliner-gradient関数を設定します。 background: linear-gradient(#FFB3E7,#FF54C
Emacs には背景の設定方法がいろいろありすぎてこまる． なので Emacs 23 以降での背景色，前景色の変更をまとめてみた． 前提知識 face フォント，前景色，背景色，下線の有無といった，スクリーン上でのテキストの表示に関する属性の集合． frame ウィンドウ システムで言うところのウィンドウ． Emacs で言うところのウィンドウは C-x 2 などで分割したものをいうので注意． frame-background-mode 背景色が暗い色か明るい色かを表す値． 通常は自動で決定される． face には frame-background-mode が dark のときと light のときの両方を定義することができる． 背景が黒のときと白のときでシンタックス ハイライトがいい感じに変わってくれるのはこいつのおかげ． 手動で設定できるけど，するもんじゃない． 前景色，背景色の設定
背景色と文字色の見やすさをチェック
以前色を決めるときに使っていて便利だった Color Schemer が Windows 用しかないので、Mac で使えるカラーピッカーはないかなぁと探していたら、とっても高機能で使いやすいツールを発見！ 配色を自動的に計算してくれるツールはいろいろありますが、今回はアクセシビリティを考えた優しいツールをご紹介します。 ColorSelector5.0 : FUJITSU Japan ColorSelector は、アクセシビリティの高い背景色と文字色の組み合わせを、リアルタイムに確認することができるツールです。 サイトやディスプレイ上に表示される色をスポイト機能を使って簡単に取得し、文字色と背景色の見やすさを診断してくれます。 こんな感じ↓（クリックで拡大） 全ての人のために読みやすく アクセシビリティを考えるのは、色覚障害を持つ人や高齢者のためだけではありません。 サイトでの滞在時間は
Mozilla Re-Mix: IMEの状態によってテキストボックスの背景色を変更してくれるFirefoxアドオン「IME and DiMENSiON」
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
Spectrum jQuery Plugin 背景色をなめらかに変更できるjQueryプラグイン「Spectrum」 微妙に変換する背景色の遷移が面白い表現を産んでくれます 関連エントリ 動くパーティクルを背景に設定できる「particles.js」 iOS7風の背景をボカしてオシャレにするエフェクト実装「oblurlay」 動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」 背景をアニメーションするパーティクル画像にできる「Particleground」
FOMAでの背景色指定 - Going Faster
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
■ Google カレンダーの土日の背景色を変更するワザ - パート2 前のやつ はカレンダー上に天気とかロゴとかのアイコンを表示させてると 問題がある らしくてダメだそうな。確かにデザインが崩れてしまう。 と言うわけで解決出来ないものかとまたまた挑戦。要素を見ていたら onclick 属性が使えそうだったので、次のように書いたら期待通りに動きました。 @-moz-document url-prefix("http://www.google.com/calendar/"), url-prefix("https://www.google.com/calendar/") { #decowner div[onclick="_ChangeToDayMode(5)"] , #decowner div[onclick="_ChangeToDayMode(12)"] , #decowner div[on
<table> <tr> <th>ブラウザ</th> <th>開 発</th> </tr> <tr> <td>Firefox</td> <td>Mozilla</td> </tr> <tr> <td>Chrome</td> <td>Google</td> </tr> <tr> <td>Internet Explorer</td> <td>microsoft</td> </tr> <tr> <td>Safari</td> <td>apple</td> </tr> <tr> <td>Opera</td> <td>Opera Software</td> </tr> </table> 次にCSSです。 table { width: auto; border: 1px solid #B0C4DE; border-collapse: collapse; border-spacing: 0; } th
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイトの背景色を灰色にすると、読者はコンテンツに集中する - PLROG
JavaScriptで背景色から文字色を導出する
jQueryUIを使ってマウスオーバー時に背景色をアニメーションさせながら変更出来ると今更知った - かちびと.net
テキストフィールドのフォーカス時に背景色を変更する JavaScript
HTML,CSS カラーコード一覧表 ｜ 背景色や文字色の設定
フォントの色と大きさと背景色の微妙な関係 | S i M P L E * S i M P L E
大量のテキストをスクリーン上で読む時は背景色を変えた方が目に優しい | ライフハッカー・ジャパン
Adobe Dreamweaver CS4 * リピートテーブルの代替背景色の設定
ホバー時にブロックの背景色を滑らかにアニメーションするJSサンプル:phpspot開発日誌
CSSのfilterを使って、背景色に合わせた文字色を自動的に設定する - Blanktar
ウェブのテキストがもっとも読みやすい文字色と背景色は？ | POP*POP
Googleカレンダーの土・日の日付の背景色を変更してみました - Marginal Leaves
画像の色から背景色を決定！jquery.adaptive-backgrounds.js
背景色と文字色の組み合わせで目に優しいのは？ | スラド ハードウェア
Meadow/Emacs memo: 表示のカスタマイズ ― 背景色，メニュー
jQueryでtableの偶数行や奇数行に背景色を設定する方法 | バシャログ。
[CSS]文字を選択した状態（反転状態）の際の背景色・文字色を変更する
背景色にブラーをかけて今っぽくするjQueryプラグイン「Background Blur」:phpspot開発日誌
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」
UITableViewCell の背景色を変える
iTermでsshするときに、接続先に応じて背景色を変える方法 - Qiita
色のコントラストチェッカー | 文字色と背景色の組み合わせを確認
CSSで背景グラデーション+アニメーションで変化する背景色を実装してみよう！ | WebLifeTimes
Emacsの背景色の設定方法をまとめてみた - @kei10in の日記
背景色をなめらかに変更できるjQueryプラグイン「Spectrum」:phpspot開発日誌
Google カレンダーの土日の背景色を変更するワザ - パート2
CSS3セレクタで1行ごとにテーブルに背景色をつける
背景色などの外形的特徴から有害サイトを高速検出、KDDI研究所が技術開発