紙テクスチャや背景画像を作成するPhotoshopのチュートリアルの紹介です。 フリーの素材集も便利ですが、形状や色を変更し自分好みのテクスチャを作成することもできます。 Frosted Wallpaper Swirl Pattern Using Filters and Gradients Create an Awesome Grass Texture How To Make An Awesome Grungy Paper Texture Craft a Vintage Fifties Letter Leather texture Making a Wood Texture Create a Realistic Wood Texture Create a Realistic Stone Texture brushe...
こんにちは、purprin です。 秋ですね。まだまだ残暑がつづきますがいかがお過ごしでしょうか。 今日はみなさまにお知らせです。 なんと今回はご縁あって、日本語版 Twitter チームが開発する、新しいコミュニティサービスの基調デザイン制作を担当することになりました！！ Twitter をより楽しむためのサービスという位置づけとのことなので、楽しい雰囲気が出せるようにがんば...
UIのデザイン委託先ですが、エスカフラーチェLLC 山田あかねさん @purprinにお願いすることになりまた。コミュニティとディレクトリのスタイルシート作成を依頼することにしています。また、UIの基調についての会議の模様を9月5日金曜日午後4時からUストリーミングで会議の模様を中継します。UストリーミングIRCでの参加もできますので、お時間のある方はのぞいてみてください...
『 クリエイティブなWordPressで構築されたデザインサイト集:phpspot開発日誌 』
Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gallery Javascript Image Gallery Using Mootools (E)2 Photo Gallery Slider Gallery Coverflow in Javascript ProtoFlow Spacegallery JonDesign's SmoothGallery 2.0 jQuery Gallery Flickrshow. Galleria jqGalViewIII easyALBUM slideViewer Interface Slideshow Image Transition Manager Highslide JS MooPix LightWindow v2.0 ThickBox Not so simpl...
Smashing Magazineのエントリーから、シンプルなラインがかわいいフリーのアイコンセットを紹介します。 Simplicio: A Free Icon Set アイコンは78個がセットで、PNG(32 [...]
Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示 [...]
Webブラウザーだけで楽しめるWebページのジェネレーターがある。Photoshopで写真画像を加工したり、ゴリゴリHTMLやCSSを書いてデザインするのも楽しいけど、たまにはお気楽に、思いっきり手を抜いてWebページを作ってみるのはどうだろう？ そのまま使ってもよし、デザインやマークアップの参考にするもよし。どれも無料のサービスなので、気軽に試せる。 CSSも画像もまとめて作...
SFS Site From Scratchから、HTML/XHTMLの各要素が配置されたスタイルシートのチェック用のテンプレートを紹介します。 HTML XHTML for CSS Testing こういうのを作ろう [...]
ようこそ「リグレト」へ！ リグレトは、日々の小さな『ヘコみ』や『後悔』に対して お互いが『なぐさめ』を送りあうことで、元気づけあえる場所です。 このサイトを閲覧するには、Macromedia Flash Player9以降が必要です。 お手数をお掛けしますが、ブラウザのJavaScriptをオンにし、下記のリンクよりFlash Playerをダウンロードしてください。
『 100のNiceでBeautifulなBlogのDesign（って、ほとんど英語じゃんｗｗ） 』
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
『 非常に良いデザイン。ただ画像表示をオフにすると何も見えない＞＜まぁ、「選ぶ決め手は一目惚れ」（http://matomeno.in/abouts/）と言ってるからなぁ…… 』
テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 Dynamic Recessed Watercolor Typography Colorful Typography Big Typography Snowboarding Poster Using Light And Shadow Scanline Text Colorful Glowing Text Effect Creating an elegant logo Moon Shine Text Effect Elmas Yazı Efekti Colored chrome text effect Army text style...
『 商用利用も可能。PSDファイルもあり。via:http://coliss.com/articles/build-websites/operation/design/1442.html 』
『 背景画像やテクスチャ画像のリソース１３サイトということで、いろんな画像配布サイトがまとまってました。 』
『 via:http://phpspot.org/blog/archives/2008/08/lightboxsexylig.html 』
ウェブページで表示するフォントの種類が変われば、文字の見た目の大きさが変わってしまい、レイアウトが崩れてしまうことがある。デザインの統一感や可読性のためにも、文字の見た目の大きさが変わらないように注意しよう。 表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては...
Webページを構成する技術を超初心者向けに説明。まずは基本の基本である「HTML」について。ハイパーなタグ付きテキストを一緒に解読しましょう インターネットはHTMLでできている？ インターネットの利用者は総務省の調べによると、平成18年度のおととしの時点で8754万人に達したそうです。人口に対する普及率は68.5％で、およそ7割の人が、インターネットを利用している...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
