Webデザイン・デザイナーの制作に役立つネタまとめ ~ デザインフィードデータベース

Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください~。

~ Webデザインをするのに必要なもの ~

Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。

Webデザイン・デザイナーが使えるネタを詳細に検索できます

[ 検索内容 ] 時期 :  キーワード :  (スペース区切りでor条件)
[ 検索対象 ]     
[ Feeling Lucky ]
[ ドメインリスト ※記事数上位 ] hyper-text.org Webデザインのネタ
[ スポンサード リンク ]
32件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
[ ソート ] 日付順 注目順
TypeKit で広がる Web デザインの可能性 | WWW WATCH Webデザイン フィード

今年の 5月頃に発表されて、@font-face 時代の幕開けだぜと期待をふくらませていた Web サービス、「TypeKit」 が正式に公開され、誰でも使用できるようになりました。Typekit is live : The Typekit BlogTypeKit は、著作権問題をクリアした多くの...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
webサービス font フォント webデザイン webservice
2009/11/11 20:02:26  hyper-text.org
5分でわかる Tumblr の始め方 | WWW WATCH Webデザイン フィード

すでに使っている人には今更なんですが、これから始めるって人向けに簡単なまとめ。Tumblr といってもその用途は人それぞれ。自分の Blog として使う人もいるでしょうし、情報収集のツールとして使い人もいるでしょう。今回は情報収集 & クリッピングツールとしての使い方に主眼を置いて紹介してみようと...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
tumblr webサービス まとめ Tips webservice
2009/04/27 12:01:05  hyper-text.org
常用中 Firefox 3 アドオンのまとめ | WWW WATCH Webデザイン フィード

1年に 1回は書いているこのネタ、懲りずに私が個人的に日常利用している Firefox アドオン(+ Greasemonkey ユーザースクリプト)を挙げてみました。Firefox 3 対応のアドオンのみを集めています。アドオンはあんまり数多くインストールすると結構重くなるので注意してくださいね。...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
firefox まとめ アドオン addon あとで読む
2009/04/20 8:00:41  hyper-text.org
2009年の Web デザイントレンド 2 | WWW WATCH Webデザイン フィード

先日、「2009年の Web デザイントレンド」 というエントリーで紹介した Smashing Magazine の記事、 「Web Design Trends For 2009」 ですが、予告通り続きが公開されていたので紹介します。前回のエントリーよりレイアウト手法などにすこし範囲広げて、21の...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
webdesign まとめ webデザイン web あとで読む
2009/01/27 20:00:58  hyper-text.org
2009年の Web デザイントレンド | WWW WATCH Webデザイン フィード

Smashing Magazine にて、今年 Web デザインのトレンドとなりそうな傾向をまとめた 「Web Design Trends For 2009」 という記事が上がっていましたのでご紹介。ちなみに、元記事は今年の 2回に分けての記事とのことでまずは今年トレンドになりそうな 10のデザイ...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
webデザイン webdesign まとめ デザイン トレンド
2009/01/16 12:01:03  hyper-text.org
2008年最も人気のあったフリーソフト | WWW WATCH Webデザイン フィード

近いうちにライフハッカー日本語版でも公開されるかもしれませんが一足先に。本家の lifehacker にて 2008年で最も人気のあった Windows 向けフリーソフトウェアの一覧が公開されています。といっても紹介されているソフトウェアは Windows 専用のみというわけではないですので、Ma...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
まとめ tool windows software ソフトウェア
2008/12/17 12:00:46  hyper-text.org
MT の管理画面に Basic 認証 | WWW WATCH Webデザイン フィード

知っている人には当たり前すぎて何をいまさらな話ですが、ちょっと質問されたのでメモついでのエントリー。Movable Type の管理画面 (mt.cgi) が丸見えなんで、そこに Basic 認証をかけたいって場合、MT のインストールディレクトリ以下のディレクトリに普通に Basic 認証かけち...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
movabletype htaccess security mt web制作
2008/08/04 8:03:26  hyper-text.org
pocketer » iddy でミニ名刺 | WWW WATCH Webデザイン フィード

ブロガー向けプロフィールページASP 「iddy」 とオンラインでオリジナルのミニ名刺が簡単に作れる 「pocketer (ポケッター)」 が連携。iddy で公開しているプロフィールデータを使って簡単に pocketer のミニ名刺が作れるようになりました。pocketer は、3cm × 7c...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
iddy photo 名刺 webサービス webservice
2008/03/14 8:02:17  hyper-text.org
clip プロパティで画像をトリミング | WWW WATCH Webデザイン フィード

