タグ

developmentとsmartphoneに関するakira_maruのブックマーク (6)

  • Google Chromeでスマホサイト制作

    Google Chromeでスマホサイト制作 @ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 追記:最新バージョンでの利用方法は以下のエントリーに記述しました。 Google Chrome 37でスマホのエミュレーションを行う 基的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Screen resolution」を320×480に設定して表示領域をスマートフォンと同じくらいになるように設定して、「Emulate touch events」にチェックを入れタッチイベントをエミュレートしています。案件によ

    Google Chromeでスマホサイト制作
  • 貧乏の原因|辛い生活から脱出するための節約方法を紹介!

    辛い貧乏生活から脱出するにはどうすれば良いのでしょう?そのためには貧乏になった理由、節約方法を知っておく必要があります。当サイトでは貧乏の原因、主婦に嬉しいご飯の節約レシピなどを詳しく紹介しています。 辛い貧乏からは、脱出するには方法がちゃんとあります。 お金では、買えないものはあるとよくいいますがそれはただの言い逃れです。 辛い状況から脱出するには、自分に言い訳をしている間は無理があります。 まずは、今の貧乏の理由を見つけることです。 そして、今の状況が辛いと感じるのなら脱出するにはどうするのか真剣に考えることです。 お金がないのなら、まずは収入が上がるように仕事を頑張ることです。 これ以上、仕事は頑張れないのなら後は、お金の使い方の意識を変えることです。 貧乏という人ほど、つまらない見栄をはったり無駄使いをしています。 そして、少しの節約をバカにしていませんか? まず、一番にしてほしい

  • 【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた

    最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに(備忘録も兼ねて)スマートフォン向け開発(主にネイティブアプリ開発)におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ

  • Adobe Shadowが便利!導入手順をまとめてみた! (PIXEL LAB)

    Adobe Shadowとは まだ、プレビューリリースですが、かなり即戦力なソフト「Adobe Shadow」が昨日公開されました。 ウェブサイトのスマホ対応は、なかなか手ごわいテーマですが、このソフトをつかえば、 Win、もしくはMacChromeで表示しているウェブサイトを、iOSデバイスや、Androidデバイスにて、 同時に表示してくれます。いちいち、スマホにアドレス打ち込んだり、タップしなくてもOK!チラ見でOK!! 検証作業のストレスが、圧倒的に軽減されます。 あと、ほかのサイトは、スマホ対応、どうしてるんだろうかといったとき、 Chromeでチェックすれば、デバイスでもすぐに表示されるので、他サイトの検証にも役立ちます。 ちょうどリアルタイムで、スマホ対応で泣いている僕に、希望の光をくれたこのソフトのために、 導入方法を紹介したいと思います。 ちなみに、デバッグ機能もあるの

    Adobe Shadowが便利!導入手順をまとめてみた! (PIXEL LAB)
  • 2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ

    デスクトップ用の各ブラウザをはじめ、スマートフォン、ワイドスクリーンなど、さまざまユーザー環境を想定して確認できるツールを紹介します。 各ツールで表示しているのは、Media Queriesを使用している「CSS-Tricks」です。

  • 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

    Youtubeの動画を背景に
  • 1