はてなブックマーク

外観はグリルネットを外した方がカッコイイ とりあえず箱から出して並べてみました。「GX-70HD2」はブラックとホワイトとの2色があるのですが、今回わたしはホワイトをチョイス。 真っ白というよりは少しだけグレー掛かった白なので、iMacと並べても、見た目的に相性が良さそう。 右側のスピーカーにはツマミが4つ付いています。左上から、高音の再生レベルを調整するTREBLE(トレブル)のツマミ。その下は低音調整のBASS(バス)ツマミ。 右上は音量調整のVOLUME(ボリューム)ツマミで、その下は2つの入力端子の音量レベルを調整するMIX VOL(ミキシングボリューム)ツマミです。 あ、あと余談なんですが、「ONKYO」って「オンキョー」ではなく「オンキヨー」って読むんですってね。(ヨが大きい。)今日の今日まで知りませんでした。 前面にかぶせてあったグリルネットを外してみました。個人的にはこっち

Looks like this domain has not been routed yet or is suspended. If it's your domain and you have questions, contact your service provider. Request ID: 649314c2b6d59e501e386afbcdc997f7

Looks like this domain has not been routed yet or is suspended. If it's your domain and you have questions, contact your service provider. Request ID: f38ae912b439312475819c6118fbe1ba

最近よく見かける、プロフィールの画像やサムネイルの画像なんかを丸く切り抜いたデザイン。これは丸く切り抜いた画像ではなく、CSSを使って画像の枠を丸くしているんです。この方法を使って、あなたのサイトもお洒落にかざりましょう！ photo credit: Funky Tee via photopin cc フラットデザインが流行して以降、プロフィールの画像やサムネイルの画像なんかを丸く切り抜いたデザインを見ることが多くなりましたよね。そういうわたしも、この丸く切り抜いたデザインを好んで多用しています。 「これって、丸く切り抜いた画像を使っているんでしょ？」って、つい最近まで思っていたのですが、よくよく見てみるとじつはそうではなくて、CSSを使って丸く切り抜いているんですよね。 今回はその、CSSで画像を丸く切り抜く方法をご紹介します。思ったより簡単に設定できちゃいますよ。 スポンサーリンク C

Googleウェブマスターツールで「タイトルタグの重複」が出たときには、タイトルタグの確認以外に、「canonical」タグが適切に設定されているかを再確認してみましょう。同じページなのに異なるページと判定されていると、サイトの評価も分割されてしまう可能性があるので、非常にもったいないですよ！ photo credit: Kat Northern Lights Man via photopin cc じつは先週末あたりから、当サイトへのアクセス数が極端に減ってきているんです…（泣）とくに心当たりは無いのですが、とりあえずGoogleのことはGoogleに聞け！ということで、Googleウェブマスターツールを確認してみたところ、以前は検知されていなかったアラートが。 タイトルタグの重複…なんだそりゃ？まぁ、重大な問題というわけではなさそうなので、このアラートが検索順位を下げている直接的な原因

photo credit: myheimu via photopin cc iTunesには「スマートプレイリスト」という、お好みのプレイリストが簡単に作成できる便利な機能があります。そんなスマートプレイリストを、もっと楽しく、そしてもっと魅力的にする、一歩進んだ作り方をご紹介します！ スポンサーリンク 先日、突如日本でも発表になった「iTunes Match」の登場もあってか、最近またiTunesが注目を集めていますね。わたしはiTunes Matchは利用していませんが、通常のiTunesは、自宅で作業をする時なんかは特に愛用しています。 そんなiTunesで曲を流すとき、単にアルバムをそのまま流したり、曲順をシャッフルしたりするだけでもいいのですが、曲情報にちょっとだけプラスアルファの情報を付け加えてやれば、一歩進んだスマートプレイリストを作成することができます。 正直、ひと手間かけ

STINGER3の「関連記事」表示を横並びにカスタマイズする方法をご紹介します。必要以上に縦長になったページは、訪問者のユーザビリティー的にも難があります。ブログデザインの差別化を図る意味でも、気になるところはどんどんカスタマイズしちゃいましょう！ 大人気のWordPress無料テーマの「STINGER3」。わたしも愛用させて頂いていますが、デザイン的に気になっていたところのひとつに「関連記事」の表示があります。最初は特に気にならなかったのですが、関連記事が増えていくと、ここの表示がタテに長くなり過ぎちゃうんですよね。 けどまぁ、百歩譲ってPCサイトはまだいいとしても、スマホサイトになると「鬼フリック」しないと下まで表示できません。 こんな感じの関連記事の固まりが、長々と下に続きます……。これでは「もうええわ、長いっ！」ってな感じで、途中で離脱されてしまう要素になっちゃいますよね。あと、ほ

WEBフォントを使って、簡単にアイコン装飾を行う方法をご紹介します。細かいところまでに気をつかえば、サイト全体の印象がグッと良くなりますよ！ サイトのちょっとした装飾に使ったりする「アイコン」ですが、わざわざ画像を作成したり、素材を探してきたりするのは結構大変です。それにアイコン画像のサイズや色をあとで変えたいと思っても、画像自体を作りなおさないといけないので、それはそれで面倒な話になっちゃいます。 でもそんな面倒な話は、「Font Awesome」というWEBフォントを使えば一気に解決します。これを使えば、簡単にアイコンを挿入することができるうえ、WEBフォントなので、あとでサイズを大きくしたり色を変えたりといった作業も、CSSを触るだけで簡単にやれちゃうんです。 ということでわたしも「Font Awesome」を使って、STINGER3を使った当サイトの細かいところにアイコンを入れて装