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年01月14日

抽象的な表現が特徴の高解像度テクスチャ20種「20 High Resolution Abstract Textures」

非常に多彩なデザインが存在するテクスチャ。特にデザイナーの方で素材としてたくさんストックされている方も多いのではないかと思います。今回はそんなテクスチャ素材の中で抽象的な表現が特徴の「20 High Resolution Abstract Textures」を紹介したいと思います。

tx20_1
Texture 445 by Sirius-sdz on deviantART

高解像度が嬉しい、いろんな質感のテクスチャが20種まとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:40  |  
Category: Design   
2011年01月23日

美しいphotoshopパターン集50「50 ExtrBeautiful Photoshop Patterns for Elegant Designsemely 」

様々なシーンに利用出来るphotoshopパターン。デザインの完成度を飛躍的に向上させてくれる便利なものですが、今日紹介するのは、ハイクオリティなパターンを集めたエントリー「50 Extremely Beautiful Photoshop Patterns for Elegant Designs」です。


Exotic Polkadots Patterns

様々なデザイン感のパターンが全部で50集められています。今日はその中からいくつか気になったパターンを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:46  |  
Category: Design , Photoshop   
2018年08月07日

Instagramをおしゃれに演出できるフリーテンプレート「Vana free fashion social media templates for Instagram」

Instagramでの写真投稿が日課になっている人も多いのではないでしょうか。膨大な数の投稿の中でも注目を集めたい!そんなときに写真がアレンジしてあると目を引きやすくなります。今回はそんなシーンで活用できるフリーテンプレート「Vana free fashion social media templates for Instagram」を紹介したいと思います。

vana1

Instagramをおしゃれに演出できる、ファッション性の高いテンプレートがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool   
2014年09月24日

デザイン性の高いフォントを集めた「Free Fonts for Posters and Social Media Images」

フォントには非常にさまざまな種類が存在しており、ベーシックにシンプルに利用できるものから個性溢れるものまで、多彩なバリエーションの中から選択できるようになっています。そんな中今回紹介するのは、デザイン性の高いフォントを集めた「Free Fonts for Posters and Social Media Images」です。

font0924_1
oko typeface (free) on Behance

クリエイティブに使用できそうなデザインフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:59  |  
Category: Font   
2018年02月11日

マーカーで描いたようなラフテイストにデザイン性を感じるスクリプトフォント「Highlander Marker Script」

制作したいイメージやテイストによって、使用するフォントも使い分けをすることで、デザインをより高い精度で仕上げることができます。それにはより多くのフォントをストックしておくことも大切。そんな中今回は、ラフな雰囲気を演出したい時に便利なスクリプトフォント「Highlander Marker Script」を紹介します。

script1

マーカーで描いたようなラフテイストにデザイン性を感じる、セットで使用できるパーツもセットになったフォントです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2014年06月21日

さまざまな動きのスクロールプラグインまとめ「12 Free Scrolling Plugins For Websites」

サイトに動きを付ける、コンテンツを限られた範囲内で最大限に見せるために利用されるスクロール。シンプルなものが取り入れられがちですが、今回紹介するのは、さまざまな動きのスクロールプラグインまとめ「12 Free Scrolling Plugins For Websites」です。

scrool1
Jquery fullContent.js

動きに特徴のあるスクロールプラグインが12種紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: plugin   
2013年11月16日

デザイン性の高い35のtumblrのテーマ「35 Magnificent Free and Premium Tumblr Blog Themes」

日本ではまだまだ一般的には知名度の低いtumblr(タンブラー)ですが、ブログの様に記事を投稿できたり、他人が書いた記事を引用・共有するなど、手軽で面白い使い方ができるツールです。今回はデザイン性の高い35のtumblrのテーマ「35 Magnificent Free and Premium Tumblr Blog Themes」を紹介したいと思います。

35mfaptbt_0
Blogging – Tumblair | ThemeForest

流行のフラットデザインを取り入れたものや、イメージを強く打つ出したものなど、個性豊かなテーマが取り揃えられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 12:36  |  
Category: WebDesign   
2009年01月13日

商用可!素材感のある紙のテクスチャセット「High-Resolution Grungy Paper Textures」

デザインに質感や雰囲気を与えてくれる紙のテクスチャ。一枚背景に引くだけでデザインのイメージをガラリと変えることができます。今日紹介するのは素材感のある紙のテクスチャセット「High-Resolution Grungy Paper Textures」です。

種類こそは6種類と少ないものの、収録されているテクスチャはかなり高解像度で2592×3872ピクセルとなっています。このくらいのサイズがあるのであれば色々なシーンでりようできそうな気がします。配布されているテクスチャはFlickrにてセットで公開されていましたので、下記にスライドショーを貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:39  |  
Category: Design , Photoshop   
2008年05月05日

WordPress2.5.1へアップデートしました。

ずいぶん前から管理画面にWordPress2.5.1の案内がでていましたが、今回のアップデート内容はバグフィックス、パフォーマンスの向上、一つのとても重要なセキュリティフィックスと言うことだったのですがなかなかアップデートできずにいました。

時間がなかったのでずっと先送りにしていましたが、ゴールデンウィークを使ってようやくアップデートできました。今回のアップデートの大きな修正は以下の通りです。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:13  |  
Category: WordPress   
tag: WordPress
2008年07月19日

自然系ブラシ&ベクターデータを集めた「64 Beautiful And Free Nature Brush Sets And Vectors 」

photoshopのブラシやベクターデータは使い方や用途によってはデザインの作業時間をかなり短縮してくれます。今日はナチュラル系のデザインをしている方にピッタリな、空や、植物、雷など自然系のphotoshopブラシやベクターデータをまとめたエントリー「64 Beautiful And Free Nature Brush Sets And Vectors」を紹介したいと思います。

かなり自然と言っても多種多様な素材が全部で64個用意されていますので、かなり役立つかと思います。今日はその中でも気になるブラシをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:22  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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