目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellを使って関連記事の表示で良く使うリストスタイルのデザインを作る方法 【CSS】table-cellを使って要素を均等に配置する方法 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 【CSS】table-cellでサムネイル画像＋テキスト＋ボタンのデザインをキレイに見せる方法　←今回はこれ 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 画像＋テキスト＋ボタンという組み合わせ 基本的な書き方の記事で書いた通り、floatを使わないことでclear:bothしなくて済むというメリッ

目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellを使って関連記事の表示で良く使うリストスタイルのデザインを作る方法 【CSS】table-cellを使って要素を均等に配置する方法 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法　←今回はこれ 【CSS】table-cellでサムネイル画像＋テキスト＋ボタンのデザインをキレイに見せる方法 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 幅固定＋幅可変の組み合わせ 中央にサイトのロゴ、左右にボタンというデザインを例に紹介していきます。 まず基本的な書き方はこちら。 <div cl

目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellを使って関連記事の表示で良く使うリストスタイルのデザインを作る方法 【CSS】table-cellを使って要素を均等に配置する方法　←今回はこれ 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 【CSS】table-cellでサムネイル画像＋テキスト＋ボタンのデザインをキレイに見せる方法 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 要素を均等に配置したい場合に使うと便利 まず、table-cellの基本的な書き方はこちらの記事をご覧ください。⇒【CSS】table-cell

目次 6回に渡る短期連載記事です。他の記事もこちらでご紹介しておきます。 【CSS】floatを使わずtable-cellを使って横並びにする方法 【CSS】table-cellで関連記事の表示で良く使うリストスタイルのデザインを作る方法　←今回はこれ 【CSS】table-cellを使って要素を均等に配置する方法 【CSS】table-cellで中央にロゴ・両脇にボタンというデザインを作る方法 【CSS】table-cellでサムネイル画像＋テキスト＋ボタンのデザインをキレイに見せる方法 【CSS】table-cellを使って関連記事をタイル状にレイアウトする方法 番外編ですが、table-cellを使う上で重要なテクニックを追記します。 まずtable-cellの基本的な書き方はこちらの記事をご覧ください。⇒【CSS】table-cellで関連記事の表示で良く使うリストスタイルのデザイ

リリース告知記事にも書きましたが、開発担当の青木さんからの言葉を改めて引用します。 「Evernoteのノート数が多い場合に帯域制限がかかって一定時間アクセスできなくなる現象が発生していました。ですがこれは不具合ではなく使用環境によるもので、なかなか対応が難しい現象でした（出ない人は全く出ないので）。 MoveEver2ではその部分の処理を改善し帯域制限が出にくい作りにしました（それでもおそらく出る人はでますが…）。 サポート体制も変えていきます。旧MoveEverにつきましてはこのタイミングで無料にします。そのかわりサポートを打ち切りバージョンアップも行いません。現在バグもなく安定稼働しているのでそのまま使い続けていただけます。 今後EVERNOTEの仕様やiOSの仕様が変わっていく場合は、MoveEver2の方をバージョンアップしていきます。旧MoveEverは動作しなくなった時点で公

CSSではショートハンドという簡単な書き方が出来るプロパティがいくつかあります。 fontプロパティをショートハンドでの記述する順番をいつも忘れてしまうのでメモ書きです。 ついでにfontプロパティをショートハンドで書くときの注意点についてもまとめてご紹介します。

2012年1月15日からブログの毎日更新を始めてから丸2年が経ちました。 本当にたったの1日もかかさずブログを書き続けられるとは、2年前は全く思ってませんでした。 毎日ブログを更新し続けてみて分かった毎日更新することのメリットと、毎日更新するためのコツをご紹介します。

