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

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

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

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

Webデザインのキーワードのタグからお役立ちネタを検索 + 角丸

[ スポンサード リンク ]
101件中 1件 ~ 20件 [ ← 前ページ ] [ 次ページ → ]
日付順注目順
[JS]div要素に角丸やフェードのボーダーをスタイリングするスクリプト -DivCorners | コリス Webデザイン フィード

div要素で配置した矩形に、シンプルなボーダーや角丸、フェードのボーダーをスタイリングするスクリプトをroydukkeyから紹介します。DivCorners デモページボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。 上記キ...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery 角丸 webデザイン javascript 画像
2010/03/02 18:23:35  coliss.com
[CSS]CSS3で何ができるの? という時にみておきたいサイト集 | コリス Webデザイン フィード

角丸、ドロップシャドウ、グラデーションなど多彩で面白いスタイルをCSS3では簡単な記述で実装できます。CSS3でいったい何ができるのか、どのように記述するのかなど、ベーシックなものから実践的なテクニックまでサンプルやコ [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css CSS3 webデザイン まとめ web制作
2010/02/10 9:07:21  coliss.com
IEをモダンブラウザのように扱う方法10 | CREAMU Webデザイン フィード

IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹介しますね。HTML5をI...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
ie html5 jquery javascript html
2010/02/03 18:21:28  blog.creamu.com
[CSS]CSS3を使って、より美しいスタイルを適用するチュートリアル | コリス Webデザイン フィード

CSS3の角丸やシャドウ、グラデーションを使用して、より美しくスタイルを適用するチュートリアルをAbduzeedoから紹介します。Playing with CSS3 demo キャプチャはChrome3CSS3に対応しているブラウザでは上記のように、角丸やシャドウ、グラデーションのスタイルが適用さ...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css3 css webデザイン 角丸 チュートリアル
2009/12/13 0:01:44  coliss.com

Windows 7が発売されたが、最近ではデスクトップのOSにもLinuxが選ばれるケースが増えている。この記事では、Windows 7とUbuntuを10項目で比較する。企業のITマネジャーはここ3年ばかりWindows Vistaに手を焼いていたが、最近はデータセンターのサーバだけでなくデスク...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
ubuntu Windows7 windows linux os
2009/11/11 20:02:24  builder.japan.zdnet.com

でっかいロゴに飽きてきてヘッダをコンパクトにしたくなったので、少し前からサイトのスタイルを色々いじっていた。ナビと検索フォームとロゴを一段に並べるのはかなり難しかったので、ロゴをアイコンにして無理やり詰め込むことにした。border-radiusまくり。緑の流行はまだまだ続くらしいので色はこのまま...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webdesign webデザイン design 角丸
2009/11/02 16:01:18  hail2u.net
jQueryを使ってCSSを補強するテクニック15 | CREAMU Webデザイン フィード

Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。ざっといくつかご紹介。jQueryでカラムの高さを統一する equalHeights pluginを使って、一行でカラムの高さを同じにする入力中のフォームをハイライトする highlighti...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery css webデザイン tips javascript
2009/10/23 12:03:28  blog.creamu.com
[CSS]角丸を使用しないで、四隅をすっきりみせるスタイルシート Webデザイン フィード

�q1px rounded corners/smart faking �qdemo仕組みはdivを二つ使用し、paddingとmargin、もしくはmarginとborderで「1px欠け」を実装しています。HTMLCSS(padding&margin).example1 .outer {back...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
CSS Web制作 Webデザイン tips HTML
2009/10/09 9:29:36  coliss.com
[JS]クロスブラウザ対応の画像を使わずに角丸を生成するスクリプト -corners.js | コリス Webデザイン フィード

画像を使わずに、パネルの四隅を角丸にする軽量のスクリプトをthe css blogから紹介します。Creating rounded corners (the "Deviant art's" [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript css 角丸 web
2009/07/06 16:01:15  coliss.com
CSSやHTMLを知らなくてもレイアウトやタブや角丸が作成できる -Layout Generators | コリス Webデザイン フィード

CSSやHTMLを知らなくても複数のカラムやグリッドレイアウト、タブ、角丸などがオンラインで簡単に作成できるLayout Generatorsを紹介します。Layout Generators各ジェネレーターはプレ [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン webサービス ジェネレータ web制作
2009/06/10 8:35:53  coliss.com
[JS]画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト -DivCorners | コリス Webデザイン フィード

画像を使用して、divの矩形を角丸やグラフィカルにするスクリプトを紹介します。DivCornersdemo角丸にするdivは入れ子にする必要がなく、下記のようにスクリプト側で配置する画像を設定します。demo [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript 角丸 webデザイン plugin
2009/04/20 20:01:13  coliss.com
画像を使わずに角丸を描画する『Liquid Canvas』 | CREAMU Webデザイン フィード

「ruzee.com」で、HTMLのcanvas要素の中に描画できるJavaScriptライブラリ「Liquid Canvas」が公開されています。↑のような背景が作れてしまう、とのことですね。デモは以下から見られます。» Demo » basic exampleブラウザはFx, IE6, Saf...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
JavaScript jquery library webデザイン webdesign
2009/03/11 4:00:46  blog.creamu.com
透過背景の角丸ブロックを作成するCSSサンプル:phpspot開発日誌 Webデザイン フィード

Blurry Background Effect 透過背景の角丸ブロックを作成するCSSサンプル。 次のような透明で角丸型のブロックのサンプルの閲覧とダウンロードが可能です。 これはなかなかトリッキーなテクニックですね。 関連エントリ便利なCSSテクニック30選 ページ全体に枠線をつけるCSSテク...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン 角丸 Web制作 半透明
2008/12/26 4:04:19  phpspot.org
簡単に色々な種類の角丸ボックスが作れる「DD_roundies」:phpspot開発日誌 Webデザイン フィード

DD_roundies: Another (better?) round-corner HTML box concept 簡単に色々な種類の角丸ボックスが作れる「DD_roundies」 角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んでおく必要があります)。 DD_roundi...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
javascript css library web制作 webデザイン
2008/12/07 20:00:50  phpspot.org
[JS]簡単に角丸のサイズの個別指定ができる超軽量のスクリプト -DD_roundies | コリス Webデザイン フィード

DD_roundiesは、画像やテーブルなどを使用しないで、エレメントを角丸にする超軽量(4KB弱)のスクリプトです。DD_roundies使用方法は簡単で、「DD_roundies_0.0.1a-min.js」を外部ファイルで指定し、スクリプトでクラスやidごとに指定をします。DD_roundi...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
javascript css webデザイン web制作 角丸
2008/12/05 20:00:59  coliss.com
[CSS]一枚の画像で、四隅が角丸のパネルを実装するスタイルシート | コリス Webデザイン フィード

Usability Postから、一枚の画像で、四隅が角丸のパネルを実装するスタイルシートを紹介します。Scalable Content Box Using Only One Background Image demo仕組みは、全体を囲む「div」と見出し「h2」に同じ背景画像を指定し、それぞれポ...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン 角丸 web制作 design
2008/12/01 16:01:11  coliss.com
はてブ追加時の「コメント」ボタンが紛らわしい問題 - 聴く耳を持たない(片方しか) Webデザイン フィード

昨日から続いて、今日はデザイン面でのはてなブックマーク改善案……というわけでもないのですけれども、ちょっと気になった点。 ところてん - 日記/2008年11月28日/はてブのブックマークレットのアフォーダンスが悪い出っ張ってる印象を与えるオブジェクトはボタンに見える。 で、ついクリックしてしまう...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
ui はてブ はてな hatena はてなブックマーク
2008/11/29 0:01:29  d.hatena.ne.jp

『 デジャブhttp://b.hatena.ne.jp/entry/http://phpspot.org/blog/archives/2008/04/jquerylightboxp.html 』

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript lightbox 角丸 phpspot開発日誌
2008/11/19 20:04:43  phpspot.org
[JS]画像を使用しないで角丸を実装するスクリプト -jQuery Corners | コリス Webデザイン フィード

submit, buttonを角丸にしたデモ対応ブラウザは、IE6+, Fx2+, Op9+, Safari2+, Chrome, iPhoneとなっています。オプションでは、角丸のサイズ、アンチエイリアスの有無、角丸を適用するコーナーの指定などができます。 スクリプトはjQueryのプラグインの...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
javascript jquery 角丸 webデザイン web制作
2008/11/16 4:05:04  coliss.com
グラデーションや角丸を使用したエレメントを簡単に作成できるジェネレーター -Fresh Generator | コリス Webデザイン フィード

Fresh Generatorは、グラデーションや角丸を使用したエレメントを簡単に作成できるオンラインジェネレーターです。Fresh Generator作成できるエレメントはPNG形式で、表示されている画像を右クリックでダウンロードします。作成画面では、「Box」ボックスのサイズ・色・不透明度・影...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
ジェネレータ webデザイン 素材 webサービス generator
2008/11/02 20:02:49  coliss.com
[ スポンサード リンク ]
101件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
Webデザインの情報・記事まとめサイト デザインフィード゛テータベース