スマートフォン

【最新版*2020年度にむけて】Webデザイン参考サイトまとめ【WEBサイト/レスポンシブ/LP/バナー】
投稿日:2019年11月5日

もうすぐオリンピック開催年の2020年!最新のWebデザイン参考サイトをサイト、レスポンシブ、ランディングページ、バナー別にまとめてみました。 参考サイト自体が最新デザインであったり、使いやすい・見やすいサイトを厳選しました。 これからのデザイントレンドをチェックするのに是非ご活用くださ ...

ホームページリニューアルのすすめ【リニューアルの進め方/ポイント/手順】
投稿日:2019年10月10日

新しいデバイスの開発や通信の発達、急速なスマートフォンの普及で5年前に作ったサイトでも古く感じてしまうホームページ。今や会社の情報発信源、顔として必須のホームページも物理的な看板のようにリニューアルをする必要がありますよね。 「そろそろ自社のホームページをリニューアルしたいなぁ」と思った理 ...

【すぐに使える】ユーザビリティ&コンバージョン向上!WebサイトのためのUI・UX改善ポイント26こ
投稿日:2019年8月5日

せっかく良質なコンテンツや優れたデザインがあるのに、ユーザーにとって「使いにくい」サイトになっていませんか? サイトの使い勝手が良いかどうかはコンバージョンにも関わってくる重要なポイント。ディレクター・デザイナー・フロントエンドエンジニアのそれぞれが、ユーザーがどう利用するのかを予想しなが ...

もう悩まない。CSSでレスポンシブなtableデザイン&コーディング
投稿日:2018年7月17日

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることがで ...

初心者~上級者まで!Androidアプリ開発におすすめのツール3選
投稿日:2016年2月19日

Androidアプリを作るにあたってどの開発ツールが良いのか調べてみました。 Google公式として公開されている「Android Studio」 クラウドで開発できる「Monaca」 Android端末で開発できる「AIDE」 Google公式として公開 ...

Androidアプリデザインを始める前に知っておきたい4つのこと
投稿日:2016年2月4日

Androidアプリをデザインしよう!と思い立っても、ウェブデザイナーさんがいつものように作ろうとすると上手くいきません。 Androidアプリのための特有の知識が必要だからです。 が、ちょっと調べてみると知らないことが大量に出てきて焦りますよね。 そこで、Androidアプリデザインを始める ...

コーポレートサイトのトレンド ~フラットデザイン・ゴーストボタン・モバイルファースト~
投稿日:2015年5月13日

現在コーポレートサイトでトレンドとなっているデザインにはどのような特徴があるのでしょうか。 人気のフラットデザインやゴーストボタン、「モバイル・ファースト」の考え方をまとめました。 また、サイトのリニューアルを考える際にまずチェックすべき点を挙げてみましたので、ぜひ効果的なサイト制作にお役立 ...

Googleモバイルフレンドリーの基準とは?スマホのhtmlコーディングで気を付けたいポイント
投稿日:2015年4月4日

2015年4月21日から開始されるGoogleのモバイルフレンドリーについてスマートフォンサイトの制作会社として纏めてみました。 Contents なぜGoogleのモバイルフレンドリーが必要か!? 最適化指標「モバイルフレンドリー」の基準とは モバイルフレンドリーでの補足 モバイ ...

レスポンシブデザインのコーディングの3つのポイント
投稿日:2014年12月2日

PC用ページとスマホ用ページなど、横幅に応じた違うデザインを1つのhtmlで実現させちゃうレスポンシブデザイン。 最近多くのサイトで使われるようになってきました。 今回は、レスポンシブデザインにするメリット・デメリットは置いておいて、コーディングする際の自分なりのポイントを3つほどまとめてみ ...

[HTML] シンプルで幅広いカスタマイズができるフォーム
投稿日:2014年7月25日

web ページを制作する際 form まわりは時間のかかる作業のひとつです。form 部品の表示はブラウザごとや機種ごとでかなりバラつきがあるため、なかなかうまくいきません。 できるだけシンプルに、幅広いカスタマイズができるようなパターンを考えてみたいと思います。 ※ ...

