紙テクスチャや背景画像を作成する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...
かっこいいブログをデザインしたい。 そんなあなたにおすすめなのが、『100 Nice and Beautiful Blog Design 』。海外のかっこいいブログデザイン100選だ。 以下にいくつかご紹介。 ↑のキャプチャはArtypapers - An Experiment Gone Useful。 Vikiworks Studio Carsonified Design Disese Design*Sponge Freelenz その他のリストは以下から。 » 100 Nice and Beautiful Blog Design 海外のかっこいいブログデザイ...
本連載では、ユーザビリティに配慮したFlashの正しい使い方や導入法について紹介します。 エンドユーザーのインターネット接続環境が加速度的に高速化している現在、ムービーやサウンドの要素を含んだリッチなウェブコンテンツは「当たり前」に見られるようになってきています。特に、閲覧に必要なプレーヤーアプリケーションの普及率が高く、プラットフォーム(OSや...
『 クリエイティブなWordPressで構築されたデザインサイト集:phpspot開発日誌 』
Webブラウザーだけで楽しめるWebページのジェネレーターがある。Photoshopで写真画像を加工したり、ゴリゴリHTMLやCSSを書いてデザインするのも楽しいけど、たまにはお気楽に、思いっきり手を抜いてWebページを作ってみるのはどうだろう? そのまま使ってもよし、デザインやマークアップの参考にするもよし。どれも無料のサービスなので、気軽に試せる。 CSSも画像もまとめて作...
jQueryやMooToolsなどのスクリプトを使用したダイナミックなWordPressのテーマファイルとプラグインの紹介です。 WP CODA WordPress Theme with jQuery デモ WordP [...]
『 100のNiceでBeautifulなBlogのDesign(って、ほとんど英語じゃんww) 』
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。 なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆?」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。 ↑ 検索ボックス...
このところ、“時間軸”を扱ういわゆるタイムラインサービスが、特に海外で元気があるように見えます。日本では、@nifty TimeLine がこの手のサービスとして老舗的な存在だと思いますが、それぞれに工夫を凝らしながら新しいサービスが続々と登場しているようです。時間軸を扱うサービスが出始めて、まだそれほど時間は立っていないと思うのですが、この間にもずいぶん進化...
『 非常に良いデザイン。ただ画像表示をオフにすると何も見えない><まぁ、「選ぶ決め手は一目惚れ」(http://matomeno.in/abouts/)と言ってるからなぁ…… 』
デザインパターンMLに結城浩さんが投稿されてて興味を持ったのですが、昨日は睡眠欲に勝てず読めずじまいだったです。が、さっき読んでみたら、おもしろかったので翻訳してみました。 この「訳」の著作権は破棄しますので、商用非商用自由ですが、勝手翻訳で承諾を受けているわけではないのでその辺は承知おきください。じゃあ何で公開したのかというと、文中に「知的...
[1] 技術者にとって、デザインは鬼門だ。システムはどんどん作れても、デザインが乏しいと急速にやる気をなくしたり、プロジェクト自体が頓挫してしまう。 そこで私自身はデザインは極力外部から持ってくる事にした(または手伝ってもらう)。そうした時に役立つのがこのサイトだ。 今回紹介するのはOpen Designs、オープンソースのデザインテンプレート配布サイトだ。 [1] ht...
Web サイトのレイアウトに関しては、横幅を固定した固定レイアウト、ブラウザのウィンドウサイズと連動するリキッドレイアウト、文字サイズと連動するエラスティックレイアウトの 3種類がよく使われますが、どのレイアウトが一番文章が読みやすかったり、利便性が高いのかって考えたときに、当然好みは人それぞれ。 じゃあ、その人の好みで、3つのレイアウトを切り替えら...
『 グレースケールな10x10のミニアイコンが113種。CreativeCommonsAttribution-ShareAlike2.5ライセンス。 』
我が家のペット・インパクト映像で賞金ゲット☆ご自慢のペットをモビゾーデビューさせてみないか!?締め切り間近!10月14日まで!急げ〜 ラクガキボード・イベント開催中!! 東京タワーと坂本竜馬にラクガキしちゃって賞金ゲット☆自分のブログにもイベント用ボードを貼り付けられるぞ。10月31日まで作品募集!
『 かなり不思議な雰囲気の写真家。jeffwall-gregorycrewdsonっぽい。 』
PHPとJavaScriptをメインに覚書メモをカテゴリ別に公開中! 痒〜いトコロに手の届く孫の手サイトを目指してます(笑)。 みなさまのお役に立てるコンテンツやプログラムがあったら幸いです。 更新履歴 2006/04/03 サイトデザインを春らしく爽やかにリニューアル(CSSいじっただけですが) 2006/04/02 Windows Media エンコーダ 9シリーズの使い方 up! 2006/04/02 R...
『 サイトのロゴに使えそうなフリーフォントまとめ 』
Photoshopを使って、ボタンを作るチュートリアルがど~んと、まとめて39個。 いろいろなタイプのボタンが作れますね。 その中からいくつかピックアップしてご紹介。 1. BlogWatts: A Different Stlye of Web 2.0 Buttons 2. PSCloud: Create a Navigation Bar Like the Current Apple Site 3. PhotoshopStar: Carbon Fibre Navigation Button Tutorial 4. Boonage: Perfect Shine Photoshop Button Tutorial 39種類一通り、マスターす...
『 >>入力フォームでは、ユーザにとって見慣れない項目、予期できない項目をサイト運営側が求めるケースがあります。その場合、ユーザが間違いなく入力できるよう、説明文章(ヘルプテキスト)を記載するといった配慮が必 』