phpspot 開発日誌さんで、「CSS の Overflow を応用して画像を綺麗にリサイズ表示するサンプル」 という記事が上がっていたのですが、この手の一部トリミングだったら clip プロパティがちゃんと用意されてるんでそっちを使ってもできるんじゃないかということで、clip プロパティを使...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
css image web制作 clip 
2008/02/24 16:01:53  hyper-text.org
CSS セレクタに関するおさらい 3 | WWW WATCH Webデザイン フィード

前回の続きです。今回が最終回、擬似要素を中心にまとめています。 擬似要素についてですが、CSS3 では擬似クラスと擬似要素を明確に区別するため、擬似要素に関しては、「:」 を 2回使って、「::」と記述することが定義されています。CSS2 までに準拠してコーディングする場合は従来どおり、「:」 1...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
css selector css3 webdesign web
2007/11/24 10:45:39  hyper-text.org
colgroup / col 要素を活用してみる | WWW WATCH Webデザイン フィード

table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのにな...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
css html tips table xhtml
2007/11/22 8:56:13  hyper-text.org

404 Blog Not Found さんにて、「CSS - スクロール可能なテーブル w/o JavaScript」 というエントリーが上がっていて、これ見た時にその HTML ソースはないなぁ、、と思ったのと同時に、tbody に CSS を適用して overflow:auto とかすれば終わ...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
HTML css table web制作 webdesign
2007/11/22 8:56:13  hyper-text.org
滑らかに開閉するメニューのサンプル | WWW WATCH Webデザイン フィード

滑らかに開閉するメニューのサンプルEntry InformationyoshiDecember 3, 2006 - 16:46.html/css以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用して...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
javascript css webデザイン webdesign web
2007/11/22 8:56:13  hyper-text.org
!important だらけの CSS にお別れを | WWW WATCH Webデザイン フィード

CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。で、結果として !important 宣言を連発、気が付いたら CSS が !i...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
css tips webdesign webデザイン あとで読む
2007/11/22 8:56:13  hyper-text.org
「ブックマークに追加」 ボタン Webデザイン フィード

サイトリニューアルの際に、旧デザインで各エントリーページに付けていた、hatena ブックマーク、del.icio.us 等ソーシャルブックマークへの追加ボタンをはずしてそのままにしていたのですが、これを再度掲載することに。その際、単にアイコンを並べただけでは味気ないので、ちょこっと小技を効かせて...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
javascript blog sbm webdesign css
2007/11/22 8:56:13  hyper-text.org
pre 要素に対する印刷用 CSS | WWW WATCH Webデザイン フィード

pre 要素に対する印刷用 CSS Entry Information yoshi November 18, 2007 - 23:35. html/css サイトリニューアルと同時に印刷用スタイルも書いてみたんですが、ふと気がついたのは、pre 要素の中身って印刷するとき紙からはみ出しちゃって全部...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
CSS tips print 印刷 pre
2007/11/19 15:01:58  hyper-text.org
optgroup 要素を CSS でひと工夫してみる | WWW WATCH Webデザイン フィード

フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
CSS Web制作 XHTML webデザイン tips
2007/11/18 11:10:28  hyper-text.org
パンくずリストがベストとは限らない | WWW WATCH Webデザイン フィード

最近ウチの会社の中の人も書いていました、Web サイトのナビゲーションとしてよく使われる 「パンくずリスト」 (Topic Path なんて言い方もしますね) ですが、マークアップの仕方はどういう方法がいいとか、そもそもパンくずリストって必要なの? なんて話まで、最近よく目にする気がします。 個人...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
HTML css XHTML web design
2007/11/18 11:10:28  hyper-text.org
line-height に単位ありの指定は駄目? | WWW WATCH Webデザイン フィード

最近、CSS の line-height プロパティに指定する値は単位なし (<number>) が良いという話が話題になっているようです。別に今に始まった話題ではないんですけども、最近この話題に触れている記事の中に、ちょっと気になる書き方をされる方がいるのでちょっと書いてみます。

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
css tips webdesign Webデザイン web
2007/11/18 11:10:28  hyper-text.org
Ajax、CSS、PHP などのチュートリアルまとめ | WWW WATCH Webデザイン フィード

Ajax、CSS、PHP、Flash、JavaScript などを使用して何か作ろうと思った時に、1からすべて考えるのではなく、他の人が過去に作っているサンプルなどを参考にできたらとっても助かったりします。ということで、これら様々なチュートリアルをまとめたサイトを紹介。Digg 経由。 Tutor...

[ 詳細データを見る ] [ 関連 ] [ ニコニコ風 ]
css ajax php まとめ tutorial
2007/11/18 11:10:28  hyper-text.org
[ スポンサード リンク ]
[ スポンサード リンク ]
32件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
Webデザインの情報・記事まとめサイト デザインフィード゛テータベース