自分のマシンにインストールされているフォントやGoogle Webフォントを使って、二つのフォントを比較できる「Tiff」を紹介します。 下のブルーとレッド、どちらがHelveticaだと思いますか? Tiff 使い方は簡単で、「Font A」と「Font B」にフォント名を入力し、「letters」に比較する文字を入力します。ご利用は、モダンブラウザで。 というわけで、左(ブルー)に Helvetica、右(レッド)に Arial の比較をしてみました。
Illustratorのグラデーションメッシュを使って作成された美しいアートワークを紹介します。 え?これベクターなの!と見間違うくらいリアルですね。
ボタンをホバーすると、サークル状のフラットなアイコンを使ったソーシャルメディアへのシェア用のボタンがアニメーションで表示されるスタイルシートを紹介します。 Animacion CSS ※デモは最新のモダンブラウザでご覧ください。 デモ自体は上記のアニメーションに比べてちょっと遅い動きですが、スタイルシートで調整すれば好みのスピードに変更できます。 実装は、下記のようになっています。 HTML 各シェアボタンはa要素で配置し、div要素で内包します。 <div id="redessociales"> <a class="smedia facebook" href="https://www.facebook.com/josernitos">Uno</a> <a class="smedia twitter" href="http://www.twitter.com/josernitos">Dos
先日、青山で開催された東京デザイナーズウィーク2012の目玉コンテンツ「伊藤若冲 感性インスパイア作品展」をご紹介。 合い言葉は「Hello Design!」 伊藤若冲 感性インスパイア作品展 若冲とは 伊藤 若冲(じゃくちゅう)は江戸時代の中期、京の都で活躍した絵師で、美しい色彩、大胆な構図、緻密な描写、そして水墨画や着色画だけでなく、下記の鳥獣花木図屏風のデジタルちっく枡目作品も江戸時代に生みだした天才絵師です。 若冲が大好きな人、たくさんいるのではないでしょうか。 鳥獣花木図屏風:伊藤若冲 via: 伊藤若冲: Wikipedia 受賞作品 1,000点を超える応募作品はアートだけでなく、アニメーションやファッションやインテリアや空間など多岐のデザインに渡ります。 まずは、「伊藤若冲 感性インスパイア作品展」の受賞作品を紹介します。 1st PRIZE: R.C.C. floor l
アイコン全34種 ダウンロードできる素材のフォーマットはPNGで、サイズは8種類、32x32, 48x48, 64x64, 72x72, 96x96, 128x128, 256x256, 512,512が揃っています。 アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できる、とのことです。 詳しくはダウンロードファイルの「readme.txt」をご覧ください。
1クリックで、風景や動物、静物、人物などの写真をより印象的なものに仕上げるPhotoshopのアクションを紹介します。
アイコン全120種 ダウンロードできるファイルのフォーマットは下記の通りです。 PSD: 制作用のベクターシェイプ3サイズ PNG: すぐに使う用3サイズ CSH: Photoshop用のカスタムシェイプ アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「LICENSE.txt」をご覧ください。
気持ちのいいアニメーションは、スマフォのアプリには欠かせないと言ってもよいでしょう。 アニメーションはインターフェイスを設計する上で非常に重要で、4つのカテゴリに分けてユーザエクスペリエンスに欠かせないアニメーションを紹介します。 Great Animations Make Great Apps 下記は各ポイントを意訳したものです。 1. 知らせるアニメーション 2. 可能であることを伝えるアニメーション 3. あなたを歓迎するアニメーション 4. 楽しませるアニメーション 1. 知らせるアニメーション 最も単純なアニメーションの使い方で、ユーザーに知らせることを目的としたアニメーションです。これは多くのアプリケーションで使用されています。
CSS3アニメーションとjQueryのいいとこ取りをした、ページにアニメーション機能を取り入れるjQueryのプラグインを紹介します。 cssAnimate jQueryのアニメーションの特徴 短いコードで簡単に記述することができますが、動作が遅い(特にモバイル機器で)。 CSS3のアニメーションの特徴 動作が高速で、柔軟に記述できますが、コードの量が多くなります。 cssAnimateの特徴 jQueryとCSS3の利点を組み合わせ、短いコードで高速に動作するアニメーションを利用できます。 jQueryのアニメーションの構文を全てサポート。 CSS3アニメーションの利用。 ブラウザの互換性。 CSS3非対応ブラウザにはjQueryでアニメーションを提供。 コールバック関数。 jQueryのfadeIn, fadeOutなどの使用。 全てのプロパティがアニメーション可。 jQueryでサポ
画像をホバーすると、小気味良いアニメーションを伴ってキャプションに替えるCSS3のテクニックを紹介します。 デモは10種類あり、CSSでここまでできるのか!って感じです。 Original Hover Effects with CSS3 [ad#ad-2] 基本となるHTML 基本となるCSS 必見の10種類のかっこいいデモ 基本となるHTML HTMLは非常にシンプルです。 キャプションはタイトルとテキストをdiv要素で内包しclassに「mask」をつけ、そのキャプションと画像をdiv要素で内包します。 <div class="view"> <img src="image.gif" /> <div class="mask"> <h2>Title</h2> <p>Your Text</p> <a href="#" class="info">Read More</a> </div> </d
「お世話になっております」、「了解しました」、「取り急ぎ、お礼まで」など、ビジネスメールでよく使用する言い回しの間違った使い方、正しい使い方など、ビジネスメールのワンランク上の作法を紹介します。 [ad#ad-2] 下記は、月刊誌「日経おとなのOFF 4月号 美しい日本語」で紹介されている「『美メール』の作法」から、特に気になった箇所をピックアップしてまとめたものです。 日経おとなの OFF 2011年 4月号(amazon) マナー以前のビジネスメールの常識 ワンランク上のビジネスメールの作法 シーン別のビジネスメールの作法 マナー以前のビジネスメールの常識 メールの件名は具体的に 内容が分かる具体的な件名にしましょう。 「こんにちは」「お願い」「なるはやで」は、ダメ。 返信メールの件名は変更しない 同じ議題であれば件名は変更せずに、「Re: 」を付加して返信しましょう。 議題を変更する
素敵な写真をまとめたサイトを紹介します。 まだまだ寒い日が続くので、こたつでゆっくり眺めたいですね。
オンラインで同時編集が可能な、ブラウザ上で動作するオープンソースのエディタ「ecoder」を紹介します。 ecoder demo [enter]をクリック エディタには検索、行移動、カラーリング、キーボードショートカットなど基本的な機能が備わっており、ファイルはツリー構造で管理できます。 テキストに日本語の使用は可能でしたが、フォルダやファイルの名前には使用できませんでした。 また、リアルタイムに同時編集した際には、ハイライト表示されるそうです。 ecoderはPHPとJavaScriptで作成されており、下記ページからダウンロードできます。 SourceForge.net ecoder web-based code editor
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く