をご紹介します。 グラデーションはデザインの出来を左右する重要なファクターです。素人とプロの差がでやすい部分でもあり、逆に美しいグラデーションを作成するコツをつかんでしまえばあなたのデザインは飛躍的に向上します。この機会にぜひPhotoshopのグラデーションの作り方をマスターしてみましょう！ 目次 1. Photoshopで美しいグラデーションを作成する3つのコツ 2. 初心者でも簡単！グラデーションプリセットを活用 3. まとめ
Photoshopでグラデーションをプロっぽく仕上げる方法
をご紹介します。 グラデーションはデザインの出来を左右する重要なファクターです。素人とプロの差がでやすい部分でもあり、逆に美しいグラデーションを作成するコツをつかんでしまえばあなたのデザインは飛躍的に向上します。この機会にぜひPhotoshopのグラデーションの作り方をマスターしてみましょう！ 目次 1. Photoshopで美しいグラデーションを作成する3つのコツ 2. 初心者でも簡単！グラデーションプリセットを活用 3. まとめ
MdN Design｜総合情報サイト
サイトのデザインに光と影を感じさせるときは、まず光源を明確に意識してみよう。画面上部から光が当たるのか、下部から照らし上げるのかを定義することで、 細かいパーツのハイライトやシャドウの方向が決まる。１つ１つのパーツの処理に理由があることが何よりも重要だ。光源は見えない場所に設定するだけでもよいが、あえて画面内にスポット的な光源を表現することで、そのスポットが当たるキャッチコピーや商品をより印象的に見せることができる【1-1】。 【1-1】視覚的にスポットライトのような演出を当てることで視線を誘導し、更にサイト全体の光と影の方向を決定づける 続いてハイライトについて考えてみよう。ハイライトは物体の、より光源に近いエッジ部分に現れる。Webデザインでは文字を読むことを主な目的としているため、 極端に立体的でユーザーの方向に盛り上がった表現は少ない。厚みのない物体を想定した場合、ハイライトはエッ
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
WordPressカスタマイズの基礎が全て分かる初心者必読の記事10選
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. Webサイトやブログを構築する際に使えるCMSやWebサービスは数多く存在するが、WordPressは近年、もはやCMSのデファクトスタンダードとしての地位を確立している。（※W3TECHの調査によると、世界のWebサイトの約33.9％がWordPress。CMS市場では60.7%がWordPress。） もちろん、私も、ほとんどのサイトやブログをWordPressで構築しているし、国内でもWordPressの導入例は増え続けている。 従って、WordPressのカスタマイズ方法を知っておくと、何かと有利な場合が多い。そこで、本日は、WordPressをカスタマイズしたい初心者が絶対に読むべき１０の記事をご紹介する。 また、私たちバズ部は
実はできたMac OS XのFinderでのファイルのカット＆ペースト
デスクトップはちらかりまくり、片付けられない男、ひとりぶろぐのmoyashi (@hitoriblog)です。 Windowsで頻用するファイルのカット＆ペースト操作 WindowsのExplorerでは、ファイルをフォルダAからフォルダBに移動するときに、フォルダAでCtrl＋Xでファイルをカットした後、移動先のフォルダBのウインドウを開いてCtrl＋Vでペースト、といった風な操作を頻繁にやります。 キーボードだけで操作ができるので、面倒なドラッグ＆ドロップをせずに済み簡単です。 ここで言うカット＆ペーストは、コピー＆ペーストと対峙するファイル操作です。 ファイルの複製を作るのでなく、ファイルの場所を移動しようというわけです。 Mac OS Xではファイルのカット＆ペーストができないという認識 Mac OS XのFinderでは、キーボード主体でファイルの移動をする場合は、フォルダAでC
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ
WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き）
とても長い記事になってしまいましたが、WordPress を使って、コーポレートサイトのサンプルを作ってみました。WordPress はブログだけじゃなくて、色んな Webサイトが作れますよね！今回は、私が WordPress でサイトを作る時にやっていることをまとめてみました。 今までこのブログの中で、いろいろな WordPress の Tips を書いてきました。でも WordPress を使った Webサイトの作り方そのものは、今まで書いた事がありませんでした。そこで今回は、 WordPress を使ってブログじゃない Webサイトをまるごとひとつ作って、私なりの作り方をまとめてみました。 今回のサンプルサイトでは、WordPress の固定ページ機能はもちろん、カスタム投稿タイプやカスタムタクソノミー（カスタム分類）を使って作っています。 ページを表示する為に使っているテンプレート
Using Japanese on Vim for Mac OS X
[Home] / 教授でもできる．．． / Vim Mac OS Xの上のVimで日本語を使う 1. Vimとは Vim (Vi IMproved)は、 ターミナルを用いるテキストエディタです。 キーボードから手を離さずに（マウスを使わずに）編集ができ、 正規表現も扱える文字列の変換など、非常に強力な機能を持っています。 かつ、emacsに比べて立ち上がりも速いので、快適です。 少なくともLeopard (Mac OS X 10.5)以降のOS X[Mavericks (Mac OS X 10.9)を含む]に標準で入っているviは実はvimです。 (/usr/local/bin/vi から /usr/local/bin/vim にシンボリックリンクが張られてます。) utf-8が標準の文字コードになっているので、普通に日本語が使えます。 2. Vimの設定 utf以外の文字コードも扱えるよ
A3サイズ以上のファイルをなるべく安価に印刷する6つの方法
自宅で作成した書類をA3以上のサイズで印刷したいが、家にあるプリンタはA4までしか対応しておらず、印刷が行えない場合がある。会社に行けば業務用の複合機があるが、自宅から取引先に直行する都合上、会社に立ち寄らずに自力で印刷しなくてはいけないといったケースだ。また会社とは関係ない個人の書類であれば、会社で印刷するわけにもいかない。 こうした場合に使える、自宅プリンタよりも大きなサイズで印刷を行うための方法を集めてみた。コストやスピード、最大サイズなど、いずれの方法にもメリットとデメリットがあるので、用途に応じて使い分けたい。 方法1：左右に分割して印刷する 手持ちの機材、つまりA4プリンタだけでなんとかするのであれば、左右に分けてA4サイズで印刷したのちテープなどで貼り合わせるしかない。最近のプリンタに付属するユーティリティソフトには分割印刷機能が用意されていることが多いので、これらを使えば簡
Macのターミナルのオススメ設定を書いておきました。 - このブログは証明できない。
明後日にはiPadが発売されますね。みなさん、予約していますか？みなさんが予約しているかどうかなんて、私はこれっぽっちも興味がありません。それより、Mac使ってますか？Macのターミナル使ってますか？Macだといろいろなターミナルアプリが使えますが、私はデフォルトのターミナルしか興味がありません。これで十分です。 Web系のプログラミングは、すべてターミナル上のVimでやっています。よく使うターミナルだから、快適に使いたいですよね。そこで、ターミナルのオススメ設定を書いておきます。でも、好みは人それぞれなので、オススメじゃありません。ぜんぜんオススメじゃありません。 こんな感じになります。 それでは、設定。 デフォルトの見た目を選べますが、「Pro」を選びます。だって、プロですから。「Pro」を選ぶのが、プロ意識です。 フォントは、「M+2VM+IPAG circle」を使います。サイズは
配列のundefined indexがうざい - はらぐろブログラマン
連想配列で存在しないキーを指定したらfalseが返ってくるって仕様でいいじゃん。 警告なんか出力する必要ない。 if (isset($hoge["poge"]) && $hoge["poge"] == "new") { } こんなだるいことやってられるか！ とおもったら直後の操作のエラーを消す@という便利な識別子が。 上のケースはこれでOK。 if (@$hoge["poge"] == "new") { }
Dropboxの追加容量を無料で増やす方法 | ライフハッカー・ジャパン
Dropboxは、数あるオンラインストレージ、ファイル同期ツールの中でもピカイチですが、スタート時の容量は2GBと、音楽ファイルの同期や同僚との業務ファイルのやりとりで使うには十分なボリュームとは言えません。そこで、Dropboxの容量を無料で増やす方法を一気にご紹介しましょう。 ただし、無料である程度の容量が増やせるのは確かですが、今からご紹介する無料の方法だけで50GBまで増すのは難しいです。無料で確実に容量が増やせる方法一覧として活用してください。 1. 「はじめに」の項目を5つ完了する Dropboxにログインすると、上部のタブメニューに「はじめに」というタブがあります。そのうちの5つの項目を完了していると、無料で250MBの追加容量がもらえます。Dropboxを使ってさえいれば、かなり簡単な項目ばかりです。おそらく、すでにほとんどの項目を完了しているのではないでしょうか。 Dro
[CSS]コンテンツとサイドバーの高さを同じにするスタイルシート
サイドバーがコンテンツの高さと異なる際に、コンテンツと同じ高さのように見せるスタイルシートをwoork upから紹介します。 Really simple CSS trick for equal height columns 仕組みの概要は、コンテンツの右のボーダーを200pxにし、その上にサイドバーを表示して、サイドバーの高さをコンテンツと同じように見せるものです。 HTMLは、コンテンツとサイドバーのdiv要素を内包するdiv要素（wrapper）を配置します。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="wrapper"> <div id="maincontent">...</div> <div id="sidebar">...</div> </div> </textarea>
[CSS]サイドバーのボリュームに関係なく背景の高さを揃えるスタイルシート
3カラムレイアウトの左右のサイドバーのコンテンツ量が少なくても、コンテンツと背景が同じ高さになるようにするスタイルシートをLine25から紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="content"> <div class="sidebar primary"><!--Left Sidebar--></div> <div id="main"><!--Main Content--></div> <div class="sidebar secondary"><!--Right Sidebar--></div> </div> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Macの起動・スリープ・再起動・終了のキーボードショートカットまとめ（27種類） / Inforati
Design Tips
新しくなったFacebookの使い方を整理する
ちょんまげ英語塾
Fireworks チュートリアル＆記事
CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
