2008年9月下旬~10月下旬までのWeb制作に関する記事いろいろ

また1ヶ月も更新を放置してしまったので、その間にブックマークした、主にWeb制作に関するエントリーを羅列型ニュースサイト風に以下に紹介します。

1か月分なので数がかなり多くなってしまっているので、いくつかジャンルごとに区別して掲載しました。

このブログの今までの傾向どおり、Photoshopのチュートリアルとフリーのブラシ、フリー素材のエントリーが多めです。


Photoshop チュートリアル

45 Explosively Colorful Photoshop Effects [PSDTUTS]
Photoshopで印象的なカラーエフェクトをかけるチュートリアル45選。

25 Amazing Photoshop 3D Text Effect Tutorials
Photoshopでテキストに3Dエフェクトをかけるチュートリアル25選。

光を効果的に使用したPhotoshopのチュートリアル集:Part 7 [コリス]
光を効果的に使用したPhotoshopのチュートリアル集:Part 8 [コリス]
いくつかはできるようになりたい。

ElementsでもOK!だんだん透明になるフォトショ画像の作り方 [ASCII.jp]
よく作りたくなるのによく忘れるのでメモ。


Photoshop/Illustrator/GIMP ブラシ 他

無料で使えるPhotoshop グラデーションファイルいっぱい [DesignWalker]
これだけあるとグラデーションをかけるのが楽になりますね。全部入れるとかえって使いにくくなるので、いいと思ったものをいくつか読み込むのが無難。

いろいろなデザインの矢印(アロー)のPhotoshopのブラシ集 [コリス]
王道なものからちゃっと変わったものまでいろいろ。

400+ Floral Brushes for Photoshop
花や草を表現したPhotoshopブラシいろいろ。

BlendFu - GIMP brushes and Photoshop brushes
PhotoshopとGIMPのブラシがたくさん。

1000+ Free High Resolution Photoshop Brush Sets [Noupe]
Photoshopブラシ紹介のまとめ的エントリー。

手形、足形、指紋を集めたフリーphotoshopブラシセット「Fingerprints and Footprints」 [DesignDevelop]
使いどころが難しそうです。

106 Delicious Water Color Illustrator Brushes [COLORBURNED - Professional Design Resources]
水彩風なIllustrator用ブラシ。

画像からカラーパレットを簡単に作成できるPhotoshopのアクション [コリス]
かなりニッチなアクションですが、Webサイトのスクリーンショットをとって、そこからパレットを作ったりするのによさそうかな、と。


素材

60+ Free Textures from SXC.hu
まとめ系記事。木目・草・砂・紙・布・革・鉄・シルクなどのテクスチャー素材が紹介されています。

2000ピクセル以上のフリー写真素材集
無料、連絡不要、クレジット表示不要。使用したらできればサイトへリンクしてほしい、とのこと。素材集買えない人にはこういうサイトはありがたい。

ベクターデータの無料素材集サイト5選 [ライフハッカー[日本版]]
ベクターイラストデータ:2サイト、ロゴデータ:2サイト、アイコン素材:1サイトが掲載されています。

Texturise :: Free Textures
様々なテクスチャを公開している。個人でも商用でも利用可能。

30の無料で高品質なアイコン・イラストPSDファイル [ホームページを作る人のネタ帳]
PSDなので、素材としてよりも勉強用としての利用の方が多くなるかも。

AVA7 Patterns | Free seamless background patterns
Webサイトの背景に使えそうなパターン画像が大量に公開されているサイト。プレビューボタンとダウンロードボタンがそれぞれに設置されているので見やすくて便利。

無料でダウンロードできるベクター素材集 [DesignWalker]
ベクター素材が入手できるサイト29選。

秋を演出する葉っぱのベクターデータ「Autumn Leaves Vector」 [DesignDevelop]
ちょうど旬ですね。商用利用は不可。


デザイン関連

ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る [builder by ZDNet Japan]
優れたUI(ユーザーインターフェイス)を作るための7つのポイント。

デザインの基本「色」を知ろう・組み合わせのテクニックと心象の違い
よい色の組み合わせと色の持つ意味やそれが与える印象について。

デザインが失敗してしまう理由 [could]
アンケート結果から、失敗要因となりそうな上位10項目が紹介されています。

素晴らしいロゴをデザインするための45の法則 [CREAMU]
あまりこりすぎてごちゃごちゃしたデザインにしてはいけないようですね。

プロフェッショナルのデザイナーがよく使う21種類のフォント [GIGAZINE]
MyriadはAdobe Reader 8をインストールすると同時にインストールされましたね。


jQuery

[JS]jQueryのプラグイン33+1選 -2008年10月 [コリス]

jQuery 関連記事まとめ [Cyokodog::Diary]
比類なきまとめ記事。


その他Web制作全般

IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ [Blog hamashun.com]
アルファチャンネル=透明部分。IE6ではPNGのアルファチャンネルを標準では表現できないので、それを回避する方法いろいろ。

一番良いIE6~IE8の共存方法はコレだ! [秒刊SUNDAY]
共存方法が4種類紹介されています。IETesterかMultiple IEのどちらかが楽かな。

DOCTYPE スイッチについてのまとめと一覧表 (HTML 5 や IE 8 Beta 2 のモードスイッチなどの情報も含んだ 2008 年版 ) [hxxk.jp]
標準準拠か後方互換かで、CSSの解釈に微妙な違いがあります。やはりIEがくせものですね。

自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ [GIGAZINE]
最終的なサイトデザインの確認に便利です。

[CSS]スクリプト無しで実装する、快適に動作する多段ドロップダウンメニュー [コリス]
スクリプトなしなので分かりやすそうです。

Web制作に超便利!無料のプロトタイプ作成ツール [ASCII.jp]
Firefoxのアドオンのようですが、独立したアプリケーションのように動作。Web制作者必須のアドオンとなるか?

3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン [livedoor ディレクター Blog]
モバイルサイト構築においておさえておきたい基本的なポイントに関する解説。i-modeは外部CSSに対応してほしい。


Web/PC全般

クリックジャッキング:研究者が複数のブラウザに対する新たな脅威について警告 [ZDNet Japan]
現時点ではほとんどのブラウザに存在する脆弱性。

一瞬にして無線LANのWEPを解読する方法がついに登場、まもなく解読プログラムを公開予定 [GIGAZINE]
自宅が無線LAN環境なので、全てWPA対応した機器に変更するとなるとけっこうな出費になるので頭が痛い。

MS、「Windows XP」ディスク提供を6カ月延長--大手PCメーカー向けに決定 [CNET Japan]
6ヶ月延長ということは、2009年7月31日まで、あらかじめXPにダウングレードされたPCをメーカーから購入できるということなのでしょうか。

▼スポンサードリンク

Posted at 2008年10月26日 | 記事URL | まとめ | Trackback(0) | Comment(0) | Top↑
1つ後の記事:2008年10月下旬~11月いっぱいのWeb制作やPCに関する記事いろいろ
1つ前の記事:30種類のソーシャルアイコン集『Social.me』














管理者にだけ表示を許可する

トラックバックURL
→http://smallwebmemo.blog113.fc2.com/tb.php/306-51354481
この記事にトラックバックする(FC2ブログユーザー)
Home