滑らかなラインが特徴的なアプリに最適なUIアイコンまとめ「140+ Free Vector UI Icons (SVG)」
アプリには必要不可欠なアイコン。テキストよりもアイコンで伝えることが多く、ほとんどのユーザーもアイコンで直感的に機能を理解して操作を行うことが多いのではないでしょうか。それくらい重要なアイコンを探している方におすすめできる、「140+ Free Vector UI Icons (SVG)」を今回はご紹介していきます。 複数のテーマにわけられてシリーズ展開されているアイコンまとめになります。 詳しくは以下 146個のアイコンがまとめられており、SVGで作成されているので編集も可能。音量や再生マークなどの音楽関係のアイコン、Wi-FiやBluetoothなどの電波に関するアイコンなどカテゴリ毎に展開されてまとめられているので、使用しやすいのポイントです。少し太めのラインですが、調整次第で雰囲気も変わっていくのでぜひ使用してみてください。 SVG以外にもPNGデータも収録されています。アプリ作成
日付選択ピッカーのプラグイン「10 Free Open Source Date Picker Plugins」
TOP > plugin > 日付選択ピッカーのプラグイン「10 Free Open Source Date Picker Plugins」 予約フォームや等で、weｂサイトで日付の選択を行う機会は意外に多いもの。だからこそ、ユーザーの使いやすさを意識したUIの工夫が必要となってきます。そんな中、今回ご紹介する「10 Free Open Source Date Picker Plugins」は、日付選択のプラグインが集められたまとめです。 Introduction 使いやすさや、見やすいデザインが考慮された日付ピッカーのプラグインがまとめられています。 詳しくは以下 pickadate.js すべての端末で最適に使用することができるプラグイン。非常に軽量のファイルであり、使用してもユーザーのストレスにならないのもポイント。 Wickedpicker – By Eric Gagnon
直感的な操作で簡単にアニメーションを作成することができるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」
直感的な操作で簡単にアニメーションを作成することができるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」 WEBサイトならではのアクション要素の一つ、アニメーション。取り入れることができれば個性的でインパクトのあるサイトを制作できますが、アニメーションの作成はハードルが高いと感じる方も多いのではないでしょうか。そんな方におすすめできるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」を今回はご紹介します。 使い方が難しそうと思われる方も多いかもしれませんが、汎用性の高い便利なツールとなっています。使用方法をわかりやすく説明してくれている動画が紹介されていますので、まずは下記よりご覧ください。 詳しくは以下 使い方は直感的で、ドラッグで図形や黄緑色の＋印を動かすことで
シームレスな手書き風幾何学模様パターンセット18種「Rosalie Watercolor Patterns」
TOP > Design > シームレスな手書き風幾何学模様パターンセット18種「Rosalie Watercolor Patterns」 デザインに彩りを添えてくれるパターンはとても便利。その中でも特に模様が綺麗に繋がるように作られた、シームレスなパターンは非常に役立つアイテムです。今回ご紹介するのはそんなシームレスパターンから、手書き風に描かれた素材「Rosalie Watercolor Patterns」です。 水彩筆で書かれたようなラフで柔らかいタッチが特徴の、色合いの美しい全部で18種類のパターンがセットでダウンロードできるようになっています。 詳しくは以下 6種類の基本パターン×3種類のカラーバリーションの構成。基本パターンにはキューブ柄、ラフなボーダーなどトレンドを押さえた図柄が揃い、カラーは水彩風のカラフルなグラデーション、モノクロ、金箔のような質感のあるゴールドが
100種の無料HTML / CSSテーマがまとめられた「Best of 2016: 100 Free HTML/CSS Themes」
TOP > Tool > 100種の無料HTML / CSSテーマがまとめられた「Best of 2016: 100 Free HTML/CSS Themes」 プログラムを組むと一言で言っても、内容は幅広く、多くの知識と技術が必要不可欠です。そんな中今回紹介するのは、時間短縮できる無料のツールをまとめた「Best of 2016: 100 Free HTML/CSS Themes」です。 GitHub – BlackrockDigital/startbootstrap-new-age: A web app landing page theme created by Start Bootstrap できるだけ短時間でウェブサイト制作が必要とされる場合や、手順のかかるプログラムを素早くこなしたい時に役立つツールが、数多く紹介されていますのでご覧ください。 詳しくは以下 Creativ
2色のベースカラーを使ってグラデーションを生成できるジェネレーター「Blend」
グラデーションを作り出すのは、簡単なように見えて意外に難しいもの。絶妙な色合いをイメージ通りに表現したい、今回はそんな時に便利なwebジェネレーター「Blend」を紹介したいと思います。 2色のベースカラーを使ってグラデーションを生成できる、シンプルでありながらも使い勝手の良さが魅力のwebサービスとなっています。 詳しくは以下 使い方は非常に簡単で、左右に設置されたカラーパレットから好きな色を選択し、真ん中に設置されている双方矢印ボタンを押すだけ。すると2つのカラーを起点にしたグラデーションカラーがプレビューされます。webサイトなどに反映する際のコードの取得も可能。カラーパレットは、ベースとなる多色版から、色別の濃淡バージョンまで用意されています。 そのままコードとして取得できる点も嬉しいところ。いろいろ試してみて、グラデーションカラーのバリエーションを探ってみるのも良いかもしれません
チェックボックスとラジオボタンの無料jQueryプラグイン「12 Free jQuery Checkbox and Radio Button Plugins」
TOP > Design > チェックボックスとラジオボタンの無料jQueryプラグイン「12 Free jQuery Checkbox and Radio Button Plugins」 webサイト上で何かを選択する際に利用することの多いチェックボックスとラジオボタン。デザインされることはあまりなく、比較的シンプルでベーシックなタイプが利用されることがほとんどですが、今回はそこにデザインや独自の動きを追加できる、チェックボックスとラジオボタンの無料jQueryプラグイン「12 Free jQuery Checkbox and Radio Button Plugins」を紹介します。 Bootstrap Switch · Turn checkboxes and radio buttons in toggle switches 派手な演出ではありませんが、取り入れることでデザインが
さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」
TOP > Photoshop > さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」 デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。 Create a Mobile Shopping App Design in Photoshop – Tuts+ Design & Illustration Tutorial いろんな種類のUIデザインが紹介されており、作り方を参考にしながらハイクオリティな
キレイで視認性の高いクリエイティブなフリーフォント集「Free Clean and Crisp Fonts」
世界にはさまざまな種類のフリーフォントがリリースされており、特徴的なフォント、実用性の高いフォントなど特徴がありますが、今回紹介するのはキレイで視認性の高いクリエイティブなフリーフォント集「Free Clean and Crisp Fonts」 Corduroy Slab | Free on Behance 線の太いものや細いもの、角のあるものや丸みのあるものなどフォントがまとめられています。その中から今回はいくつか気になったものを紹介いたします。 Norwester – A Font by Jamie Wilson 線の太い丸みのあるフォント。見出しなどの目立たせたい要素に最適です。 Born Free Typeface | A mediterranean typeface | Carlos de Toro | Diseño gráfico y tipografía | Barcelon
様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」
TOP > WebDesign > 様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。今日紹介するのは様々なCSSレイアウトをダウンロードできるサイトをまとめたエントリー「465+ Useful CSS Layouts for Download」です。 Nice and Free CSS Templates/Layouts by My Celly 基本的な1カラム、2カラム、3カラムといったベーシックなものから、シンプルなものまで様々なCSSテンプレートがダウンロード可能です。今日は紹介されている中か
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
