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

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

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

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

Webデザインのキーワードのタグからお役立ちネタを検索 + 吹き出し - 噴出し風JavaScript

[ スポンサード リンク ]
29件中 1件 ~ 20件 [ ← 前ページ ] [ 次ページ → ]
日付順注目順
吹き出し風CSSデザインをオープンソースで「CSS Arrow Please」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ Webデザイン フィード

Twitterをはじめコミュニケーションが基本のサービスで欲しくなるのが吹き出し風のデザインです。そんなデザインをオンラインで簡単に作成できるのがCSS Arrow Pleaseです。 0

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン css3 デザイン web制作
2012/04/28 18:20:26  www.moongift.jp
[CSS]三角・丸・アロー・吹き出し・アイコンなど、全200種以上のさまざまな形状をつくるスタイルシート -Neo CSS | コリス Webデザイン フィード

画像を一切使用せずに、さまざまな形状をつくるスタイルシートを紹介します。 Neo Sample 各デモはマウスホバーで、その形状をつくるコードが表示されます。 Eample 1 ただ、残念なことにコードに記述がミスがある [...]

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css css3 アイコン WEBデザイン web制作
2012/04/20 12:20:25  coliss.com
cssarrowplease Webデザイン フィード

『 経由・日本語解説:http://www.aivy.co.jp/BLOG_TEST/nagasawa/c/2012/05/csscssarrowplease.html 』

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css3 css generator 吹き出し webサービス
2012/04/15 18:20:26  cssarrowplease.com
[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please! | コリス Webデザイン フィード

HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: rela...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css CSS3 webサービス Webデザイン チュートリアル
2012/04/13 12:20:23  coliss.com
デザインから選ぶjQueryツールチップ5つ | ウェビメモ Webデザイン フィード

ちょっとした解説や情報を表示したい時、あらかじめデザインに当てはめておくよりも 必要な時だけに表示させる方が より目を引く場合があります。 そんな時に利用できそうなツールチップの中から使ってみたいデザインのものをピックアップしてみました :)

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery webデザイン ツールチップ デザイン web制作
2011/06/22 12:21:12  webimemo.com
枠線付きの吹き出し - Weblog - hail2u.net Webデザイン フィード

ミニブログの隆盛以降ウェブ上でよく見かける吹き出しをCSSで作るお話。単色のものはかなり前に書いた。今回はそれに枠線をつけてみよう!みよう!みよう!View Demo: Bordered Speech Bubble枠線は単なるsolidなborderで少し角を丸めただけ。尻尾を付ける:before...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン web制作 design web
2011/02/23 12:24:21  hail2u.net
カッコよく動くポップアップでより分かりやすくメッセージを表示出来る「JQUERY BUBBLE POPUP」:phpspot開発日誌 Webデザイン フィード

カッコよく動くポップアップでより分かりやすくメッセージを表示出来る「JQUERY BUBBLE POPUP」2010年11月29日-JQUERY BUBBLE POPUP v.2.3.1 - display animated and shadowed "bubble" popups with fe...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jquery javascript ポップアップ webデザイン ツールチップ
2010/11/29 12:24:58  phpspot.org
商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング Webデザイン フィード

製作現場で「こんな写真や情報あったらいいな」と思っていることを形にすべく立ち上げた総合素材サイトです。News|更新履歴2010/09/28 「Web素材」カテゴリーに「ポイントコイン」が投稿されました2010/09/28 「Web素材」カテゴリーに「吹き出し3」が投稿されました2010/09/2...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
素材 フリー素材 写真 webデザイン 商用可
2010/09/28 18:23:33  sozaing.com
色合いを選べるツールチップ実装jQueryプラグイン「Colortip」:phpspot開発日誌 Webデザイン フィード

Colortip ? a jQuery Tooltip Plugin ? Tutorialzine 色合いを選べるツールチップ実装jQueryプラグイン「Colortip」 デフォルトで6つのテーマを選択することが出来ます。 ツールチップ自体のデザインも次のようになかなかいい感じです。 ヒントに色...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery ツールチップ javascript plugin プラグイン
2010/07/20 16:31:35  phpspot.org
CSS のみで吹き出し - terkel.jp Webデザイン フィード

