スマートフォン

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

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

Androidアプリ開発のツールについて
投稿日:2016年2月19日

Androidアプリを作ってみようと思い、どんなツールが使われているのか調べてみて以下の三つに絞ってまとめてみました。 ・java関連で日本でもよく知られている「Eclipse」 ・Google公式として公開されている「Android Studio」 ・Android端末で開発できる「AI ...

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

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

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

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

制作会社からみるGoogleモバイルフレンドリーまとめ
投稿日:2015年4月4日

2015年4月21日から開始されるGoogleのモバイルフレンドリーについてスマートフォンサイトの制作会社として纏めてみました。 なぜGoogleのモバイルフレンドリーが必要か!? ユーザーにとってスマートフォンなどの携帯端末を使って、多くの情報を気軽に検索することは今や日常茶飯事になっ ...

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

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

[HTML] シンプルで幅広いカスタマイズができるform
投稿日: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 日本語版」サイトから「今すぐあなたのウェ ...

フェードイン・フェードアウトによる画像スライドショーを jQuery で簡単に
投稿日:2012年11月9日

画像をフェードイン・フェードアウトしながらスライドショー をするサンプルです。jQuery を利用すれば、数行のコードを追加するだけで実装できます。 サンプル サンプルのソースです。 ...

iOS の Siri で経路の検索とローカル検索とレストランの情報が利用可能に。
投稿日:2012年10月19日

iOS の Siri で、経路検索・ローカル検索・レストラン情報の利用ができるようになったようです。 ルート検索をしてみると マップが立ち上がりルート検索が開始されます コンビニをきくと ランチと言ってみたら お店の情報が見れます スポーツ ...

スマートフォンサイトでgoogleMapを表示する際に不要なボタンを削除する方法
投稿日:2012年10月18日

スマートフォンサイトでgoogleMapを表示した際に、下の方に出るボタン(情報)を出したくない時ってありますよね。 地図の周りをボーダーに囲むデザインとかにする時には、出すとデザイン的に見栄えが悪くなるので出したくないと思います。 ▼このボタンを出したくない そんな時は、go ...