CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基本的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te
フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。 追記: 2010/12/04 グラデーション追加/リンク切れチェック Photoshop Gradients Nice photoshop gradient set Download Source Web 2.0 Photoshop gradients Download Source Ultimate Web 2.0 Gradients - FREE Download Download Source 黄金比グラデーション・白銀比グラデーション | DesignWalker Download Source 日本の伝統色グラデーションファイル | DesignWalker Download Source
Photo by Jezz 人生、何事においてもできれば手抜きしたいですよね。手抜きをするための努力は惜しまない、ライフハック大好きFP山崎(twitter: @yam_syun )です。今回はお金の専門家であるFPとして、資産運用でどこまで手抜きが可能かを考えてみたいと思います。 資産運用というと、毎日ニュースを見たり、株価をチェックしなければいけないとか、売り買いの指示をいろいろ出さなければいけないとか、とにかく面倒で大変、というイメージがあると思います。会社で仕事中にもトイレに抜け出し、個室から携帯で証券会社に何度もアクセスする人もいるようです。 しかし、これでは仕事がはかどりませんし、毎日何時間も時間を取られるようでは長続きするかどうか疑問です。最悪の場合、運用も冴えず、仕事の評価も下がるかもしれません。少なくとも私は面倒で続けられないだろうと思います。どんなに有意義な行いであって
SEO担当としてブログを書いていますけど、ホントはWebマーケティング担当です。なぜ私が「SEO担当」なのかを上司(ボス)からミーティングの時に説明頂きました。 SEOはチームワーク、またはフレームワーク、私の会社の方針でいうと「スタンドプレーのリンキング」 Webマーケティングの役割分担 『ほったらかしSEO』にあった「ファイナルファンタジーにするとわかりやすい」ですけど、私はゲームをしないので説明を頂きました。 ■FF(1)に例えると 黒魔導師 ・・・Webデザイン(広く強い上級攻撃魔法) 白魔導師 ・・・SE(全体を底上げする上級回復魔法) 赤魔導師 ・・・マーケッター(黒白低級魔法、支援と直接攻撃) 戦士 ・・・営業、接客スタッフ(前線で直接攻撃) ローカル(オフライン)では、戦士さえいれば黒魔法だけで商売が成り立ったが、オンラインは魔導師で特化するため、戦士を兼ねた赤魔導師が必要
私は高卒だから理数系とか文系とか知らないけれど、平時に神と話をすると明らかにそれが判る。37歳にして固くスカスカになった脳味噌をえぐり返して始めた。何が目的か予想願う。 アフィリエイト用PHP(あしたのためにその1) 私は目的の『何か』しか求めない。リファレンス何それ美味いの状態。だから私は神(SE)にはなれないしならない。邪道とか阿保だと言われても何とも思わん。これが破れ文系の私が初めて書いたPHPの文字列を解説用に書き直した物。 <?php $dev = $_GET['did']; $aff = $_GET['aid']; $output = '<a href="http://twitter.com/' . $dev . '/' . $aff .'" target="_blank">http://twitter.com/' . $dev; $output.= '/' . $aff .
Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅:800px、高さ:800px、解像度:72pixel/inch、カラーモード:RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く