細かく描画された雑多なフリーアイコンセット４０:phpspot開発日誌
40 Big and Highly Detailed Free Icon Sets to Improve Your Designs - DesignModo 細かく描画された雑多なフリーアイコンセット４０ WEBアプリケーション用、とかではなくて、実に雑多なアイコンセット。見ているだけでもなんとなく感動してしまうぐらい緻密に描画されています。 汎用というわけではありませんが特定のジャンル向けの物に使うことができそうですね。 これぐらい描けるといいですね。 関連エントリ モダンなブラウザアイコンセット９ アイコン検索エンジントップ１０ 475種類の汎用に使えるフリーのアイコンセット
写真のようなリアルなオブジェクトを作るPhotoshopチュートリアル３１:phpspot開発日誌
31 Must Try Photoshop Tutorials in Creating Photorealistic Objects 写真のようなリアルなオブジェクトを作るPhotoshopチュートリアル３１。 次のようなリアルなオブジェクトを作るチュートリアルです。素材がない場合などはスキルのある人はこうしたものを１から作るスキルを持っていますが、これらチュートリアルから色々と学べそうですね。 ゲームボーイ。懐かしいですね・。 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 ポートフォリオデザインのためのPhotoshopチュートリアル２５ 動画で学べるPhotoshopチュートリアル２０
Appleのウェブデザインから学ぶ、ディテールを強化する9つのポイント
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter Apple [ad#ad-2] 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に使用しないと、とても素人くさい外見になってしまいます。 良いドロップシャドウを作るには、2つの重要なポイントがあります。 シャドウは繊細にする。 ページ内の光源は一貫したものにする。
次にWebを作るときに使える、センスの良い背景画像配布サイト『Subtle Patterns』 | 100SHIKI
いわゆる背景画像の配布サイトがSubtle Pattersだ。 シックでシンプルな作品がざざっと並んでいて見ているだけでも楽しいサイトである。 これらを使えば「お、シンプルで良いデザインだね！」と言ってもらえるのではなかろうか。 なお、背景画像のプレビューも可能で、このサイト自体の背景をダイナミックに変えてくれる。 次にWebをつくるときに参考にしたいですな。
フリーで新しめのXHTML/CSSで書かれたサイトテンプレート４５:phpspot開発日誌
45 High Quality CSS/XHTML New Web Templates(Free Download ) | Nerd Treasure フリーで新しめのXHTML/CSSで書かれたサイトテンプレート４５ ほとんどが初めてみるデザインの新しいテンプレートがフリーでダウンロード可能です。 是非活用させていただきましょう 関連エントリ ハイクオリティでフリーなXHTMLテンプレート61 プロレベルでハイクオリティなXHTML/CSSテンプレート集 34のフリーで綺麗なXHTML/CSSテンプレート シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０
Facebookのウォールでちょっとアピールする方法（OGP） - EC studio デザインブログ
サイトに設置した「いいね！」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか？ OGP（Open Graph protocol）の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。 弊社サービスサイトのOGP対応後 OGPを使うとどうなるの？ OGP（Open Graph protocol）を使うと、 「いいね！」を押してウォールに投稿するときに、 タイトルや概要、表示する画像を指定することができます。 通常はFacebookが自動で表示してくれます。 OGPに対応する前のデフォルトはこのように表示されていました。 OGP対応方法 htmlタグの記述 まず、htmlタグにOGP用の記述を追記します。 「xmlns:og="http://ogp.me/ns#" xm
クールな名刺作成チュートリアル３３:phpspot開発日誌
33 Tutorials to Design Your Own Business Cards | Vandelay Design Blog クールな名刺作成チュートリアル３３ 次のようなクールな名刺を作成するチュートリアルが特集されています。 デザイナーとして活躍されている方は名刺に書いてある肩書きよりも、名刺のデザインでアピールしたほうがよいのかもしれませんね。 あとで見返すこともあったりしますがインパクトのあるものはその時にも注視してしまうものです。 関連エントリ オシャレな名刺を一発作成できる５つの名刺用Photoshopテンプレート プリントして使えるクールな名刺作成Photoshopチュートリアル スーパークールな名刺デザイン３６ 裏表使えるクールな名刺のPhotoshopテンプレート５
Web業界の心得10か条 | JWDA通信 10年後のWEB業界でも役立つ情報を届ける | Web担当者Forum
最後に、デザイナー、ディレクター、プロデューサー、テクニカル・エンジニアなどさまざまな職種の方々がいらっしゃると思いますが、この先、Web業界で生き延びていくために意識しておきたい「Web業界の心得10か条」を明記します。この10項目を頭に叩き込み、実戦を心掛ければ、10年後も安泰でしょう！ Check 1 ブラウザの時代は終わったのだよ、皆さん！ Webはブラウザ上でスクロールし、その延長線上としてフルスクリーンのFlash表現があり……という既成概念は捨てるべし。我々のつくるものは、PCの画面上にあるのではなく、本来は目に見えないユーザー体験にあります。3次元ではなく、4次元的なものであるという理解も重要です。 Check 2 クラウドコンピューティングがもたらす可能性を熟考するべし！ 個人レベルのアプリケーションやデータをマイコンピュータに格納する時代は、もう終わりです。今こそ「ユビ
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
色々使えそうなフリーのPSD素材ファイル３０:phpspot開発日誌
30 Best And Free Photoshop PSD Files For Designers 色々使えそうなフリーのPSD素材ファイル３０のまとめエントリのご紹介。 種類は本当に雑多ですが使えそうな物が色々と収録されていたのでご紹介。 サイトを彩るパーツなんかに使えそうですね。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 シンプルで汎用に使えるWEBレイアウトのPSDソース「Blackbeard template」 PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」 ノートやソフトウェアパッケージ等が色々のPSDテンプレート集
ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」:phpspot開発日誌
CJ Object Scaler 3.0 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」。 幅300pxのブロックに、幅500の画像がきたらデザインが崩れてしまいますが、これをjQueryで自動補正してくれるプラグインのご紹介。 スクリプトでやってくれるため、予め自分でサイズを計算して指定しておく必要はなく、かつデザインを崩しません。 ブログなんかで、画像をアップしたけど、ちょっと大きくてデザイン崩れるかもっていう場合にも、自分でリサイズしなくてもやってくれるというのは楽でいいですね。 調整方法も２種類選べます。 ぴったりと埋める Fill 画像の表示領域をそのままで表示するFit 使い方は $(element).cjObjectScaler(options, callback) で、調整後のコールバック関数も呼べます。 $(element)
人間のために分かりやすい実用的なURLを設計する方法
URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ
独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」:phpspot開発日誌
jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまったりとあまりよいことはないですね。 かといってデザインを崩したくない場合なんかで、スクロールさせないわけにもいけないような時に使えそうなプラグインです。 以下のような自由なデザインのスクロールバーが作れます。画像を切り替えることで簡単に独自デザインにも出来ます。 で、独自デザインにしつつも、ちゃんとマウルホイールにも対応しています。 Twitterの新UIなんかでもスクロールバーが独自になっていたり
Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrのAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール
かなりクールなPhotoshop用フリーUIキット-PSDファイル50個:phpspot開発日誌
50 Free PSD UI Kits and Templates for Web Designers かなりクールなPhotoshop用フリーUIキット-PSDファイル50個。 ボタンやフォーム要素やメニュー、パンくずリストといったあらゆるURLパーツが揃ったPSDファイルのまとめエントリです。 ページのモック作成や本番のデザインにも使えそうです。そもそものクオリティが高いものばかりが選ばれており、更にPhotoshopのレイヤーに分かれていることで再配置も容易なので有益なものとなっています。 素晴らしいまとめです。 関連エントリ WEBデザインのモック作成時に役立つ手書き用PDFテンプレート集 ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」 WEBレイアウト作成用のモック作成ツールキット iPhoneアプリのモックアップが簡単に作れるサイト「iPhone Mo
無料で使えるオシャレで個性的なフォント60選
オリジナルのポスターやTシャツ作り、自分の作品のロゴデザインやイベントのフライヤーなどなど、フォントを選ばなければならない場面は多々ありますが、そんな時に役立つかもしれないオシャレで個性的な無料フォントを60種類集めました。ここ数ヶ月の間に作成された新しいフォントばかりとなっています。 無料フォント60選は以下から。Fresh Portion of 60 Expressive New Free Fonts | Template Monster Blog 01：Akashi 02：Alt Matey Typeface 03：Alt Retro 04：Alter 05：Amputa Bangiz Standard TTF 06：Banda 07：Bigmouth Font 08：Black Bonsai 09：Blob 10：Block Face 11：Blox 12：Bobsmade Fon
MdN Design｜総合情報サイト
PHPスクリプトによって動的に生成した画像をブラウザに表示させる場合、imgタグのsrc属性に画像生成用のPHPファイルを指定するが、もしこの時処理に問題があっても、エラーメッセージが確認できない。画像生成スクリプトにブラウザで直接アクセスし、エラーが出ていないか確認しよう。 imgタグのsrc属性にPHPファイルを指定した場合、エラーメッセージが出力されていてもブラウザには表示されないため、原因の特定に苦労する ブラウザのアドレスバーにPHPファイルへのURLを入力して直接アクセスし、エラーメッセージが表示されていないか確認しよう。ただし、エラーメッセージを表示させるにはdisplay_errorsが「on」に設定されている必要があるので注意する [INDEX] >>> [TROUBLE 50] MP3の外部サウンドをなぜかループできない >>> [TROUBLE 51] jQueryを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あらゆる画像にレトロ風のエフェクトをかけられる『VintageJS』 | 100SHIKI
奥行きをうまく使ったサイトデザイン集３０:phpspot開発日誌
フリーの雑多なテクスチャセット４１:phpspot開発日誌