pdweb.jp プロフェッショナルデザインの総合Webサイト
●リレーコラム：若手デザイナーの眼差し 第142回 田中聡一朗／デザイナー（3/6） ●澄川伸一の「デザイン道場」 その67：漂うものを掴まえる話…達人のことば（3/1） ●神が潜むデザイン 第59回：1本の蝋燭／吉添裕人（2/13） ●From 3D Creators ●好評連載コラム：3Dプリンタの明日を妄想する ●新世代デザイナーの グランドデザイン 第12回：山極博史（デザイナー、家具職人） 第11回：西村ひろあき（プロダクトデザイナー） 第10回：江口海里（プロダクトデザイナー） ●PDW INTERVIEW タカラトミーの次世代おもちゃ戦略 ソニーらしさをディテールに秘めるXperiaの歩み 最新クリエイターリンク集 ●編集後記を更新しました（3/1） ●新刊案内『3D造形クリエイターズファイル』 3月19日発売！ ●新刊案内『Autodesk Fusion 14日間入門コース
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
2010年に備えて、知っておきたいウェブデザインのトレンド
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
白黒ベースのサイトを作りたい時に役立ちそうなWeb素材やWebデザイン例などのまとめ
最近、白黒カラーベースのサイトを 作成したのですが、その際に色々と 参考にしたアイコンやバナーなど のWeb素材やインスピレーション 向上の為のWebデザイン例に なりそうなサイトをまとめておきます。 結局アイコン等は使わなかったんですが、また作る時の備忘録としてメモ＆シェアしたいと思います。ライセンスはそれぞれご確認を。多少重いかもしれません。アイコン、ボタンやバナー、その他の素材、ギャラリーと続きます。 アイコン白黒やグレーのアイコンいろいろ。 40 greyscale icons グレースケールアイコンパック。 40 greyscale icons twotiny 白黒のミニアイコンが沢山。 twotiny 165 vector icons 165のうち、66が白黒のアイコン。 165 vector icons bwpx.icns かなりの数の白抜きミニアイコンが揃っています。 bw
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
これはもう使用しない方がいいウェブデザインのトレンド
昔流行ったけど、これはもう使用しない方がいいものや人気がすたれているウェブデザインのトレンドをWeb Design Ledgerから紹介します。 Most Used and Abused Web Design Trends of All Time 以下、その意訳です。 過激な表現も一部あるので、留意ください。 はじめに 鏡面反射 アクア フラリッシュ コーヒーカップ 地球 コミックフォント ストックフォト ペーパー ポラロイド 特大のRSSアイコン 音の自動再生 カウンター マーキー ブラックの背景 スプラッシュページ スキップの無いイントロ ブラックの背景 はじめに トレンドは、ウェブデザインにおける良くないキーワードではありません。実際に、下記のリストのものはその時々でウェブデザイナーを鼓舞させました。これらのアイデアは影響が非常に大きくかったので、大量のクローンが作りだされました。
ウェブデザインの幅をひろげる20のキーワード | コリス
20 Vital Techniques & Best Practices For Effective Web Design 下記、各エッセンスの簡単な説明とワンポイントとサイトの紹介です。noupeのサイトでは他にも多くのサイトが紹介されています。 1. ビビッド カラー 2. グラデーションとライトのエフェクト 3. 透過 4. グランジ 5. 手書き風のデザイン 6. 押さえた色味 7. 水彩画のエフェクト 8. ネイチャー系のエレメント 9. 写実的でリアルな背景 10. 特大のタイポグラフィ 11. デコラティブなタイポグラフィ 12. 大胆な背景 13. レトロやヴィンテージのエレメント 14. アイキャッチなヘッダ 15. コラージュしたエレメント 16. テクスチャを使った背景 17. タブ型のナビゲーション 18. ブラックとホワイト 19. 水平方向のスクロール 20.
Beautiflができるまで〜制作レポート〜 | ClockMaker Blog
先日公開した自主制作で作ったギャラリーサイト「 Beautifl 」ですが、おかげさまで順調なスタートを切ることができました。仕事とは別に趣味の時間だけを使って10日ぐらいで作ったのですが、せっかくなので制作レポートをまとめてみました。 きっかけ ことの発端は、とあるFlasherの懇親会。その席にはdokeさんやsoundkitchenさんらがいたのですが、wonderflについて話す機会がありました。「wonderflの作品をカテゴリーで分類したサイトがあったらいいんじゃないか」「演出の注文に役立つので、デザイナーにwonderflを見るように勧めている」と言った話で盛り上がっていたのですが、今考えるとその意見をまるまる採用させて頂きました。ただその時は、私がサイトを作ろうとは思っていませんでした(笑) サイトの作り方 実際に作ろうと思ったのは8/21(金)です。ちょうど仕事も一時的に
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
縦に長すぎるサイトは要注意！！スクロールは短めに！｜Yahoo! ビジネスエクスプレス 掲載審査の落とし穴
今回は、健康食品の通販サイトでNGとなった事例をご紹介します。 このサイトは、トップページに商品画像や商品バナー、テキストリンクが多数あり、20回以上はスクロールしないと、ページ全体が確認できなくなっていました。 Yahoo!さんからは、下記のようなご連絡を頂きました。 お客様のサイトを拝見いたしましたところ、多くのページが縦に長い構成となっており、サイトが閲覧しにくくなっております。コンテンツを複数のページにわけて掲載していただくなど、サイトの構成、ナビゲーションをご改善ください。 1ページ内に商品や画像ををたくさん載せたいのはやまやまですが、それが原因でページが縦に伸びてしまうと、デザインが崩れたり、サイトが使いにくくなってしまいます。 1ページに掲載する情報は、ページが長くなり過ぎていないか、注意しながら掲載する量を調整しましょう！ Yahoo!のこの審査基準に引っかかった！ サイ
名古屋アートライフ - 名古屋のアートライフを彩るWEBマガジン
【PR】本記事のリンクには広告が含まれています。記事内で紹介したサービスを申し込みされた際、売上の一部が当サイトに還元されることがあります。 中部最大の都市である名古屋市は商業、工業の核となる都市で愛知県の中心でもあり、トヨタを中心に多くの中小企業があります。 その名古屋で今、中小企業や個人事業主の資金調達にファクタリングが選ばれているのをご存じでしょうか？ ファクタリングとは、事業者同士の取引で発生する請求書や売掛金を専門のファクタリング会社に買い取ってもらう金融サービスです。 支払いサイクルが長かったり、急な資金繰りを求められた際に即日審査、資金化まで実現できるので利便性が高く人気なのです。 企業経営は景気の先行きが不安な中、急な資金繰りや資金調達も柔軟性とスピードが求められます。 そこで、愛知・名古屋の経済の状況について詳しく解説します。 名古屋で資金繰りにお悩みの企業・個人事業主の
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
CSSの実装状況で変わるボックスのデザイン方法
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができること CSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
%26utm_content%3DGoogle%2BReader)
CBCNET > Dots & Lines > 野澤 智 > 5. ARの可能性 : モバイルからウェブまで (後編）
bookma! - 404
新着記事
http://creators.biglobe.ne.jp/arena/zoukei/ehon/index.html
新着記事
フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集:phpspot開発日誌
新着記事
