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   
このエントリーをはてなブックマークに追加

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

2012年01月10日

動きのある草や枯れ葉のテクスチャまとめ「25 Lovely Grass Texture Collection」

デザインソフト上だけでの表現が難しい草花などの自然素材は、デザイン制作にテクスチャを利用するという方も多いはず。そこで今回紹介するのが、動きのある草や落ち葉のテクスチャをまとめた「25 Lovely Grass Texture Collection」です。


Seamless grass texture by ~hhh316 on deviantART

自然の広がりを感じられる素材はもちろん、さまざまな雰囲気を演出できるテクスチャがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2008年04月02日

PDFファイルのフォント埋め込みチェッカー「PDFフォント○×チェッカー」

仕事上でのファイルのやりとりでPDFはほぼスタンダードな形式になってきました。データサイズも調整でき、フォントも埋め込めるためメールなどで送信するにはとても使い勝手が良いです。ただフォントの統制がとれていないと先方で文字化けしてなんだかわからなくなるなんて事もたまにあります。

そこで今回紹介するのはPDFファイルにフォントがすべて埋め込まれているかを調査するオンラインサービス「PDFフォント○×チェッカー」です。PDFをアップロードするだけで、フォントが埋め込まれているか否かを単純明快に判定してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:52  |  
Category: WebService   
2016年12月19日

細部まで表現されたフリークリスマスアイコンパック「Free Christmas Icon Pack」

いよいよ12月の後半にも入り、もう今週はクリスマスとなり、パーティーの準備などを行っているという方も中には見えると思いますが、今日紹介するのは細部まで表現されたフリークリスマスアイコンパック「Free Christmas Icon Pack」です。

ci_01

シルエットなどでは無く、一点一点ベクターアートで作り込まれており、アイコンとしてだけでは無く、イラストとしても利用できそうなアイコンセットです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:45  |  
Category: Design , vector   
2011年12月14日

コンクリートのさまざまな表情を利用したテクスチャパック「70 Concrete Texture Packs」

コンクリートのテクスチャは、無機質な印象でありながらも、使い方次第でいろいろなデザインに幅広く活用できる素材として重宝されています。今回はそんなコンクリートのさまざまな表情を利用したテクスチャパック「70 Concrete Texture Packs」を紹介したいと思います。


Freebie: Concrete and Pavement Texture Pack – DesignM.ag

シンプルな定番タイプから、使い込まれ味わいが感じられるタイプなど、ジャンルは一つでも、たくさんの種類のテクスチャが収録されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:14  |  
Category: Design   
2008年09月04日

フリーで使えるphotoshopカモフラージュスタイル「Free Styles for Photoshop – Camo」

使いどころが難しいですが、デザインでもたまに必要となるカモフラージュパターン。意外と作るのが難しく。0からとなるとかなり面倒だったりします。今日紹介するのはそんなカモフラージュパターンを簡単に使えるphotoshopスタイル「Free Styles for Photoshop – Camo」です。

全部で25種類のカモフラージュパターンが収録されていて、定番の物から、少し変わったものまで収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:19  |  
Category: Design , Photoshop   
2009年03月18日

汚れを表現したフリーブラシセット集「250+ Stains Brushes for Photoshop」

風合いを出す為にあえてデザインの中に落とし込む汚れ。今日紹介する「250+ Stains Brushes for Photoshop」はそんな汚れを表現する為のフリーブラシセット集です。

stainsbrushes01
Stains

コーヒーの染みから油汚れ、テープの跡や塗料の汚れ等、様々な風合いを演出できるphotoshopブラシが揃っています。今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:15  |  
Category: Design , Photoshop   
2019年02月12日

インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」

インスタグラマーとして活躍する人が増える中、いかに自身の投稿を魅力的に見せるかが非常に重要になってきます。今回はそんなシーンで利用したい、インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」を紹介します。

instatemp1
Free Template – Adobe XD by Alberto Bianchini | Dribbble | Dribbble

使うだけで投稿が通常の写真投稿より映える、デザイン性の高いテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2011年07月02日

質感のあるビンテージ感のあるテクスチャパック11「11 High-Resolution Textures: Old Equipment」

質感をプラスしたり、デザインの厚みを持たせたりしたい時に便利なテクスチャ。素材自体で大きく印象が変わります。今日紹介するのは質感のあるビンテージ感のあるテクスチャパック11「11 High-Resolution Textures: Old Equipment」。

皮や布、ペンキで塗りこんだ壁などなど、様々な質感のテクスチャが収録されていました。その中から気になった物を紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2014年08月16日

8カテゴリ・280個展開されたフリーラインアイコンセット「Free Download : 8 Line Icon Sets」

利用頻度の高い定番のアイコンはたくさん所持していても、個性のあるテーマによって選ぶことが必要なアイコンはなかなか揃っていないことが多いのではないでしょうか?そんな時に参考にしたい、8カテゴリ・280個展開されたフリーラインアイコンセット「Free Download : 8 Line Icon Sets」を紹介したいと思います。

icon280_1

8つのテーマで多数のアイコンがダウンロードできるようになっているので、持っているといざという時に非常に役立ってくれそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2009年02月04日

200種類以上収録!美しい背景パターン集「200+ Beautiful Seamless Patterns Perfect for Web Design」

WEBデザインに使える背景素材についてはDesigndevelopでも「花柄の背景素材を集めた「60+ Floral Patterns, Backgrounds」」や「もう背景には困らない!デザイナーのための背景リソース集「36 Must Have Backgrounds and Patterns Resources」」などと数多く紹介しましたが、今日紹介する「200+ Beautiful Seamless Patterns Perfect for Web Design」もそんな背景画像を集めたまとめエントリーです。


GypsyGarden (1 pattern)

POPなものから柄物、質感があるものなど様々なテイストの背景デザインが収録されていますが、今日は気になった背景素材をいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:26  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る