光、光源、光線、光跡を効果的に使用した、ナチュラルなものからビームやファンタジーなものまで、Photoshopのチュートリアルの紹介です。
光を効果的に使用したPhotoshopのチュートリアル集 | コリス
光、光源、光線、光跡を効果的に使用した、ナチュラルなものからビームやファンタジーなものまで、Photoshopのチュートリアルの紹介です。
デザインセンスを刺激するフリーのフォント9 -misprinted type | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
[CSS]マージンとパディングの使い分けをおさらい | コリス
CSSnewbieのエントリーから、ボックスモデルのマージン(margin)とパディング(padding)の利用シーンにおける違いを紹介します。 When to Use Margins and Padding マージン(margin)を採用する場合 パディング(padding)を採用する場合 ブラウザによる問題 マージン(margin)を採用する場合 borderの外側にスペースが必要な場合。 スペースに背景色(画像)を適用したくない場合。 上下に隣接したボックスにスペースを設ける場合、マージンの相殺を期待して、大きいサイズを有効にしたい場合。 例：15px + 20px の場合、スペースは20px。 ※相殺されない場合もあります。 パディング(padding)を採用する場合 borderの内側にスペースが必要な場合。 スペースに背景色(画像)を適用したい場合。 上下に隣接したボックスにス
写真やドローイングから作成された高品質なPhotoshopのブラシ
In Obscuroで配布しているPhotoshopのブラシの紹介です。 ライセンスはCC3.0のため、非営利はフリーですが、営利目的には問い合わせが必要です。 Vector
[CSS]ブラウザ間の差異を無くすリストのスタイルシート | コリス
Konstruktors Notesのエントリー「How to Create Beautiful and Elegant HTML Lists Using CSS」から、CSSを使用して美しくエレガントなリストを制作する方法を紹介します。 How to Create Beautiful and Elegant HTML Lists Using CSS 各ブラウザによるリストのレンダリングの差 リストにmarginやpaddingを指定した場合、「Internet Explorer」と「Gecko, Webkit and Opera」の各ブラウザで、レンダリングが異なります。 <textarea name="code" class="css" cols="60" rows="5"> ul, ol{ margin:auto -3em 1em 0; padding:0; position:rel
サイトデザインのアクセントに使える6つのPhotoshopのチュートリアル | コリス
aFreeArtworkにエントリーされている、サイトデザインのアクセントに使える6つのPhotoshopのチュートリアルを紹介します。
フリーの紙や布のテクスチャ素材のリンク集 | コリス
フリーで配布されている、紙や布のテクスチャ素材のリンク集です。 12 Pixey Hi-Res Papier Scans JPEG Set 01- Stock Images JPEG [ad#ad-2
炎や爆発を表現するPhotoshopのチュートリアル | コリス
PSDTutsのエントリー「Inspiration: Fire, Flames, and Infernos」から、炎や爆発を表現するPhotoshopのチュートリアルの紹介です。 Inspiration: Fire, Flames, and Infernos
画像をベクター化するVectorMagicが、対応フォーマットを増やしてバージョンアップ
ロゴや写真などのGIF・JEPG画像をオンラインでベクター化するオンラインサービス「VectorMagic」がバージョンアップしました。 今回のバージョンでは、ドメインが変更になり、機能としては書き出しフォーマットがEPS・SVGだったものに、PDF・PNGが追加されました。 また、ダウンロードする際、メールアドレスを登録し、ダウンロードの引換パスワード(tokens)を入力する必要があります。 「tokens」は最初は４つあり、以降は購入するとなっています。 VectorMagicの使い方は、下記ページを参照ください。 GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic
ウェブサイトの品質を判断する50のチェックポイント | コリス
Search Engine Journalのエントリー「50 Questions to Evaluate the Quality of Your Website」から、あなたのウェブサイトの品質を判断する50のチェックポイントの意訳です。 50 Questions to Evaluate the Quality of Your Website アクセシビリティ ナビゲーション デザイン 内容(コンテンツ) セキュリティ その他：テクニカル その他：マーケティング 法関連 アクセシビリティ コンテンツは、ナビゲーションから独立していますか？ ウェブサイトは、クロスブラウザに対応していますか？ ウェブサイトのコードは、正しいHTML/CSSを使用して、W3Cに準拠していますか？ Altは、画像にありますか？ 画像などマルチメディアで構成された箇所に、代替となるテキストベースの要素がありますか？
WordPressを安全に運営するための10のTips | コリス
noupeのエントリー「Wordpress Security Tips and Hacks」から、WordPressを安全に運営するための10のTipsを紹介します。 Wordpress Security Tips and Hacks 追記： 2008年2月20日 9の「FilesMatch」の記述を修正しました。 併せて「FilesMatch」の関連リンクを追加しました。 タロタローグ ブログ さん、ありがとうございました。 全てのユーザーにサーバー全部の検索を許可しない。 「search.php」で下記の検索コードは使用しない。 <?php echo $_SERVER ['PHP_SELF']; ?> 代わりに下記のコードを使用する。 <?php bloginfo ('home'); ?> 「wp-」がついているフォルダをサーチエンジンなどに登録されないように、「robots.
リンクの設置時に気をつけたい15のポイント | コリス
Wwohn.comのエントリー「The 15 rules of quality hyperlinks」から、リンクの設置時に気をつけたい15のポイントの意訳です。 The 15 rules of quality hyperlinks 「ここをクリック」などではなく、リンク先を明確に表現する。 title属性を使用する。 テキストリンクを青い下線以外にする場合、明確に分かるようにする。 テキストリンクには、シェード効果や明るいグレーを使用しない。 visitedを設定して、訪問済みを明示する。 リンク切れは、なるべく早く修正・削除をする。 PDFのようなダウンロードリンクは、クリックする前に分かるように明示する。 一行に続けて複数のリンクを記述しないで、リストやビュレットを使用して間隔を持たせる。 テキストリンクは、一行まるごとにしないで、なるべく短くする。 リンクを新しいウインドウで開くよ
IE7とIE6を共存させる方法：まとめ
IE 7の自動アップデートに伴ってだと思うのですが、当サイトで紹介した「IE7とIE6の共存」シリーズのアクセスが増えているので、既存のエントリーをまとめました。 リンク先や手順などは以前紹介した方法ではなく、最新のものになっています。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をベースに、IE6をスタンドアローンで起動する方法：その２ IE6をベースに、IE7をスタンドアローンで起動する方法 Virtual PCを使用して、IE6 or 7を起動する方法 追記： スタンドアローンは、Windows XPが対象になります。 Vistaの場合は、Virtual PCを使用します。 IE7をベースに、IE6をスタンドアローンで起動する方法：その１ IE7をダウンロードして、インストールします。 日本語版「Internet Explorer 7」のダウンロード IE
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20のクオリティの高いWordPressのテーマファイル
45のクオリティの高いWordPressのテーマファイル | コリス
WordPressのテーマをカスタマイズ・作成できるオンラインサービス | コリス
[CSS]いろいろな問題を解決する1行のスタイルシート集 | コリス
フリーやシェアウェアのピクセルフォント集
ボタン画像のPhotoshopのチュートリアル集 | コリス
ナビゲーションのトレンドと傾向 -2008年2月 | コリス