読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

CSS の nth-child で特定の要素を指定するメモ

例:先頭から2番目以降すべての ul で、先頭から3番目までの li 要素 <html lang="ja"> <head> <meta charset="utf-8"> <title>TITLE</title> <style type="text/css"> ul:nth-child(n+2) li:nth-child(-n+3) { background: green; } </style> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <ul>…</ul></body></html>

ささっとWebデザインというかコーディングをするのに便利かと思って『html5-scss-coffee-boilerplate』作って GitHub にアップしてみた

HTML と CSS + JS でコーディングするより、HTML + SCSS + CoffeeScript でやりたい でも Grunt とか Yeoman とかインストールしたくない、と思ってたら丁度良く下記エントリー発見。 昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー 昨今…

HTML5 の script タグの type="text/javascript" は省略可

利用するスクリプトがJavaScriptの場合にはtype="text/javascript"となりますが、 type属性の初期値はtype="text/javascript"なので、JavaScriptの場合にはtype属性の指定を省略することができます。 <script>-HTML5タグリファレンス HTML5では下記のように省略可 <</script>…

Responsive Website Design

examples 60 Examples of Responsive Website Design | inspirationfeed.com Responsive Web Design: 50 Examples and Best Practices - Designmodo how to How to Design a Mobile Responsive Website | UX Booth Responsive web design japanese レスポン…

PhoneGap で iPhone アプリをリリースしてみて思ったことなど。

iTunes Store へ接続中です。 シンプルな思考補助タイマーアプリ『ThinkingBreak』for iPhone をリリースしました。開発は PhoneGap で。 - 牌語備忘録 - pygo マルチプラットフォーム。iPhone以外でも。 PhoneGapの売りのひとつなので、一応さまざまな環境…

PhoneGap で作ったアプリが Android 2.1 環境の時だけ表示おかしくなると思ったらcanvasタグのバグだった件

Android 2.1 の canvasタグまわりにバグがあるらしい。drawImage() 使うと致命的に。 Android 2.2以降では治ってるそうな。 詳しくは書きサイトで スマートフォンのcanvasタグのバグのまとめ - yukobaのブログ Android Eclair(2.0/2.1)ブラウザでCanvasを使…

PhonGapでiPhoneアプリがバックグラウンドにいってしまった時にアラート通知を表示したいなと思い調べてみた

『iPhone と PhoneGap で スリープ時やアプリがバックグラウンド時でのアラート通知表示とかどうやるのかわからんからメモ - 牌語備忘録 - pygo』の続き LocalNotificationでいけるんじゃね? phonegap/phonegap-plugins · GitHubを見てたら『LocalNotificat…

nxml-modeでHTML5のValidationうまく動かないかなと

思って喧々諤々やってみたけど失敗した。 hober/html5-el · GitHub kzh / HTML5 RelaxNG Schema / source / relaxng — Bitbucket EmacsWiki: Flymake Htmlに記載のやり方で "tidy" ってのがHTML5に対応すれば簡単に済む話なんだけど。 なんか他にコマンドラ…

PhoneGap のことなど

PhoneGap PhoneGap | Home PhoneGap Fan - PhoneGap (Cordova) の日本語コミュニティ How to PhoneGapで手軽にiPhone/Androidアプリを作ろう:連載|gihyo.jp … 技術評論社 PhoneGapで始めるWeb→スマホアプリ制作入門(1):PhoneGapでAndroidアプリを作るた…

続『iPhoneアプリケーション開発ガイド――HTML+CSS+JavaScriptによる開発手法』5章 クライアントサイドのストレージ を jQuery Mobile に書き換えてみた。

(main.js若干修正)『4章 アニメーション効果 を jQuery Mobile に書き換えてみた。』の続き サンプルが jQTouch だったので jQuery Mobil でやってみた。 O'Reilly Japan - iPhoneアプリケーション開発ガイド jQuery Mobile ファイル構成 img/button.png j…

jQuery Mobile と jQTouch と Sencha Touch の事など

結果から言うと取り敢えず jQuery Mobile でやって、物足りないなら Sencha Touch でって感じかな jQuery Mobile jQuery Mobile jQuery Mobile の紹介 Good 本家jQueryから公式リリース 将来期待できる(気がする) 比較的導入の敷居が低そう MITライセンス …

『iPhoneアプリケーション開発ガイド――HTML+CSS+JavaScriptによる開発手法』4章 アニメーション効果 を jQuery Mobile に書き換えてみた。

サンプルが jQTouch だったのでjQuery Mobil でやってみた。 O'Reilly Japan - iPhoneアプリケーション開発ガイド jQuery Mobile <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Kilo</title> <link rel="stylesheet" href="js/jquery.mobile-1.0b3.min.css" />…</link></meta></meta></head></html>

EmacsのFlymakeでJavascriptとHTMLの構文チェックしてみる

とりあえずJSとHTMLはできたので設定メモ。後で書き足すかも。 CSSはどうやるのかわからん。 (CSSの設定などはこちら『CSS のリアルタイム文法チェックを Emacs の Flymake で Python の cssutils を使ってやってみた - 牌語備忘録 - pygo』) ;;;;;;;;;;;;…

Emacs と flymake で HTML の構文チェックしたとき日本語がエラーになる場合

EmacsWiki: Fly Make EmacsWiki: Flymake Html 文字コードが euc-jp しか対応してないか何か?でutf8とかにしてると日本語がエラー表示になるらしい。 なので文字コードを指定すれば良いみたい。 こんな感じで『(list "tidy" (list "-utf8" local-file)』 ;;…

積ん読本を読む『iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法』

★★★★★ 技術書の翻訳本は読みづらい事が多いけど、これは読みやすく且つ解りやすいと思う。 webサイトやwebアプリを制作してる人が、手軽にiPhoneアプリを作る選択肢の一つとしては良いのかも知れない。 書籍発行時期的にしかたかなったのかもしれないけど jQ…

EmacsでPythonスクリプトを実行してHTMLの画像をサイズ取得して(以下略

前回『画像サイズをPythonで取得してみた - 牌語備忘録 - pygo』の続き shell-command-to-string emacs lisp でコマンドの出力を文字列として返すには (shell-command-to-string コマンド) を利用すればできるっぽい。 準備 上記、前回記事のコード「get_ima…

nXhtml-modeメモ

導入にあたって四苦八苦したのでメモ Carbon Emacs に最初から入ってたnXhtml ファイルをダウンロードしたり、MacPortsでインスコとか失敗しまくって困ってた。 が、最初から入ってた&簡単設定だった(´・ω・`) CarbonEmacs200811版の場合(MacOSX10.5) 23.nx…

少しばかり CSS あたりお勉強と『mmm-mode』

少々やってみようかと 崩れないfloatレイアウトのための鉄則 とても参考になった http://adp.daa.jp/archives/000250.html HTML の中の CSS と JS は『mmm-mode』が便利 『キャレット位置によって複数のメジャーモードを切り替えるmmm-mode - ヒルズで働く@r…