タグ 各エレメント
人気順 5 users 10 users 100 users 500 users 1000 users商用にも無料で使える!レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks | コリス
200種類以上のコンポーネントに、さまざまなエレメントやブロック、スタイルが収録された、レスポンシブ用にデザインされたPSD素材を紹介します。 Sally Blocks PSD素材には、レスポンシブ用のさまざまなエレメント、コンポーネント、スタイルが収録されています。 各エレメントはベクターなのでサイズやカラー変更、テキストの変更なども簡単におこなえます。 ダウンロードできるファイルのフォーマット... 続きを読む
ウェブやモバイルの次のプロジェクトの参考にしたい、わくわくするUI/UXデザインのまとめ | コリス
ウェブやスマフォやタブレットのUI/UX設計の参考になるコンセプトデザインをBehanceから紹介します。UI/UXのデザインが素晴らしいだけでなく、それを見せるレイアウトも素晴らしいものばかりです。 Designer screen 各エレメントをレイヤー化する動きがアニメーションで楽しめます。 iOS 7 Style UI/UX Kit スライダー、パネル、フォームをはじめ、さまざまな要素をiO... 続きを読む
キュートな配色がかわいい!センスが光るUIエレメントが揃ったPSD素材 | コリス
ピンクのカラーとマカロンが大好きな仏のデザイナー:Marie Dehayesが作成した、キュートなカラースキームでかわいくデザインされたUIエレメントが揃っているPSD素材を紹介します。 Freebie - Flat Design User Interface Elements ダウンロードできる素材のフォーマットはプレビュー用の.pngとレイヤーが保持された.psdで、.psdでは各エレメントが... 続きを読む
ヴィンテージなデザインが素敵なUIエレメントのPSD素材 -Vintage Pixels UI Kit | コリス
1950年代のヴィンテージなテイストを与えた、ちょっと珍しい素敵なUIエレメントのPSD素材を紹介します。 Vintage Pixels — User Interface Kit ダウンロードできる素材のフォーマットは.psdとプレビュー用の.pngで、PSDファイルでは各エレメントがベクターで作成されているので変更も簡単にできます。 Photoshopで開いたキャプチャ 素材の利用にあたっては個... 続きを読む
ウェブデザイン用の各エレメントをフラット・ソリッドなど複数のスタイルに展開させたPSD素材 -3in1 UI Elements | コリス
ナビゲーション、パンくず、ドロップダウン、ボタンなど、UIエレメントのデザインをそれぞれフラットとソリッドと立体感のあるバルキーの3パターンに展開させたPSD素材を紹介します。 フラットが好き、ソリッドが好きでそのまま使うもよし、比較して勉強するのにもよし、のちょっといつもとは趣向の違った素材となっています。 3 in 1 User Interface Elements Kit Part 1 (F... 続きを読む
これはスゴ過ぎ!Bootstrap 3のインターフェイスの全てを再現したPSD素材 -Bootstrap 3 PSD | コリス
Bootstrap 3の全ての要素を忠実に再現したPhotoshop用のPSD素材を紹介します。 下記は縮小12.5%の状態です。 Bootstrap 3 PSD ダウンロードできる素材のフォーマットはPSDで、なんと1ファイル!w サイズが5150x5299と超解像度です。 Photoshopで開くと、こんな感じに。 メモリがやばい 各エレメントは忠実に再現されており、これを元にプレゼンやモック... 続きを読む
これは便利!レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes | コリス
ブラウザ上で、さまざまなスクリーンの幅に合わせたレスポンシブ用のワイヤーフレームを作成できるオープンソースのオンラインツールを紹介します。 RWD Wireframes RWD Wireframes -GitHub 使い方の前に、レスポンシブに対応している一番の売りから。 RWD Wireframesはレスポンシブ用のワイヤーフレームということで、配置した各エレメントをさまざまなデバイス用にサイズ... 続きを読む
レスポンシブ対応で柔軟性に富んだグリッドを使いたいならこのフレームワーク -Extra Strength Responsive Grids | コリス
デスクトップ・タブレット・スマートフォンなど、レスポンシブ対応で柔軟性に富んだ可変グリッドのレイアウトをつくるのに便利なフレームワークを紹介します。 各エレメントのツラや高さの異なるパネルも簡単に揃えることができます。 Extra Strength Responsive Grids Extra Strength Responsive Grids -GitHub Extra Strength Res... 続きを読む
ウェブデザインのセンスを磨く! 2012年下半期洗練されたディテールのUIデザインのまとめ | コリス
2012年下半期、チェックしておきたいUIデザインをdribbbleから紹介します。 PSDやPNGファイルをダウンロードできるので、勉強にもなりますよ。 下の方は、さまざまなエレメントが揃ったUI Kitです。 Future Camera app UI 近い未来こんな素敵なUIがくるのでしょうか。 Slide from The Bricks presentation 各エレメントが立体的に浮かび... 続きを読む
jQuery UIの各エレメントをレトロ風のかわいいデザインに変更するテーマファイル -jQuery UI Theme Retro | コリス
Archive by month 2012年11月 (11) 2012年10月 (60) 2012年9月 (49) 2012年8月 (59) 2012年7月 (65) 2012年6月 (57) 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (... 続きを読む
[JS]複数のエレメントをターンテーブルのようにぐるぐる回すスクリプト -Roundabout | コリス
デモ:Around Other Things 回転の中心に他のエレメントを置いたデモ。 Roundaboutの使い方 Roundabouの実装方法を簡単に紹介します。 詳しい実装方法については「Learn」をご覧ください。 Roundabout -Learn HTML ぐるぐる回転させる各エレメントをリスト要素で実装します。 <ul> <li></li> <li></li> <li></li> <... 続きを読む
商用利用も無料、細部まで美しく作り込まれたUIエレメントが揃ったPSD素材 -Vue UI Kit | コリス
タイトルバー、ツールバーをはじめ、ボタン、フォームの各エレメント、ツールチップ、ダイアログなど、ウェブページでよく使用するUIエレメントが揃ったPSD素材を紹介します。 Exclusive PSD Freebie: Vu [...] 続きを読む
[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 tubular 背景いっぱいにYouTubeの動画を表示します。 YTPlayer こちらはbody要素や各エレメントの背景にYouTubeの動画を表示 [...] 続きを読む
商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリス
ボタン、スライダー、スクロールバー、フォームの各エレメントなど、ウェブデザインに使用するUIエレメントのPSD素材をDesign Kindleから紹介します。 Sleek UI Elements Blaubarry UI [...] 続きを読む
ウェブ用の各エレメントが揃った、かわいらしいデザインのPSD素材 -Soft UI Kit | コリス
検索ボックス、ボタン、アラートパネル、プルダウン、スクロールバーなど、ウェブデザインで使用するさまざまなエレメントをかわいらしいデザインでまとめたモックアップ用のPSD素材を紹介します。 Soft UI Kit: Fre [...] 続きを読む
[CSS]使いやすいスタイリッシュなフォームを実装する17のチュートリアル | コリス
Styling form controls with CSS, revisited フォームの各エレメントのブラウザごとの表示。 追記: 2008年2月28日 「text field designs」を追加。 続きを読む