デザインの話を細々としています。コンテンツへスキップエム・アールデザイン|デザインブログデザインの話を細々としています。21の講演中にちらりと出た話を調べてみる。デザインアワード2011のページはWebFontを使用している。́・д・`)」という話になる。講演中に「この文字間はどうやって調整してるんでしょうね?」というような話になった。文字間が調整されている形跡があるのだが、どうやってやってるのだろう。ひと文字ひと文字調整してるのかな?それともjQueryのプラグインでいいものあるの?・・・という個人的な好奇心で、コードを解体してみることにした。2012年2月6日ThickBoxで忘れていたこと。ーそのままだとMacのFirefoxではブラックアウトしない久しぶりにThickBoxを使ったのですが、以前の事をすっかーり忘れて、「あれ?ブラックアウトしない??」と小一時間悩む。実は、MacのFirefoxの場合、そのままじゃブラックアウトしないのです。“ThickBoxで忘れていたこと。Fonts」を聴講した。ここ最近、有料版に出席していたものの機を逸してBlogをUPせず状態・・・いかんよなあ。途中まで書いて力つきるという情けなさ。...ということで、「鉄は熱いうちに打て」ということで、さっそく覚え書きという名のレポート。今回はWebデザインやコーディング技術に関する話というよりも、意外と知られていないアルファベットや欧文の表記の仕方など、デザインを考える上で非常に重要なタイポグラフィの話です。私自身は建築系のデザイナーから出発しており、その業務の中で若干のDTP制作や、学生時代に写植の初歩中の初歩を教わったり、タイポグラフィの授業があった程度なのですが、Webデザイナーはフォントの扱いについて、あまり丁寧ではないと言われています。これはMacやWinがDTP業界に進出し、ベタ打ちのままでもそれなりにできてしまうからという側面がありそうですが、その中でも「なんとなーく」流し込んでいるアルファベットや欧文に関する話です。欧文に関しては「なんとなーく」入力していたので、目から鱗な数々です。以下、各セッションのタイトル部分の人物名は敬称を省略させていただいています。Fonts」を聴講した。2012年1月8日2012年の初投稿は各デバイスの覚え書きー主にスマホとiPadーあけましておめでとうございます。本年もよろしくお願いいたします。今年の課題の一つに「複数デバイス対応」というのが私の中にあります。PCの他にスマートフォン・フィーチャーフォン(ガラケー)・タブレットとデバイスが増え、それら全てに対応する場合が多くなりました。今のところ、各デバイスにあわせてデザインやコーディングをしているものの、更新効率などを考えるとワンソースで対応できた方が好ましいと個人的には思う訳です。Jobs-Appleとワタシ。Jobs氏が逝去した。TwitterでもFaceBookでもこの話題で持ちきりだ。先進的なプロダクトを送り出した巨人が不在となった今、Appleはどんな未来を見せてくれるのだろうか?そんなことを思いつつ、ふと「Mac(Apple)とワタシ」のつきあいを振り返ってみたくなった。あの頃は、まさかAppleのプロダクトがここまで生活に根ざすとは思ってもいなかった。今では、MacもiPotも無くてはならない生活の一部だ。Jobs-Appleとワタシ。18「その先にあるjQuery」を聴講した。LP,Disk17及び18が開催されました。この二つを聴講すると13:30〜20:00という長丁場になるものの、どちらも気になる内容なので参加しました。私的意見バリバリのレポートです。これはあくまでもワタシの主観なので、講演を受けられた方は色々と思うところもあるでしょうが、こういう見方もあるってことで。18「その先にあるjQuery」を聴講した。2011年7月13日IEの独自フィルタでグラデーションをかけるのはキケンだ。最近は規約がなければhtml5とcss3を用いるようにしている。プログレッシブ・エンハンスメントという考えのもと、IE8以下に関しては角丸などを無理に実装せず、使用に支障のない内容にしている。CSS3にはグラデーションが設定できるので、Firefox・safari・chromeについてはcss3で、IEには独自フィルタでグラデーションを設定する事にした。IEにおいて、a要素のdisplay:blockが効かない事が発覚した。“IEの独自フィルタでグラデーションをかけるのはキケンだ。2011年6月1日Webカラーセミナー【実例から学ぶWebサイトの色彩設計】に参加した。株式会社エフシーゼロのヤマモトイズミさんに誘われて、5/28(土)に行われた【実例から学ぶWebサイトの色彩設計】セミナーに行ってきました。実例10歳とから学ぶ色彩設計の3つ。“Webカラーセミナー【実例から学ぶWebサイトの色彩設計】に参加した。3私はデザイナーなのでphpの知識がありません。・・となると、WPを使ったサイト構築の場合、多くのプラグインを利用することになります。かたつむりくんのWWWが使いやすいかなと思っています。Templateはエディタ付きテキストエリアも設定できるのですが、今回必要だった画像専用イメージフィールドがない。GUIと違って、インストール後の設定は管理画面から行えるので使い勝手はいいようですが、設定方法についての説明を見つけるのが大変かも。かたつむりくんのWWWに軍配が上がったので、そちらのインストールメモ。absoluteがうまくできない。私はpositionを指定するのが苦手だ。しても使いたい時がある。Firefox+safariになる。Firefox+safari+IE8で確認すると、意図する場所ボックスが移動しているのに、IE6+IE7は全然違うところにある。おおおーーいぃぃぃぃ・・・。orz..検索した結果、親要素に100%を指定すると問題は解決する。