以前は気づかなかったので、最新バージョンでのバグなのでしょうか。Chromeでjpgを見ると、画像が荒れてしまうことがあります。全ての画像という訳ではありませんが、一部の画像で、また色によっても画質の劣化具合が異なる模様。※確認バージョンはMacのChrome 19.0.1084.53 。 以下はサンプル画像で、上がFirefoxでプレビュー、下が問題のChromeです。 下の画像の文字周りが荒れているのが確認できます。 これはPhotoshopでjpg書き出しを最高画質（画質：100）にすると発生します。原因は分からないのですが、jpgに書き出す時の画質を80にすれば画像が荒れることはありませんでした。厳密には画質が81以上で荒れるようです。 今後、Chromeのバージョンアップに期待するしかありませんが、どうしても回避したい場合は、画質を80にしておけば良さそうですね。 ※確認はMac

今週のお題「2017年にやりたいこと」 おかげさまで、はてなブログのテーマ「CONTENTS」が2000インストールを突破しました。使用していただけている方やインストールしてくれた方、記事でご紹介をしてくれた皆様に感謝してます。最近はなかなかバージョンアップなども出来ていませんが、これからもよろしくお願いします。 CONTENTS - テーマ ストア そして2017年。今年やりたいこととして「CONTENTS」とは別に新テーマを発表するという目標があります。 昨年から仕事の合間などに少しづつ作り続けて今のところ80％位の完成度といった所でしょうか。途中でカスタマイズ方面に進んでしまったりここ最近は多忙で手付かずになっていますがなかなか良い感じに仕上がってきてます。２月中には発表することが出来ればいいのですが日程的には発表出来る段階になってから報告をしていきます。 新テーマの発表はまだになり

はじめに このブログを以前から読んでいる方はご存知かもしれませんが、僕の妻は兵庫県西脇市で「Coupé Baguette（クープ バゲット）」という小さなパン屋をやっています。 この店のWebサイトは僕が作っているのですが、作ったのが4年前（2013年）なので、だんだんデザインが古くなってきてしまいました。 「そろそろリニューアルしないといけないよな～」とは思っていたものの、なかなか時間が取れずしばらく放置状態だったのですが、この年末年始は少し長めの休みが取れたので、この機会に全面リニューアルを敢行しました。 明けましておめでとうございます。... - Coupe Baguette -クープバゲット- | Facebook というわけで、このエントリでは今回のデザインリニューアルについてあれこれ書いてみようと思います。 4年前との違い：7割以上がスマホからのアクセスになった 冒頭で「デザイ

Jenna Erickson氏は、Codalのクリエイティブ・ストラテジストです。Codalは、シカゴに拠点を置く、モバイル開発に対するフル・サークルソリューションプロバイダーです。 体験をデザインしている立場として、私たちはインターネットが目の不自由な人を含むすべての人の生活の一部であるということを覚えておかなければなりません。 世界保健機関によると、視覚障害者は世界中で2億8500万人います。これら2億8500万の人々もインターネットへのアクセスを必要としており、誰もが得られる情報を同じように利用できるべきです。 多くの人々は、目が不自由な人はインターネットを使わないだろうと考えますが、それは間違いです。 この見解を心に留めてサイトをデザインすることは、非常に重要です。また、視覚障害者が利用可能なサイトをデザインすることは、そうでない人々にとっても役立つ可能性があります。では、どのよう

特定のCSSを読み込み、適応したい要素にclass指定をするだけで簡単に装飾されたボタンを実装できるボタンライブラリを5つ紹介します。 カラーやサイズ指定をはじめ、中には20種類以上のデザインが用意されているものもあります。 そのまま利用させてもらうのはもちろん、特に中規模〜大規模サイトではボタンを共通コンポーネントのひとつとして用意することも多いと思うので、その際の参考にすることもできます。 Buttons 指定時の共通接頭辞は「button」 カラーは6色、サイズは6サイズ分用意されており、3D・ロングシャドウ・グローといったデザインタイプや角丸指定もできるようになっているボタンライブラリで、通常の見栄えだけでなくホバー時やクリック時の見栄えもカバーされています。 基本的には必要なCSSを読んで、適用したい要素に対して特定のclassを付与するだけですが、ドロップダウン使用時はjQue

