[B! javascript][css][mobile] lepton9のブックマーク

lepton9 id:lepton9

javascriptとcssとmobileに関するlepton9のブックマーク (7)

Web標準でつくるガラケーサイト
このスライドは令和元年5 月18日に東京で開催された Inside Frontend #3で発表した資料に簡単な説明を追加したものです。フィーチャーフォンからデスクトップまですべてのデバイスで動くマインスイーパークローン(proxx.app)を作った経緯と開発の過程を発表しました。な…
lepton9 2019/05/20
javascript

css

mobile

development
リンク
[CSS]スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法
ビューポートを使った単位（vw, vhなど）は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか？サイトのナビゲーションやページコントロールはどうでしょうか？それらは計算に含まれますか？スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法を紹介します。 The trick to viewport units on mobile 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。ビューポートの高さ（vh）の仕様高さいっぱいの要素を表示する方法ビューポートのリサイズにも対応するビューポートの高さ（vh）の仕様 W3Cの仕様では、ビューポートの単位をどのように計算するかは漠然としています。スマホでは高さが重要になることが多いので、ビューポー
lepton9 2018/08/08
css

javascript

mobile
リンク
モバイルアプリ向けUIフレームワークionicがSassで作られている＆AngularJSに最適化されていて俺得すぎる | mah365
HTML5でモバイルアプリを作るなら、UIはionicで決まりなのでは！と思えるぐらい良いライブラリです。AngularJS＆Sass派の人はぜひ使ってみてはいかがでしょうか。はじめからAngularJSで使うことを念頭に置かれているのが良いはじめからAngularJSで使うことを念頭に置かれているので、モバイルアプリで当たり前に使う機能をAngularJSから簡単に操作できるように、ionic-angular.jsというライブラリが用意されています。ナビゲーション（Views and Navigation）テーブルビュー（List）タブバー（Tab Bar）スライドメニュー（Slide Menu）などなど、一通りの機能がAngularJSから操作できるようになっています。設計方針もCocoa Touchっぽくしているとのことで、iOSネイティブで開発していた人にもとっつき
lepton9 2014/01/31
angularjs

mobile

development

css

javascript
リンク
フロントエンドチューニングの箇条殴り書き
普段気をつけてるよリスト "モバイルで、WebViewとブラウザのコンパチで、特にセオリー化されていないデザインモジュールのなか、装飾画像もふんだんに使うぞ系サービス開発" の文脈における、パフォーマンス確保のため気をつけてるよリスト。よく、パフォーマンス「向上」とか「確保」とか申しますが、メンテナンスコストなどと天秤にかけて、「必要十分」のラインを狙うのが重要だと思う次第。画像リソース画像リソースを揃えるときのセオリ。圧縮率とか最適化とか細かいチューニングはあれど、大雑把に下記を守る。そしてImage Optim（or 相当の処理）。 JPEGはプログレッシブで画質60くらい（オレ目安） PNGは差し支えない範囲で色数をきちんと削る 50px未満のサムネイルは@2.0xなリソースにしない案外、Androidあわせの@1.5xや@1.0xでも大丈夫なことすらある GIFアニメを入れ
lepton9 2013/10/31
performance

mobile

css

Javascript

development
リンク
Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！ | OpenWeb
ここ数日、Firefox OSがにわかに盛り上がってまいりました。 2013年1月21日に開催した「第35回 HTML5とか勉強会（テーマ:『Web+OS最前線！』）」では、浅井智也さんのプレゼンテーションが大好評だっただけではなく、サプライズゲストとして登場した田中社長がFirefox OS搭載端末について言及しました。そして本日、ついに開発者向けの実機もリリースされるというニュースが世界中を駆け巡りました。そんなFirefox OS、昨年の味見部で触ってからずっと気にはなっていたのですが、いよいよ勢いも出てきたということで、ちょっと調べて見ることにしました。とは言えぼくは、インストール可能な実機を持っているわけではないので、Firefox OSシミュレータを用いて、全部デスクトップで試してみます。 Firefox OSアプリの基礎知識 Firefox OSアプリ開発に必要なスキル
lepton9 2013/01/24
firefox

development

javascript

html

css

mobile
リンク
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies 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
lepton9 2011/10/15
android

iphone

design

html
リンク
作ろうiモード：iモードブラウザ2.0 | サービス・機能 | NTTドコモ
ブラウザキャッシュサイズは500KBです。 Shift_JIS、UTF-8の文字コードが利用可能です。 GIF、JPEG、BMPの画像が表示可能です。 JavaScript、CSSに対応しています。 176種類の基本絵文字と76種類の拡張絵文字、デコメ絵文字が利用可能です。
lepton9 2009/05/20
development

browser

mobile

programming

javascript

css
リンク
1