CSSで実装するタグクラウドのサンプル | NxWorld

2015/03/18 93 users 実装 HTML NxWorld ブラウザ 以下

画像は一切使用せず、CSSのみで実装・デザインしたタグクラウドのサンプルです。対応ブラウザによっては使えませんが、CSSのみで実装しているのでサイズやカラー変更も容易にできます。 ※以下で紹介する方法はブラウザによっては表示確認ができない場合や綺麗に表示されない場合があります。 当ブログでも使用しているタイプのタグクラウドで、実装にはHTMLとCSSをそれぞれ以下のように記述します。 HTML <... 続きを読む

画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10 | NxWorld

2015/02/13 182 users 備忘録 NxWorld li要素 全てCSS CSS

なんとなくどんな感じのものが実装できるか試してみたので備忘録。いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。使用できるブラウザは限られてきますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。最近はWebフォント使ったりSVG使ったりすれば使い勝手良いものが実装できますけど、それす... 続きを読む

商用にも無料で使える！レスポンシブ用の200種類以上のコンポーネントが収録されたPSD素材 -Sally Blocks | コリス

2014/06/10 83 users エレメント コリス フォーマット 各エレメント コンポーネント

200種類以上のコンポーネントに、さまざまなエレメントやブロック、スタイルが収録された、レスポンシブ用にデザインされたPSD素材を紹介します。 Sally Blocks PSD素材には、レスポンシブ用のさまざまなエレメント、コンポーネント、スタイルが収録されています。 各エレメントはベクターなのでサイズやカラー変更、テキストの変更なども簡単におこなえます。 ダウンロードできるファイルのフォーマット... 続きを読む

商用利用無料、今時のスマフォアプリ用のワイヤーフレーム素材 -App Wireframes Kit | コリス

2014/03/18 259 users コリス ベクターベース ワイヤーフレーム素材 UIエレメント

スマフォアプリ用のさまざまなUIエレメントが用意されたベクターベースのワイヤーフレーム素材を紹介します。 App Wireframes Kit ダウンロードできる素材のフォーマットは、2種類。 .psd .ai どちらもベクターベースで作られているので、サイズ変更やカラー変更なども簡単にできます。 App Wireframes Kitには、スマフォアプリ用のさまざまなコンテンツが収められています。... 続きを読む

これからのデザイントレンドが詰まった美しいUIコンポーネントのPSD素材 -iOS7 UI kit | コリス

2013/08/19 94 users Kit コリス 磨りガラス posts ベクター

ソリッドなライン、磨りガラスのようなパネル、落ち着いたパステル調のカラースキームなど、iOS7のヴィジュアルガイドラインに基づいた美しいUIコンポーネントのPSD素材を紹介します。 iOS 7 UI Components コンポーネントはさまざまなものが揃っており、ベクターなのでサイズ変更やカラー変更などカスタマイズも簡単にできます。 Post details 記事の詳細ページ Posts 記事の... 続きを読む