Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹介... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。Design Trends (Predictions) in 2010下記は、各ポイントを意... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。プロパティやセレクタ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
『 Art-communityofartistsandthosedevotedtoart.Digitalart,skinart,themes,wallpaperart,traditionalart,photography,poetry/prose.Artprints. 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
次のようなAppleっぽいクールなボタン作成のための素材とチュートリアルが公開されています。 PSDファイルもHTMLソースもダウンロード可能なので、ちょっと変えて実装してもよさそう。 背景が透明でも影付きで表示OKのようですね。 以下のエントリを参照してください。 Developing pret... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これはすごく便利。Easy Front-End Frameworkは今風のウェブサイトを作る際に使えるテンプレートである。HTML、CSS、Javascriptが全部含まれているので、見出しや本文、テーブルといったスタイルだけではなくて、Tooltipsや浮かび上がってくる画像なども簡単に作れる点... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[PHOTO STOCKER] フォトストッカーは無料の写真素材配布サイトです。 商用利用もOK! Webデザイン フィード](/thumbnail/368016.png)
趣味＆いつか仕事で使えるかもと撮り貯めた写真を無料で公開しています。 使えそうなものがあったら、是非あなたの制作活動にお役立て下さい☆ ありとあらゆる制作活動に無料で許可なくご利用いただけます。可能なこと個人の利用商用サイトでの利用制作会社の使用学校の教材としての利用印刷物で利用していただいてもO... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのweb... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ローカル環境にストックしていた日本国内、海外サイトで商用OKなWeb素材を配布しているサイトのリンク集が結構な量になってきたので出来る限り多くの方とシェアしたいと思ってエントリーします。 懐の広いクリエイターさん方に感謝します。このリンク集は商用サイトでも利用が可能（Commercial use）... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。WEB UI Treasure Chest v... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
|
『 ボタンのCSSでの実装を、段階を追って説明している。我流以外の方法を知りたい時に。 』 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSSで作るシンプルかつクールなボタンサンプル「Simply-Buttons v2」。 次のような丸みを帯びたボタンや、角丸の綺麗なボタンのサンプルがダウンロード可能です。 CSSでスタイリングして、更にJavaScript で押した際のイメージ切替が行われます。 ボタンを押すと以下のようにボタン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]CSSスプライトにアニメーション効果を加えるスクリプト -AutoSprites | コリス Webデザイン フィード](/thumbnail/352739.png)
ナビゲーションなどによく使用されるCSSスプライトにアニメーション効果を加えて簡単にセットアップできるスクリプトをNew Media Campaignsから紹介します。AutoSprites – A jQuery Menu Plugin demoデモでは、リスト要素で実装されたナビゲーションに一枚... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+1にしてみました。サンプルサイトを見るサンプルをダウン... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Services_ShortURL」 ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。 このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとし... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。いくつかご紹介しますね。Open Web design.org フリーのデザインテンプレートがダウンロードできるコミュニティーサイトOpen Design Community 1,000を超えるXH... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
これは最近お世話になった絵を入れるフレームの素材です。 それと併用して使った背景画像も合わせて紹介しておきます。 [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
CSSでリストを整形するなら覚えておくべき８つのリストデザインサンプル集。 リストデザインというと、CSSの整形方法によって様々な見せ方が可能ですが、ソースコード＆チュートリアル付きがまとまったエントリが公開されています。 リストデザインの際は、いつも単調になりがち、という方は覚えておくと、ちょっ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
jScrollPane スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」。 ちょっと前に話題になっていたような気がしますが便利なのでご紹介。 デザインサイトなどで、スクロールを使ってしまうとOSによって見栄えが変わってきてしまって全体のデザインを崩してしまい... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
