Talknoteはフィードによるリアルタイムの情報共有をはじめ、データの蓄積や組織運営の改善など、働く人が最大限にチカラを発揮できる環境づくりをサポート。最前線で働くプレイヤー1人ひとりから組織を強くしていくことで、あなたのビジネスをさらに加速させていきます。

font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで

ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ

ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切

By signing up, you accept 7kai Tasks's terms of use and privacy policy.

オープンソースのソフトウェアが質、量ともに充実していくなかで、日本語フォントは成長が遅れていた分野の1つだが、徐々に選択肢を増やしてきている。行書体や隷書体などはほとんど見かけないが、日常的に使用するゴシック体、明朝体であれば実用になる日本語フォントがオープンソースで利用可能になっているのだ。そこで本稿では、オープンソースの日本語フォントを集め、それらの概要とサンプルをカタログ化してみたい。

雑誌やカタログ、Webやブログなど、さまざまなデザイン制作物を優雅で上品に演出するのに最適な装飾素材を集めたデザイン素材集です。ヨーロッパ風の図案や幾何学模様、花・葉・蔦などをモチーフにしたエレガントなデザインパーツを合計1,500種類以上、DVD-ROMに収録しています。収録素材は、西欧風の模様を使ったデコラティブなフレーム、愛らしい花や植物の飾り罫をはじめ、蔦をモチーフにした豪華なオーナメント、流麗な形の文字素材、手軽に使うことのできるマーク・アイコン、華やかなパターンなど、使いやすく魅力的なものが満載です。収録データ形式は色や形を自由に変えることができるパス付きIllustrator EPS（CMYKモード）と、背景が透明で重ねて使う際に便利なPNG、さまざまなアプリケーションで利用できる汎用的なJPEGの3種類（PNG/JPEGはRGBモード、解像度350dpiで収録）。収録素材は

腕のいいデザイン事務所で修業しないと ふつうは身につかない知識と技と心得 10 即戦力となるアナログ表現の技を押さえる 解説： 高橋としゆき［Graphic Arts Unit］ url： www.graphicartsunit.com/ 使用ソフト: Photoshop CS3 かすれや汚れなどといった、アナログの演出がデザインで必要になる機会は多いはずだ。そうしたアナログ感の演出にはさまざまな方法があるが、基本的な手法はしっかり身につけておきたい。ここでは、デジタルだけでアナログ感を表現する方法を紹介しよう。 実際にプリントアウトして作業する時間や環境がない場合や、画材などを使ったアナログの作業を経ずに、もっと手軽にアナログ感を表現したいということもあるだろう。アナログ風の質感はPhotoshopのフィルタなどを駆使して表現することもできるので、そうした技を使った多彩なアナログ表現を覚

フィルタで鉛筆画風に加工して重ねる 4-1 4-2 4-3 さらに、これまでと同様の手順で花びらや茎、葉などの写真を作業ファイルにコピー＆ペーストで配置。それぞれ、レイヤーメニュー→“レイヤーマスク”→“すべての領域を表示”を実行し、レイヤーマスクを追加したら不必要な個所を塗りつぶして隠しておく4-1。続いて、配置した葉のレイヤーを選択し、レイヤーを複製して前面に配置したら、“アーティスティック”→“色鉛筆...”フィルタを、［芯の太さ］、［筆圧：11］、［用紙の明るさ：50］で実行4-2。色鉛筆で描いたような質感に加工した。ここで、このレイヤーは［描画モード：オーバーレイ］としておく4-3。 フィルタ効果でドットパターンに加工する 5-1 ↓ 5-2 次に、Lesson4で複製した葉や花のレイヤーを、再度複製して、鉛筆画風の葉のレイヤーの前面に配置。ここで、描画色を水色、背景色を白として