【CSS】見出しが変に改行しない！スマホのfont-size指定にvminを使ってみよう
スマホのfont-sizeの指定で良さげな指定方法を見つけたのでご紹介いたします。 特に見出しなんかの大きな文字を使用する場面で活用できそうです。 スマホあるある見出し改行しちゃう問題 スマホのコーディングしてると、見出しやキャッチコピーなどちょっと大きい文字がデバイス幅によっては改行位置が意図しない場所になってしまうことってありませんか？ スマホデバイスの多様化に伴い結構直面する問題な気がします。 せっかくのデザインがそれだと残念ですよね。 fontをvminで指定すると改行せずに文字サイズを小さくもできる そこで登場するのがvminです。これをfont-sizeの指定に使うことで改行せずに見出しをコーディングする事ができます。 百聞は一見にしかず。早速デモを見てみましょう。 font-sizeをvminで指定したデモ デモを作りブラウザ幅の変化によってどう変わるかをGIFアニメにしてみ
インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。
インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…？？ まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか？ どういう経緯で買ったのかも知りたいです。 女子大生： このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着ている人の写真を見てみました。 その写真を見ながら「わたしが着ても似合うかな？」って妄想するんですよ。日本人の体型でも似合うかな、自分が着てもカワイイかなって。笑 たしかに、通販サイトにも写
【まとめ】WebSig会議 vol.33「感覚的アプローチからのスマホUIデザイン」を行いました。 | future-proof.jp
先日、6/29にmixiさんをお借りして33回目となるWebSig 24/7が実施されました。 テーマは「感覚的アプローチからのスマホUIデザイン」。 今回は、モデレータとして運営側になり、初めての開催となりました。 WebSigには数年前からちょくちょく参加するようになり、モデレータのメンバーとも何度かやりとりしているうちに気がついたら、モデレータになっていましたw 「良いスマホアプリを作るのはWebよりはるかに難しくね？」 これが、最初の課題意識への問いかけだったのですが、これに対して考えたのは、 スマホのタッチインターフェースは、マウスと違って画面を直接触れるようになったことでより「感触」や「心地」が重要な要素になった 「感触」や「心地」のような部分はいままでの「メディア」としてのPC Webサイトではあまり語られなかった部分であり、UXデザインや、サービスデザインのような戦略か
Thinking Backwards: モバイルデザインと情報アーキテクチャの課題
2014年3月8日 (土) に開催したセミナーイベント「アップグレードふくい＋ for the WEB」で講演したセッション「モバイルデザインと情報アーキテクチャの課題」で使用したスライドです。 アップグレードふくい＋ for the WEB http://ugfplus.fisc.jp/Read less
スマホ専用の検索ランキングってあるの？スマホSEO対策の基本をマル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、じつかわです。ヴォラーレという会社でSEOコンサルタントをしています。 現代のWebビジネスを考える際、もはやスマホを無視して考えることはできなくなってきています。ここ1〜2年で、「スマホのSEOってどうすれば良いの？」という声も大変よく聞くようになってきました。 実際のところ、スマホサイトを構築する際にSEO的な要件はどうすればいいんだろうか……と悩まれる方は多いかと思います。今回はそんなスマホとSEOの関係についてマル�ッと紹介したいと思います。 「スマホ専用の検索ランキング」は存在する？ いきなりすこし込み入った話をしますが、かなり注目度の高い重要な質問だと思います。 スマホのSEOを考えるときにまず話題になるのが、「スマホ専用の検索ランキング」というものが存在するのかどうか。スマホサイトを持っていなければ検索上不利になるのか、スマホ向けのユーザビリティがどこまで加味され
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
スマホ対応！パララックスサイトの作り方 | SONICMOOV LAB
皆様おひさしゅうございます。 ラーメン女子のうさこでございます。 最近は大好きなラーメンも食べるのを控えています。 えらいことになってるんですよ・・・ 親に骨皮筋子と言われた私でも・・・！ 以前、会社の飲み会でデザイナーのユウコさんに、25 歳を超えるといくら食べても太らなかった体質も変化するから気をつけた方がいいよ！・・・というありがたい言葉をいただきました・・・ まさに今、身に染みて体感中でございます（涙 4月9日をもって Windows XP がサポート終了となりましたね！ これで IE6 との長き戦いにも終止符が打てそうですっ！やっとですよ、やっと・・・！ IE6 消え失せろ～♪ ついでに言うと、IE8 も消えちゃっていいんだぜ☆ さて・・・今回で3回目の投稿となりますっ 今回は、スマホに対応したパララックスサイトの作り方についてご紹介！ Sublime Text ネタで通してきた
「少数精鋭で勝つ」Androidアプリ世界展開のポイント～アプリ収益化編～
「少数精鋭で勝つ」Androidアプリ世界展開のポイント～アプリ収益化編～ ■テーマ 成功するマネタイズ戦略の“チェックポイント” ■マネタイズの目的とは？ 収益の最大化が一番重要 ■アプリ事業の売上を構成するものは？ ・アプリ内課金 ・アプリ内広告 上記の2つのみ ■アプリ事業のコストを構成するものは？ ・開発コスト ・運用コスト ・プロモコスト リクープをしなければ収益は生まれない ■アプリ内課金のチェックポイント ・ポリシー＞セッティング＞ルール＞マネタイズの方式 ・アプリ内課金での成功は要件定義の上に成り立つもの ・海外展開においても不変 ・要件定義をプロモ担当から開発者まで全員に共通認識化させることが大切 ■アプリ内広告のチェックポイント ・課金+広告モデルで市場の隙間領域を狙う ・LOWコスト/HIゲインの収益モデルを目指す ・アプリ内広告の収益化は大きく4つにわかれる ・アプ
レスポンシブなウェブデザインをする際に役立ちそうなこと（主にスマホ対応）のまとめ
レスポンシブにデザインしたサイトを作った際に役立ったこと（主にスマホ対応）を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト：1024px以上用（PC用）の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用（タブレット用）の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用（タブレット／スマートフォン用）の記述 */ } @media scre
「深津貴之氏に学ぶ、スマホUI/UX講座 〜iOS7についての考察とfladdictデザイン論〜」に参加してきました。 | DevelopersIO
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
タッチUXを実現する7つのポイント
思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で
スマートフォンサイトのコーディング Tips あれこれ | バシャログ。
ゴールデンウィークはゴールデンに過ごせそうにない Latin です。 今回はスマートフォンサイトのコーディング周りでのあれこれをまとめてみます。 先日の macky の記事、「スマホサイトの矢印付きメニューをCSSのみで実装する。」もあわせてご覧ください。 viewport 系の設定 描画サイズをデバイスの横幅に合わせる、拡大縮小を不可に これが一番よく見る形式でしょうか？ <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 文字サイズの自動調整をオフにする 各スマホブラウザでは、横向きにすると text-size-adjust の処理が走り、自動で文字サイズを最適化（拡大）する機能があります。 読
【UNITE JAPAN2014】ゲーム開発を影で支えるミドルウェアの力をとくと見よ！ | ファミ通App【スマホゲーム情報サイト】
たくさんのゲームで採用されていますここではCRI・ミドルウェアの講演”刺激的で魅力的! スマホで増える、演出へのムービー活用”の内容をお届けする。CRIはファミ通Appの連載”CRI幅朝徳のひらけ！ブラックボックス”を読んでいただいている方はご存知かもしれないが、ゲーム機で使われる「ミドルウェア」を開発＆提供する開発会社。そもそもミドルウェアって……という人もまだいるかもしれないので、ぜひ本記事でその力の一端を学んでみてほしい。 ゲームとムービーを結びつけるSofdec2 まずはこちらをご覧いただきたい。これは現在CRIのミドルウェアを採用しているスマホタイトルの一部だ。ファミ通Appでおなじみのタイトルも多いが、好きな人はパチスロ系のタイトルが多いのにもお気づきだろう。演出で動画を多用するパチスロ系のタイトルは、今回紹介するSofdec2との相性が非常に良いためだ。 CRI・ミドルウェア
【UNITE JAPAN2014】スマホに合わせてスリムになっていた『ドラクエVIII』 | ファミ通App【スマホゲーム情報サイト】
移植は簡単ではない2014年4月7日、8日にかけて都内でUnity主催の公式カンファレンス”UNITE JAPAN2014”が開催中。これは、Unityユーザーに向けたさまざまな情報やデモ、セッションが行われるというもので過去にアムステルダムやサンフランシスコなど世界の各都市で開催され、8回目を迎える今回は日本での開催となった。 [関連記事] ※【注目アプリレビュー】ついに初リメイク！ 『ドラゴンクエストVIII』をさっそくプレイしてみた ここでは、”Unityでコンソールタイトルを移植する～ドラゴンクエストVIII移植から学ぶ、大規模開発テクニック～”としてスクウェア・エニックス、トーセのキーマンによる講演をお届けする。 本講演は、プレイステーション2（以下、PS２）で開発された『ドラゴンクエストVIII 空と海と大地と呪われし姫君』（以下『ドラクエVIII』）を、Unityを使ってスマ
「売れる」アプリに欠かせない超カッコいいLPテンプレ 10選|グロースハックジャパン|Growth Hack Japan
ユーザー獲得（アクイジション）最大の間口の１つ、ランディングページ。 テンプレが固定されているGoogle PlayやApp Storeと比べてデザインの融通が利く分、アプリの印象を伝える最適なマーケティング・チャネルです。 一方、リソースの少ないスタートアップではアプリの開発に手がいっぱいで、LPのデザインに多くの工数をかけられないのも現実です。 そこで本日は、多くのリソースを割かずともアプリの魅力を印象づけられる超かっこいいLPテンプレを10個ご紹介致します！ FeedApp 特徴: カラフルなフラットデザイン 価格: 10ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Landiin 特徴: アプリ内UIのサンプルを動的に見せることが可能 価格: 11ドル レスポンシブ: PC、タブレット、スマホ対応 ライブデモはこちら Rise 特徴: 3種類のバリエーショ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity＋スマホで3Dゲーム開発最適化するための考え方
マルチスクリーンを考慮したデザイン入門 – WEB-DD
【スマホゲームマーケ部：事前予約最前線】獲得最大化への鍵!! ユーザ心理をくすぐる為には？（6月14日） / GameBusiness.jp
Onsen CSS Components