hail2u.net – Weblog – Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。Demo: CSS のみで吹き出しマークアップは 2 重の要素があれば OK。ここではそれぞれ bubble...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン web制作 デザイン webdesign
2009/12/07 2:36:41  terkel.jp

マウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。15 jQuery P...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
jQuery javascript css webデザイン tips
2009/11/02 10:34:09  kachibito.net

Photoshop Brush Set - Speech Bubbles 様々な形の吹き出しのPhotoshopブラシ集「Speech Bubbles」。 次のような、実に様々な形の吹き出しの形状をしたブラシセットが公開されています。 これで、面倒な吹き出しの描画も一瞬で終わりそうですね。 関連エ...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
photoshop 素材 ブラシ フリー素材 画像
2009/09/11 0:13:07  phpspot.org

I bet a bunch of you don’t realize that we can create the illusion of shapes by using 100% CSS. By utilizing the border property in creative ways, we...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css デザイン tips 参考 吹き出し
2009/04/08 8:00:36  net.tutsplus.com
これは驚きの、CSSだけで作れる吹き出しボックス:phpspot開発日誌 Webデザイン フィード

Fun With CSS Shapes - Nettuts これは驚き!CSSだけで作れる吹き出しボックス。 次のような吹き出しが、画像を一切使わずにCSSだけで実現できてしまうようです。 HTMLコードをちょっと分かりやすいようにダイエットしてみたものが以下。<!DOCTYPE html PUB...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン tips web制作 design
2009/04/07 12:00:48  phpspot.org

HTML+CSSだけでリッチなコンテンツデザインを実現する「CSS技術研究所」。第1回では、CSSの:hoverセレクタとoverflowプロパティを利用して、ボタンにカーソルを重ねたときに吹き出しを表示してみたい。リンク先の説明の表示などに利用することが可能だ。カーソルを重ねたときに吹き出しを表...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webdesign これは便利 web design
2009/03/10 18:12:24  builder.japan.zdnet.com
"吹き出し"を画像使わずにCSSで作る方法 | エンタープライズ | マイコミジャーナル Webデザイン フィード

Filament Groupツールティップとしての吹き出しエフェクトはWebページでは広く使われるようになったUIのひとつだ。吹き出しの四隅は丸みを帯びて角の外側は透過表示になり、吹き出しを示すための小さい突起がついているところに特徴がある。多くの場合で背景画像がこれらUIを実現するために使われる...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css 吹き出し javascript webデザイン webdesign
2009/03/07 0:01:20  journal.mycom.co.jp
GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」:phpspot開発日誌 Webデザイン フィード

BeautyTips Demo PageGoogleマップやFacebook風など、自由にカスタマイズできるツールチップ...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
Javascript webdesign ツールチップ web制作 webデザイン
2009/03/05 8:00:40  phpspot.org
吹き出しいろいろ - DesignWalker Webデザイン フィード

マンガなどでよく使われる、吹き出し。 バナーや見出しなど、ちょっと目立たせたい部分に使ったりすると、それだけで結構インパクトがあたえられるので、 いろいろと便利な吹き出し。 今回は、そんな吹き出しをいろいろとまとめてみました。 33 Speech Bubbles | jlwDesign 33種類の...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
素材 illustrator photoshop 吹き出し webデザイン
2008/09/11 0:03:05  www.designwalker.com
ナイスな吹き出しパーツを作るCSSと画像セット:phpspot開発日誌 Webデザイン フィード

シンプルだけど使いやすそうなフリーのXHTML/CSSテンプレート集「Mantis-a templates」 次の記事 »:ハイパフォーマンスWebサイト - 本 woork: Nice comments counter style for your blog post This post ill...

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css webデザイン webdesign 吹き出し web
2008/04/02 8:01:42  phpspot.org
willmayo.com » CSS Speech Bubbles Webデザイン フィード

『 DownloadPackage(zip)EasytocustomizespeechbubblescodedinCSSandvalidXHTML1.0strict.Testedinallmajorbrowsers:InternetExplorer6&amp;7Firefox2.0Safari2.0O... 』

[ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
css javascript webdesign library 角丸
2007/11/18 11:10:28  www.willmayo.com
[ スポンサード リンク ]
29件中 1件 ~ 20件 [ ← 前のページへ ] [ 次のページへ → ]
Webデザインの情報・記事まとめサイト デザインフィード゛テータベース