リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
HTMLをWPテーマ化する時の手順リスト - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リスト STEP.1 HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクルードタグをindex.php、search.php、archive.phpに追加。 <?php get_header(); ?> <?php
[CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート
画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。
マークアップ・エンジニアたちのTips
「マークアップ・エンジニア」という言葉は，HTMLから来ています。HTMLの正式名称は「HyperText Markup Language」です。ここで，HTMLの「M」にあたる言葉が「Markup（マークアップ）」ですね。「Markup（マークアップ）」とは，そのままでは単なる文字列であるテキストに対して，HTMLタグを付与していくことで文章（文書）の構造を明示する作業を指します。 Webサイトが大規模になりつつある現在，マークアップ・エンジニアの業務は，HTMLを書くだけに留まりません。ビジュアル・デザイン制作作業以降（または同時）に，Webサイトのユーザー・インタフェースの実装や，または付随するツール群の使いこなしにも精通している必要があります。この連載では，すでにマークアップ・エンジニアとして働いている人やこれからマークアップ・エンジニアを目指す人に向けて，私たちが業務を通じて得た
これでアナタも黒帯に！Gmailを使い倒す5つのワザ | ライフハッカー・ジャパン
Gmailはいわずと知れたメールアプリの雄。誰にでも使いやすく、インターネット接続さえできれば、いつでもどこでもアクセスできるのも魅力ですね。しかし、Gmailの底力はまだまだ計り知れません。こちらでは、米LifehackerのAdam編集長直伝の、キーボードショートカットやGoogle Labsのとっておきの機能、オススメのブラウザ拡張機能についてご紹介しましょう。よりスムーズなコミュニケーションができ、生産性アップにつながるはず。特にGmailのヘビーユーザの方、必読です！ その1: キーボードショートカットを使う キーボードショートカット機能を使うためには、Gmailでの設定が必要です。まずGmailの「設定画面」＞「全般」で「キーボードショートカットON」をチェックし、変更を保存しましょう。 さらに、Google Labsをクリックし、「ラベルショートカット（Go to label
多忙な方が上手く旅するための9つのTips！ | ライフハッカー・ジャパン
そんな時に役に立つ、忙しい人向けの9つの旅立ちガイドラインが「MSNBC」に掲載されていたのでそちらをご紹介。 それでは、と記事の続きを読む前に、多忙な方は、情報を得る場合にも飛ばし読みをしたりしがちなので、まず、「焦らないこと」を肝に命じて、とりあえず深呼吸してから続きをお読みください！ 1. 旅の準備はひたすら軽く！ たくさんの荷物は運ぶのが大変なだけでなく、空港のセキュリティーチェックにひっかかりやすくなったり、乗り継ぎを逃す原因になったりします。短い旅行であれば、手荷物だけで動けるのが理想です。 2. セキュリティーチェックを意識した服装を！ 毎回、ベルトがセキュリティーチェックで引っかかる人、ブラジャーのワイヤーで引っかかる人、指輪、イヤリングなどで引っかかる人は、ピーと鳴る要素が少しでもあるものを可能な限り外して行くと良いです。たとえば靴も、脱いだり履いたりするのが大変なもので
脳が冴える15の習慣、脳を活性化する47の方法 | 口コミ発信！モノ人
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
sbietc - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
光を効果的に使用したPhotoshopのチュートリアル集：Part 9 | コリス