上から読んでも下から読んでも大谷大(@delaymania)です。 当ブログは2013年に1,000記事を超えました。 その中から2013年でたくさん読まれた記事TOP10をご紹介します。 2013年でたくさん読まれた記事TOP10 これから当ブログの2013年にたくさん読まれた記事をご紹介します。 僕の予想の範疇のものと、これ読まれてたんだ！と意外に思うものもありました。 1位から10位までずらっと並べましたのでご覧ください。 1位 JPGとPNGとGIFの違いを理解できるときれいで軽い画像が作れる！ この記事はいけると思って書いた記事。狙い通りにバズりまして2013年最も読まれた記事となりました。ネタ提供してくれたgori.meのゴリさんには感謝！ 2位 iPhone 5に変更したらチェックしておくべき省エネ設定 みんな省エネ設定好きですね。実は僕のブログの検索ワードで一番多いのが

YouTubeのチャンネルアート FacebookやTwitterのカバー画像のように、ヘッダー部分に表示させる画像のことをYouTubeでは「チャンネルアート」と呼ばれています。 作り方からアップロードした後どう表示されるかまで、ヘルプに詳しく書かれています。 この作業手順通りに作ってみました。 チャンネルアートの画像を作る まず最大サイズの「2560×1440ピクセル」で画像を作ります。これはテレビで表示されるサイズです。 この1枚の画像で、スマホでもタブレットでもパソコンでもテレビでも表示できるように自動で調節してくれます。 ただ、表示されるサイズがデバイスによって異なりますのでご注意ください。 ちなみに、僕はフォトショを使って作りました。 ▼この赤枠内がどのデバイスでも必ず表示されるエリアです。このサイズが「1546×423ピクセル」です。 チャンネルアートをアップロードする チャ

【追記】 Twitterで「墨版を抜くのが正しいと言ってしまうのはどうなのか」というご指摘をいただきました。完全に間違いとは言えないけども想定した色にならないので避けるべきであると。(少なくとも他の人に進めるような方法ではないとのことです。) その後いろいろ調べまして「やもめも」というブログで参考になりそうな記事を見つけましたのでご紹介します。 K100%はグレー？？？いいえ、「黒」です。それでもリッチブラックを使うなら…（更新） | やもめも インキ総量を落とす「テク」、色が変わってしまうから、どれがいいとは安易には勧められない | やもめも 間違いだらけのPhotoshop｜CMYK変換に関する二つの「デマ」を検証する | やもめも また、この記事は記録として残しておきますので、上記の参考記事を参照の上、正しい方法でデータ作成していただければと思います。 フライヤーや名刺などの印刷物を

テキストの左側と下側だけをボーダーで囲ったデザインの見出しって、いろんなブログで良く見かけますよね。 CSSだけで作る見出しとしてシンプルで使い勝手がいいので僕も多用してます。 「どうやって作ってるんですか？」という質問をいただいたので、CSS初心者向けに見出しのデザインの一例としてご紹介します。

最近ハングアウトのビデオチャットを良く使います。 「Skypeする？」って言われたらビデオチャットのことだなとピンとくるほどメジャーなのに、ハングアウトって言われてもまだピンと来なかったりしますよね。 というわけで、SkypeやFaceTimeを超えるハングアウトのメリットとともに、ハングアウトとはどんなものかご紹介します。 1人でも多くの人にハングアウトを知ってもらえれば幸いです。

僕はMacでもWindowsでもiPhoneでもiPadでもブログを書きます。 個人的にはどこでブログ書いてもいいと思ってますので、僕がやってるいろんなブログを書くパターンをご紹介します。

ここからレビューは旧機種「C920」のものですので、ご了承ください。C920rについては上記の記事をご覧ください。 いままでの僕の環境とどれくらい映りが違うのか実験してみたんですが、信じられないほどきれいでした。 試した環境はこちら。 MacBook Pro(2010年のモデル) MacBook Air(2011年のモデル) Mac mini(2012年のモデル)にThunderboltディスプレイ 上記環境で、内蔵カメラと「ロジクール HD Pro Webcam C920」で映し比べてみました。 部屋の同じ位置で、だいたい同じアングルにして、Photo Boothで映した画面をキャプチャーして比較します。 MacBook Pro(2010年のモデル) かなり旧世代のMacBook Proですので現在はほぼ使ってません。カメラの画質も期待してませんでしたが、信じられない差がでました。 ▼内