TOP  >  フローティングラベル

Tag : フローティングラベル

2018年02月09日

フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」

webサイトからのお問い合わせなどにフォームを設置しますが、スマートフォンライクの時代となった今、従来のデザインをそのまま取り入れるとタテに長くなってしまう傾向が。そんな状況を解消できる、フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」を今回は紹介します。

floating5
GitHub – Baedda/floating-form-labels: jQuery plugin that makes inline form labels usable again.

プレースホルダの文字が、入力するとタイトルとして浮き出すので、フォーム上に常に配置する必要がなく、長さを軽減することができるサンプルがピックアップされています。

詳しくは以下

(さらに…)

続きを読む
posted 02:45  |  
Category: plugin   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2014年12月08日

ハイクオリティでグラフィカルなテキストデザイン作成を可能にするチュートリアル集「Collection of Fresh Text Effect Tutorials」

デザインをする上で欠かすことのできないテキスト。時にはテキスト自体にデザインを加えることで、より印象的なグラフィックに仕上げることができます。今回はそんな時に参考にしたいチュートリアル集「Collection of Fresh Text Effect Tutorials」を紹介したいと思います。

texteffect1208_1
Create a Vintage Bloody Text Effect Wallpaper Design in Adobe Photoshop – Tuts+ Design & Illustration Tutorial

非常にハイクオリティでグラフィカルなテキストデザインを作成する手順を学ぶことができるチュートリアルがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2017年07月09日

さまざまなテイストが揃う 医療向けアイコンまとめ「30 Free Medical Icon Sets You Can Download」

医療関係のデザインは、専門的な内容も多いだけに、できるだけわかりやすくユーザーに視覚的に伝えることが重要にもなってきます。そんなときに知っておくと便利なまとめ「30 Free Medical Icon Sets You Can Download」をご紹介していきたいと思います。

circle-medicine-icons_top
Vector Medic – Download Free Vector Art, Stock Graphics & Images

医療向けのアイコンに特化してさまざまな種類・テイストのものがまとめられています。以下にいくつかピックアップいたしましたので、ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2013年05月25日

フラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」

今年はフラットデザインがWEBのトレンドとして、多くのクリエイティブブログで伝えられています。windows8を始めとして、OS側のユーザーインターフェイス側にも取り入れられ、今後ますます、目にする機会も多くなってくると思います。今日紹介するのはフラットデザインをオーダーされたデザイナーのためのフラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」です。

今回はWEB側とスマートフォンUIをそれぞれ取り上げているエントリーから気になったものをまとめて紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2017年09月10日

フリーで使用できる ブラウザフレームPSDテンプレート「30 Free Web Browser Frame PSD Templates」

クライアントやユーザーの目線に立って試行錯誤し制作したデザインを、クライアントにプレゼンテーションをする際には、実際に使用するシーンを想像させることも大切。そんな時に活用したい、フリーで使用できる ブラウザフレームPSDテンプレート「30 Free Web Browser Frame PSD Templates」を今回は紹介したいと思います。

frame-free01
Flat Vector Chrome Frame by Jeffrey Kam – Dribbble

タイプの違う30種類のテンプレートが集約されています。気になる種類をいくつかピックアップ致しましたので以下よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2012年04月18日

シンプルで使いやすい フリーのWordPressテーマまとめ「20 New and Free Minimal WordPress Themes」

豊富なテーマが展開されており、誰もが手軽にwebサイトを持つことができるWordPressは、一般の方からプロのWEBサイト制作者にまで、幅広く利用されています。そんなWordPressのテーマの中から今回は、比較的最近発表されたシンプルで使いやすい、フリーのテーマをまとめた「20 New and Free Minimal WordPress Themes」を紹介したいと思います。


Free HTML 5 Responsive WordPress Theme for Photographers

誰にでも使いやすい、シンプルながら内容の伝わるテーマが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:18  |  
Category: WordPress   
2010年12月22日

商用化!400種のシンプルなアイコンセット「IconSweets2」

webデザイン制作する際にあるととても便利なアイコン、特に種類が豊富な程その活用頻度は高いはず。そこで今回紹介するのは、400種のシンプルなアイコンセット「IconSweets2」です。

テーマ別にさまざまな種類のアイコンが網羅されており、幅広いデザインシーンで活用することができそうです。

(さらに…)

続きを読む
posted 10:47  |  
Category: Design   
2013年03月13日

飛び散る絵の具の雰囲気を表現できるベクター素材まとめ「A Collection of High Quality Vector Splatter for Free Download」

アートや造形の中でよく用いられる絵の具の垂れたような技法は、筆を使ったアナログ感を演出できたりと、デザインシーンでも利用しやすい素材ではないでしょうか?そんな中今回紹介するのは、飛び散る絵の具の雰囲気を表現できるベクター素材まとめ「A Collection of High Quality Vector Splatter for Free Download」です。


Ched2k.Vector.Splats.PACK1 by ~cheduardo2k on deviantART

カラフルな絵の具の描写表現ができる素材から、怖い雰囲気の表現にぴったりな素材まで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:29  |  
Category: Design   
2009年04月16日

収録枚数1000枚以上!フリーテクスチャ&背景「Massive List of 1009 Hi-Res Free Textures and Background」

今まで数多くのテクスチャや背景素材を紹介してきましたが、今日紹介するのは1009枚ものフリーテクスチャ&背景を集めたエントリー「Massive List of 1009 Hi-Res Free Textures and Background」です。

textures-in-modern01

様々な種類のテクスチャ、背景のセットが公開されておりその数もさることながらバリエーションも豊富で定番のグランジペーパーからブロック、パターン、ビンテージなどなど様々な素材のダウンロード先が集められています。今日はその中から今までDesigndevelopで紹介した事が無く気になったセットをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:14  |  
Category: Design , Photoshop   
2012年07月27日

デザインにインパクトを与えられる!クオリティの高いフリーステッカーアイコンまとめ「30 Examples of Sticker Icon for Free」

デザイン制作に欠かせないアイコン素材ですが、その用途は多岐に渡ります。そんな中から今回は、デザインにインパクトを与えられる、クオリティの高いフリーステッカーアイコンをまとめた「30 Examples of Sticker Icon for Free」を紹介したいと思います。


Icon Sticker Pack programs by ~isiris on deviantART

印象度をアップさせられるアイコンから、デザインのアクセントとして利用できるアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりごらんください。

詳しくは以下

(さらに…)

続きを読む
posted 10:59  |  
Category: Design   
tag: 
2015年02月18日

最新のフラットアイコンセットが揃ったまとめ「47 Fresh and Flat Icon Sets」

特にwebデザインシーンで活躍してくれるアイコン。現在は主流のデザインテイストであるフラットタイプが多く配布されています。今回はそんなフラットアイコンの最新セットが揃ったまとめ「47 Fresh and Flat Icon Sets」を紹介したいと思います。

icon0219_1
Viro – Modern Icon Set – graphberry.com

ベーシックなタイプから、季節もの、個性あふれるテーマのものまで、いろいろな種類が紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:51  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る