タグ

mobileとwebに関するefclのブックマーク (8)

  • “There Are More Bugs In Mobile Than… Particles In The Universe!” — Smashing Magazine

    If you run into technical problems in mobile, then you’ll know how annoying fixing them can be. We have all been there. But no, mobile isn’t actually dark matter, but it does require you to learn a few new things, some of which are quite confusing. That’s why we’ve teamed up with Peter-Paul Koch to create The Mobile Web Handbook, our practical new guide to dealing with front-end challenges in mobi

    “There Are More Bugs In Mobile Than… Particles In The Universe!” — Smashing Magazine
    efcl
    efcl 2014/09/30
    PPKによるモバイル周りのJSやCSSのバグや混乱する挙動などについてのガイドラインを提供する本。 viewportや300msの遅延、ズームの動作、Touch Event、Androidなどにハマりどころについて書かれてる
  • NavyJS

    NavyJS & NavyCreator Web application framework for mobile & IDE. Overview NavyJSは「ブラウザをアプリケーションプラットフォームとすること」目的に開発されています。 そのためには再利用可能なUI部品、アセットの管理、画面のライフサイクルなどのアプリケーションを開発する上での基的な機能をフレームワークとして提供する必要があると考えています。 また画面レイアウトを効率良く作成するためにはGUIによる開発環境も必要となってきます。 これらの機能と環境を1つのフレームワークとして提供しているのがNavyJSとNavyCreatorです。 しかし現状はこのコンセプトが世の中に受け入れられるのか?実現可能なのか?を確かめるために最小限の機能を持った フレームワーク(コンセプトフレームワーク)として提供することを直近のゴール

    efcl
    efcl 2014/02/26
    ウェブアプリケーションフレームワークとそれを利用したUIをGUIで作れるIDE。 シングルページアプリ系のアプリを作れる
  • GitHub - yeoman/generator-mobile: Scaffold out a mobile project based on Web Starter Kit

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - yeoman/generator-mobile: Scaffold out a mobile project based on Web Starter Kit
    efcl
    efcl 2013/12/19
    モバイルウェブサイト開発のYeoman generator. スクリーンショットやBrowserStackで開くタスク等が用意されてる
  • モバイルOSとWeb標準とそれらへのアプローチ

    2. 自己紹介 • 名前:きさと • Twitter ID:@rkisato • メインジョブ:ヌルゲーマー • サポートジョブ:SEという名の何か • FF11は2年ほど前に引退、FF14は自重 3. サポートジョブ または来のお仕事 • ∼4年前 • 業務系システムの製造→設計→PM • ∼3年前 • Android/iOSアプリ等の製造 • ∼1年前 • 社内ニート • Now • 某事業向けの技術調査やアーキテクチャ検討(非Mobile) 4. お題 • モバイルOSとWeb標準の関係 • そもそもWeb標準ってなんぞ • OS間のAPI差の情報が少なくて辛い • OS間のAPI差を調べ、まとめる取り組み • 資料の内容はFirefox OS特化でなく、Firefox OSも 含めた「HTML5 ready」なモバイルOSに共通の話

    モバイルOSとWeb標準とそれらへのアプローチ
    efcl
    efcl 2013/08/31
    モバイルOSと入ってるAPIの標準化の状態などについてのスライド
  • HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL

    このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ&ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ(t32k.me)が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ

    efcl
    efcl 2013/08/19
    HTTP 1.1/ ブラウザで見るHTTPリクエストの中身の解説と確認方法、同時接続数とHTTPリクエストの減らし方についての連載
  • Ratchet

    Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y

    efcl
    efcl 2012/11/08
    シンプルなHTML.CSS,JSのiPhoneアプリっぽいUIコンポーネント
  • Mozilla Web Apps - Super-VanJS

    This document provides an overview of Mozilla Web Apps including: - Web Apps can run on platforms like Windows, Mac, Android and more. - They are built with open web technologies like HTML5, CSS, and JavaScript. - A manifest file is needed to define the app and install it using the Mozilla Labs App Runtime extension. - Web Apps can use features like offline storage, IndexedDB, and fullscreen mode.

    Mozilla Web Apps - Super-VanJS
    efcl
    efcl 2012/01/15
    WebAppsについてのスライド。 Manifestファイルを利用したローカルキャッシュやnavigator.mozApps.install()を使いインストール https://developer.mozilla.org/en/Apps/Getting_Started
  • Mobile Performance Tools

    HTTP Archive Mobile a permanent repository for mobile performance data weinre weinre is Web Inspector Remote. Pronounced like the word "winery". Or maybe like the word "weiner". Who knows, really. Webkit Remote Debugging WebKit Developer Tools for remote debugging mobile webkit pages (like Android or iOS) Opera Dragonfly Wouldn't it be great if all debugging features could be used when debugging a

    Mobile Performance Tools
    efcl
    efcl 2012/01/06
    mobile webのパフォーマンス測定やデバッグに使えるツールのまとめ
  • 1