「利用者は、自分（納税者）がトヨタファイナンスに納付を委託するのだということをちゃんと理解した方がよい」というお話。

※本記事はアフィリエイトプログラムによる収益を得ています Google DeepMindの共同創立者であるデミス・ハサビス氏が1月5日（日本時間）、Twitterを更新。年末年始に世界のトップ棋士を続々撃破していた謎の囲碁アカウント「Master」は、囲碁ソフト「AlphaGo」の新バージョンだと明らかにした。 声明によると、同社ではAlphaGoの改善作業に取り組んでおり、ここ数日はネット上で非公式のテストを行っていたという。「東洋囲碁と野狐囲碁で『Magister』『Master』と対戦した方、そして観戦して楽しんでもらった皆さんに感謝します」。テストが完了したことで、今後は囲碁の団体・専門家と協力して、2017年内に本格的な（持ち時間の多い）“公式戦”を実施するとしている。 無敗のMaster 囲碁アカウント「Master」の戦績は、「野狐囲碁」で30勝0敗、東洋囲碁を含めると60勝

CSSのセレクター（Selectors）の種類と使い方 【65】CSSのセレクターを整理しよう（セレクター 一覧） 【65-1】エレメンタルセレクター（要素名で指定するセレクター） （ちょっとメモ）「,」で区切る「セレクターリスト」 【65-2】結合子を使うセレクター（E F,　E > F,　E + F,　E ~ F） 【65-3】属性セレクター　[att] [att="val"] [att~="val"] [att|="en"] 【65-3】属性セレクター　[att^="val"] [att$="val"] [att*="val"] 【65-3】属性セレクター　[att="val" i] [att="val" s] 【65-3】クラスセレクター（.）と IDセレクター（#） （ちょっとメモ）名前空間（ネームスペース）とCSSセレクター 【66】擬似クラスと疑似要素（2つの違いとそれぞれの

Photo by slavik_V こんにちは。谷口がお送りします。 Webの仕事を目指している人やプログラミング初心者、さらにはブログをやっている人など、HTMLとCSSを習得したい人は多いと思います。特に最初は「Webサイトを作ってみたいけどどうしたらいいんだろう……」「自分のブログを豪華にしてみたいんだけど、HTMLっていまいちよく分からない……」など、さまざまな悩みがあるのではないでしょうか。 HTMLとは、Webページを作成する時に使用されるマークアップ言語の一つです。 マークアップ言語とは、プログラミング言語と違い「タグ」を使って、「ここからここまでが見出しです」「ここからここまでが一つの段落です」等といった印をつける言語です。基本的にプログラミング言語のような「入力値を取得し計算処理をする」「条件を満たすまで処理を繰り返す」といった処理や計算はできません。 CSSは、Webペ

じゃらん、楽天トラベル、JTB（るるぶトラベル）、Yahoo!トラベルなど各宿泊予約サイト（OTA）ではそれぞれ貯まるポイントやシステム、使えるサービスが違いますよね。 また、サイト限定だったり、使える有効期限があったり、ややこしい…。 そんな複雑怪奇なポイントシステム、今回はじゃらん.netで貯まるPontaポイントについてまとめてみました。 じゃらん.netでPontaポイントを貯める・使う リクルートポイントとPontaポイントが統合 リクルートカードでじゃらんを利用した場合 リクルートポイントとPontaポイントの違い ポイントアップキャンペーンのじゃらん限定ポイント 1月16日まで全会員が必ずもらえる！ポイント10％キャンペーン実施中 Pontaポイントはdポイントとの交換出来る じゃらんでのポイントの利用上限 じゃらん.netでPontaポイントを貯める・使う リクルートポイン