『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
スマホアプリの使いやすさって、なんだろう? 実は最近、よく考えてるテーマです。そんな感じのメモ。 「使いやすい」時、どう感じるのか まず、使いやすい!と思った時にどう感じてるのか、を整理してみると、・なんか気持ちイイ!・こりゃ簡単!・また使いたくなってくる!そして、・長く使うようになる・そのうち無意識に使うようになる つまり、使いやすさの重要なポイントとは以下。・簡単・気持ちよい 「簡単」ってなんだろう では、簡単って何でしょう?・見ただけで分かる・迷わない・(他のアプリと)操作が同じ・ボタン、機能の数が少ない・数が多いと選択、判断が入る故、難しい・5個がボーダー かも?・スーパーヒーローも基本は5人。・そういう意味では3個もアリ。・慣れたら5個以上になっても平気。・その頃の「基本の5個」はきっと空気のような存在になってる。・つまりスーパーヒーローでシーズン中盤から追加メンバが入るのは 決
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries(メディアクエリ)。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました! 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries(メディアクエリ)を使って、iPad、iPhone など、いろんなデバイスに対応(対応というか、一応見れる程度)にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
JSColor ? JavaScript / HTML Color Picker, Selector, Chooser シンプル&軽快なカラーピッカー実装ライブラリ「JSColor」。 デザインとしては次のようなデザインで<input>ボックスにカーソルを合わせるとポップアップして軽快に動作します。 必要十分な機能になっていて無駄な機能がないのが特徴です。単純に色を選んでもらうにはこうした軽くて無駄な機能が少なく分かりやすいものが実用的なのかも。 実装は<script>タグでライブラリを読込、<iput class="color"> とやるだけでよいらしく超お手軽。 ピッカーの表示位置を<input>の左右上下に選べたりもするみたいです。 1つの選択肢として覚えておいてもよいですね 関連エントリ シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPic
※注意 本記事はソフトバンクショップ店員に確認をして記事にしておりますが、 どうやら質問をさせていただいたソフトバンクショップ店員がよく把握をしていなかったようです。 iPhone for Everybodyからは抜けられるが、ホワイトプランの2年縛りからは逃れられないという情報をいただきました。この件については再度ソフトバンクショップに確認し、追記修正させていただきます。→追記致しました。 ソフトバンクショップに再度質問を行ったので、追記致します。 「パケットし放題forスマートフォン」から「パケットし放題フラット」に変更を行ったのですが、2年契約は発生しますか? →お客さまのホワイトプランに(i)と書いてある場合には発生いたしません。(N)と書いてある場合は発生します。(N)はどういった場合に発生しますか? →お客様がご希望された場合に(N)に切り替わります。(N)のメリットはなんです
他の企業がどのようにFacebookページを運営しているか? 気になりませんか? 以前、『Facebookページ 運営者白書』、始めました。の記事でご協力をお願いした『Facebookページ 運営者白書』のアンケート結果がまとまりました。 今回はその25問に渡るアンケート結果を大公開します!! 今後、ここからの考察も深堀りしながら考えていきたいですが、まずはそのままの結果を発表させて頂きます。皆さんの運営の参考になりますと嬉しいです! ※次回集計に向けて※ 「次回集計ではこんなことを知りたい!」などご希望ありましたら、記事下のコメントプラグインより教えて頂けますと幸いです。 ※アンケートにご協力頂いた方、ローデータの提供をご希望の方へ※ info@grouprise.jpからお問い合わせを頂ければと思います。メールを頂戴出来ましたら主幹のグループライズさんよりおってご連絡差し上げます。 目
これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T
WordPress のテーマを自作するときに、よく使っているコードのまとめです。主に functions.php に書いている基本的なコードばかりです。私は仕事で Webサイトを作っているので、後半はクライアントさん向けの Webサイト用コードです。 私、Evernote を使ってるんですけど、WordPress をカスタマイズするコード … たくさんクリップしてあって、ちょっとごちゃごちゃしてきたので整理しました … X( その中から一般的に使えるコードだけまとめてみました。個人的によく使うコードなど、一カ所にまとめておきたいなーと思ったのでメモ書きです。全部 WordPress 3.2 になってから、テスト済みです。 WordPress のよくあるカスタマイズ 目次 セッティング関連 ソーシャルボタンを追加 抜粋表示、the_excerpt 関連 タイトルの文字数を制限して表示する 特
企業や会社のブログ運営時に行き詰まった時などに参考にしたい、新鮮で魅力的なコンテンツを提供するための42のアイデアを紹介します。 41 Awesome Blog Post Ideas for Your Company Blog [ad#ad-2] 下記はebook「100 Content Ideas for Community Managers(コミュニティマネージャーのための100のコンテンツのアイデア)」から抜粋されたものを意訳したものです。 ※元記事のタイトルは41となってますが、36がダブりなので42にしました。 マルチメディアとビジュアル プロダクトのスクリーンキャストをScreenrで作成し、ブログで共有します。 スクリーンキャストでステップごとのガイドやハウツーのビデオなどを見せます。 会社用のイメージビデオを作成し、ブログに掲載します。 オリジナルのマンガのキャラクターを作
TOP > Design > フリーで利用できるストライプファブリックテクスチャ集「40+ Free Striped Fabric Textures for your Designs」 手作り感や優しさを感じられるファブリックを利用したデザインが増える中、手軽に利用できるストライプ柄のフリーテクスチャを集めた「40+ Free Striped Fabric Textures for your Designs」を紹介したいと思います。 Fabric Texture with 6 Color Options | elemis | raw materials for design 手染めの風合いがあるファブリックから、素材感を感じるファブリックまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Stri
Login with Google Account GoogleのアカウントにOpenIDでログインする実装チュートリアルが公開されています 実装コードはPHPで、参考にしてGoogleにログインして名前とメールアドレスを表示させるようなものになっているみたいです。 本番等にそのまま使うのはよくないと思いますが、たたき台として参考にできるかもしれません PHP+MySQL+PHP-Sessionを利用して実装されているみたいです。 関連エントリ ログイン/ユーザ登録といったフォーム実装用のフレームワーク「jFormer」 色々なサービスへ一発でログインできるオープンソース「Clipperz Community Edition」
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
jQuery Boilerplate [ad#ad-2] jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (function($) { $.pluginName = function(element, options) { var defaults = { foo: 'bar', onFoo: function() {} } var plugin = this; plugin.settings = {} var $element = $(element)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く