TOP  >  セレクトボックス

Tag : セレクトボックス

2017年09月07日

オープンソースで利用可能なフリーのセレクトボックスまとめ「10 Free Open Source CSS and JavaScript Select Box Snippet」

お問い合わせやアンケートなどのUIに欠かせないセレクトボックス。新しい動きやデザインを上手く取り入れることで、他にはないオリジナル感を演出し、差を付けることができると思います。そんなシーンで参考にしたい、フリーで利用可能なオープンソースのものをまとめた「10 Free Open Source CSS and JavaScript Select Box Snippet」を今回は紹介します。

select-box0
Select Box

CSSとJavaScriptの特殊なセレクトボックスが10種類紹介されています。中から気になったものを幾つかピックアップしてご紹介しますので、ご覧ください。

詳しくは以下
(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

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

2013年09月02日

クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」

webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。

lyout0
Dribbble – Sevent WordPress + free psd by trendythemes

クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:52  |  
Category: Design   
2013年07月08日

上品な雰囲気を演出できるスクリプトフォント「Samantha Script Font」

フォントにはさまざまな種類がありますが、中でも筆記体タイプのスクリプトフォントは、洗練された雰囲気を手軽に表現することができます。今回はそんなスクリプトフォント「Samantha Script Font」を紹介したいと思います。

samantha3

リボンのようになめらかにカーブを描く、しなやか、かつ柔らかな質感が印象的。どこかアンティークな世界観も感じられるデザインフォントとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:38  |  
Category: Font   
2010年10月01日

ヴィンテージ&レトロな雰囲気をワンクリックで加工するphotoshopアクション集「40+ Vintage and Retro Photoshop Actions」

デザインにもう一つ質感を加えるときに、一つの手として、写真を古びた雰囲気に加工して、世界観を演出したり、現実味をなくしたりしますが、今回紹介するのはそんな補正を一瞬でかなえてくれる、ヴィンテージ&レトロな雰囲気をワンクリックで加工するphotoshopアクション集「40+ Vintage and Retro Photoshop Actions」です。


photoshop actions – 139 (8 actions)

ヴィンテージ、レトロといっても様々な表現があり、明るめのものから単色によったもの、色あせたものなどのアクションがまとめられています。今日はその中から幾つか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:57  |  
Category: WebService   
2008年03月12日

優雅なWEB制作のためのJavaScript「yuga.js」

派手なアクションや演出はありませんが、WEBサイト構築において、ちょっとした気の利いた所を押さえているjavascriptが今回紹介するJavaScript「yuga.js」です。

yugajs.jpg

簡単に導入できる上に「jQuery」を使って様々な事が簡単なコードで実現可能です。優雅なWeb制作のためのJS サンプルと銘打っているだけあって実相もシンプルでわかりやすいJavaScriptになっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:48  |  
Category: WebDesign   
2008年01月28日

様々なCSSメニューがジェネレート可能なオンラインサービス「CSS Quick Menu」

CSSメニューについては以前「実用度の高いCSSメニューを集めた「 7 Advanced CSS Menu」」と言う記事でテンプレートサイトを紹介しましたが、今回紹介する「CSS Quick Menu」は様々なカスタマイズを行ないながらCSSメニューが生成できるオンラインサービスです。

cssqickmenu01.gif

CSSのナビゲーションのテンプレートは、全部で22種類あり、それぞれ細かい部分までカスタマイズすることが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 09:24  |  
Category: WebDesign , WebService   
2013年05月23日

商用可!2013年5月 最新のフリーフォントまとめ「12 New and Free Commercial Use Fonts [May,2013]」

デザイン制作に欠かすことのできないフォント。すでにパソコンに導入されているフォントではなく、ネット上などで配布されているフリーフォントを取り入れることで、豊かなデザイン再現が可能になります。そんな中今回は是非チェックしておきたい、2013年5月 最新のフリーフォントまとめ「12 New and Free Commercial Use Fonts [May,2013]」を紹介したいと思います。


Tracks Type on Behance

新しく公開された、デザイン性の高いフォントが12種類まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:32  |  
Category: Design , Font   
2008年04月27日

モダンでクリエイティブななフォームデザイン集「Web Form Design: Modern Solutions and Creative Ideas」

今までコメント欄のデザイン集や日付表示のデザイン集をなど部分的なデザイン集を「コメント部分のデザイン集「30 Must See Comment Designs」」や「日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」」と取り上げてきましたが、今日紹介するのもそんな部分的なデザインをひたすら集めたデザイン集「Web Form Design: Modern Solutions and Creative Ideas」です。

こちらのデザイン集はWEB上のフォームのデザインをひたすら紹介するエントリーです。機能的なものなのでなかなかこだわって作る機会が無いのですが、実に様々なフォームデザインが紹介されています。今日は紹介されている中から気になるものもをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:26  |  
Category: Design   
2017年01月04日

CSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」

WEBの演出の一つで、UXのストレスを軽減してくれるローディングアニメーション。WEBサイトがだんだんリッチになる中、当たり前の存在になってきていますが、今回紹介するのはCSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」です。

textloading0

通常ローディングアニメーションはいくつかの画像を利用して生成されますが、このアニメーションはCSSとテキストのみで制作されるため非常に軽量です。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2010年04月19日

WEBで使えるミニマムなアイコンセット「15 Uniform Payment Options Icon Sets for Ecommerce Design」

WEB制作には欠かせないアイコンセット。需要が多いだけに素材としても様々なアイコンセットが準備されていますが、今回紹介するのはWEBで使えるシンプルでミニマムなアイコンセットを集めたエントリー「15 Uniform Payment Options Icon Sets for Ecommerce Design」です。

freeiconset_01
Eusmis

シンプルなアイコンの中でも、色々とバリエーションがあり、全部で15のアイコンセットがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:38  |  
Category: Design , Photoshop , vector , WebDesign   
2018年02月24日

高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」

Photoshopを自在に操ることができると様々な場面で役に立ちます。高度な合成技術があれば、まるで1枚の幻想的な写真であるかのような作品が出来上がります。今回紹介するのは、高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」です。

Photoshop_Tutorials_01
Create Hot Air Balloon Adventure Photo Manipulation in Photoshop – PSD Vault

比較的簡単な写真の加工から、高度な合成の手順まで様々なチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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