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種類紹介されています。中から気になったものを幾つかピックアップしてご紹介しますので、ご覧ください。

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

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

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

2008年10月01日

WEBデザイナーのためのリソース集のまとめ「10 Websites with huge list of resources」

前回「WEBデザイナーに役立つリンクを集めた「455 helpful links for webdesigners」」という記事で、Ajaxからブログ、CSSまでWEBデザイナーのためのリソースを集めたリンク集を紹介しましたが、今日紹介する「10 Websites with huge list 」はそういったリソース集をまとめたエントリーです。


BLUE VERTIGO | Web Design Resources Links

全部で10のリソースサイトが集められていて、designdevelopでお伝えしたものもありますが、今まで紹介したことが無いものを中心にあらためて、いくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:12  |  
Category: WebDesign   
2018年05月17日

シーンに合わせて使えるフリーフォントのまとめ「45+ Fresh Truly High Quality Free Fonts for Designers」

フォントはデザインをよりクリエイティブに見せてくれる要素の一つでもあり、デザインの良し悪しを左右するほど重要な役割を担います。そんな中今回は、シーンに合わせて使えるフリーフォントのまとめ「45+ Fresh Truly High Quality Free Fonts for Designers」の紹介です。

45freefonts_01
Hover Classic Free Font – WILDTYPE

デザインをクリエイティブに飾るフリーフォントがまとめられており、様々なシーンで活用することができそうです。中でも気になったものをピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebService   
tag: 
2008年02月13日

コピーの手間をちょこっと削減。選択範囲を自動コピーするFirefox拡張機能「AutoCopy」

ブログを書いていると多用するのがコピー&ペースト。ショートカットも簡単で、これといって負担になる作業ではないのですが、今日紹介するFirefox拡張機能は文字列を選択しただけでクリップボードにコピーしてくれるfirefox拡張機能「AutoCopy」です。

通常コピーまでは行程的に文字列を選択して、ショートカットを押してという2段階になっていますが、この拡張機能を導入すれば一工程減らして、コピーをすることができます。

詳しくは以下

(さらに…)

続きを読む
posted 12:22  |  
Category: firefox , Tool   
tag: firefox Tool
2009年07月30日

キレイ目なグランジテクスチャ「30 Awesome Textures for Creating Subtle Grunge Designs」

質感を演出するのに非常に便利なグランジのテクスチャ。グランジと一言に行ってもその質感は激しいものからキレイ目なものまで様々ですが、今日紹介するのはキレイ目なグランジテクスチャを集めた「30 Awesome Textures for Creating Subtle Grunge Designs」です。

subtle_textures_01
psychosomatic texture

背景に敷いても、質感は与えながらも上に文字やイラストレーションを載せても邪魔しないそんなテクスチャが中心にまとめられています。いくつかのテクスチャが公開されていますが、今日はその中からいくつか気になったテクスチャをピックアップして紹介したいと思います。

詳しくは以下から

(さらに…)

続きを読む
posted 10:41  |  
Category: Design , Photoshop   
2010年02月27日

3Dの表現を取り入れたロゴインスピレーション「30 Creative 3D Concept Logos from Deviantart」

企業や団体などのアイデンティティを表す、ロゴにも様々な種類のデザインがありますが、今日紹介するのは3Dの表現を取り入れたロゴを集めたデザイン集「30 Creative 3D Concept Logos from Deviantart」を紹介したいと思います。

3dlogo01
Bunk Logo

2Dのものにくらべるとゴツゴツした印象がありますが、それだけに印象に残るロゴとなっています。いくつかデザインが集められていますが、今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: Design , Photoshop   
2012年06月19日

フリーでクオリティの高いWordPressテーマまとめ「30 New Free High-Quality WordPress Themes」

サイト制作に利用している方が増えているWordPress。プロの方はもちろん、サイト運営を考えている一般の方にも大きな人気を集めています。そこで今回は、フリーでクオリティの高いWordPressテーマをまとめた「30 New Free High-Quality WordPress Themes」を紹介したいと思います。


Busby: Free WordPress Personal Blog Theme

シンプルテイストなテーマから機能を付加したテーマまで、さまざまなテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:43  |  
Category: WordPress   
2013年10月27日

フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」

ベクター素材は非常に使い勝手が良く、制作にはとても便利なデータ形式ですが、一から描くのは一苦労。WEBで探していもなかなかイメージ通りのものが見つからない時は困ってしまいますよね。今回はそんな時のために是非ご覧頂きたい、フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」を紹介致します。

free_vectors_14
Free Golden Badges Vector

可愛らしいものやリアルで高級感あるイラスト素材、またその作り方が幅広くまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 09:00  |  
Category: WebService   
2018年01月20日

シンプルで美しい動きが魅力のローディングアニメーションセット「Epic Spinners」

webサイトにアクセスする時や、重いデータを読み込む際などに利用するローディングアニメーション。案外、いつも同じものになってしまいがちです。今回はそんな時に参考にしたい「Epic Spinners」を紹介したいと思います。

loading0120

シンプルで美しい動きが魅力のローディングアニメーションがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:45  |  
Category: javascript , WebDesign   
2013年02月16日

柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

WEB制作を行う上で、非常に有益な素材の一つアイコンセット。質の高いインターフェイスを気軽に実現できる便利で実用的な素材の一つです。今日紹介するのは、柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

シンプルなデザインなのでどんなデザインにも応用が効きそうです。スマートフォンのインターフェイスに活用されている例が公開されていましたので下記からごらんください。

詳しくは以下

(さらに…)

続きを読む
posted 09:22  |  
Category: Design , vector , WebDesign   
2016年01月09日

クリエイティブなデザイン制作に取り入れたいフリーフォントまとめ「Freshest Free Fonts for Desigenrs」

欧文フォントはフリーで配布されているものが非常に多く、その豊富な種類の中にデザイン性の高いものもたくさん存在しています。そんな中今回は、クリエイティブなフリーフォントをまとめた「Freshest Free Fonts for Desigenrs」を紹介したいと思います。

font0109_1
Fonts — Sexton Design Co.

フォント単体として見てもデザイン性に優れているフリー配布されているフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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