BRISK T-シャツ作っちゃいました!!
投稿日:2014年7月17日

BRISKで密かに進められていた計画・・・・「BRISK T-シャツ作成計画」 始まりのきっかけは、城戸さんの一言。 「うちでT-シャツを作ろうか!?」 仕事の早いオールドルーキーの桜田さんはそんな突発的なことも即デザインしてくれます!! それがこちら!! ...

webページ作成で CSSアニメーションを具体的に使えないか試す
投稿日:2014年4月18日

CSS の animation や transition を使えるようになって久しいですが、実際の使いどころはいまいちな印象です。原因の大部分は IE にあるとおもいますけど。 そこで animation に対応しているまともなブラウザさんにはおもてなしを、 そして対応していない ...

【google+】スマホの容量が軽くなる!?写真をgoogle+に保存してみる
投稿日:2014年4月18日

最近、写真を撮ることが多くなり、iPhoneの容量不足に悩んでいた望野です! 今回は、そんな悩みを解消してくれた【google+】をご紹介します。 【google+】を使用している理由は、 無料!!(15GBまで) 簡単!!(すぐ使えます!) PCからでも他人のスマホからでも、ネットさ ...

レスポンシブWebデザインについて
投稿日:2013年3月18日

スマートフォンサイト制作において最近はいろいろな選択肢があります。 通常の制作以外にても、パッケージで安く作る、CMSを導入する等 要件、オーダーによっていろいろな手法があり その中の1つでレスポンシブWebデザインというものがあります。 レスポンシブWebデザインは、ブラウザの横幅に応 ...

iPhone5を購入しました。
投稿日:2013年2月22日

検証端末として社内にはiPhone4とiPhone4Sがあり iPhone5は画面が縦に伸びただけなのでiPhone4とiPhone4Sで検証できていればOK! という事で今までやってきました。 というかそれでOKだと今でも思っています。 ただ、ピンチイン、ピンチアウトやダブ ...

[jQueryプラグイン]いろいろなアニメーションが用意されたコンテンツスライダー | Adaptor, a jQuery 3D content slider
投稿日:2013年1月7日

jQuery を利用したコンテンツスライダーはいろいろな方法やいろいろなプラグインがありますが、CSSの 3Dプロパティを使ったエフェクトを選べるプラグインを紹介します。 Adaptor, a jQuery 3D content slider デモページ GitHub ...

WPtouchやKtai Styleを利用するときのWP Super Cacheの設定
投稿日:2012年12月27日

BRISKでは、ブログにWordPressを利用しているのですが、 モバイル機器からの閲覧を自動的に調整してくれるプラグインがWordPressにはあります。 いわゆるガラケーに対しては「Ktai Style」、 スマホに対しては「WPtouch」というプラグインを導入しています。 大変 ...

WordPressのWPtouchプラグインがAndroid 4.1 未対応なので暫定対応してみた
投稿日:2012年12月20日

BRISKでは、ブログにWordPressを利用しているのですが、 モバイル機器からの閲覧を自動的に調整してくれる便利なプラグインがWordPressにはあります。 いわゆるガラケーに対しては「Ktai Style」、 スマホに対しては「WPtouch」というプラグインを導入しています。 ...

BRISKで最近買った本 ~スマートフォンサイト デザインブック~
投稿日:2012年12月18日

BRISKでは実はあまり本を買わないのですが久々に買いました。 社内でも「ほしい本があれば言ってね。必要であれば購入するので。」 と伝えていますが、ネットで調べる文化が強いせいか まだ、一度もこの本がほしい。と言われた事が無いです。 ただ最近、珍しく最近本を購入しました。 「スマー ...

Google から提供開始された、スマートフォン対応のためのサイト「GoMo 日本語版」を試す
投稿日:2012年11月30日

スマートフォン最適化診断を提供していた「GoMo」で、PCサイトからスマートフォン向けに自動変換サービスの提供開始が Googleの公式ブログで発表されてます。 スマートフォン対応のためのサイト: 「GoMo 日本語版」提供開始のお知らせ 「GoMo 日本語版」サイトから「今すぐあなたのウェ ...