HTML
通常の タグ <ol> <li>hoge</li> <li>fuga</li> </ol> 表示 1. hoge 2. fuga 括弧付きの数字を表示させる <style> ol.bracket, ol.closing_bracket { list-style-type: none; } ol.bracket > li, ol.closing_bracket > li { counter-increment: cnt; } ol.bracket > li:before { content: "("co…
medium.com developers.google.com developers.google.com developers.google.com qiita.com developer.mozilla.org developer.mozilla.org
tidy をインストール MacOS の場合 $ brew install tidy-html5 設定 emacs.d/init.el (add-hook 'after-init-hook #'global-flycheck-mode) (eval-after-load 'flycheck '(flycheck-add-mode 'html-tidy 'web-mode)) 参考リンク Flycheck — Syntax checking …
例：先頭から2番目以降すべての ul で、先頭から３番目までの 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>
HTML と CSS + JS でコーディングするより、HTML + SCSS + CoffeeScript でやりたい でも Grunt とか Yeoman とかインストールしたくない、と思ってたら丁度良く下記エントリー発見。 昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー 昨今…
利用するスクリプトがJavaScriptの場合にはtype="text/javascript"となりますが、 type属性の初期値はtype="text/javascript"なので、JavaScriptの場合にはtype属性の指定を省略することができます。 <script>－HTML5タグリファレンス HTML5では下記のように省略可 <</script>…
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 レスポン…
iTunes Store へ接続中です。 シンプルな思考補助タイマーアプリ『ThinkingBreak』for iPhone をリリースしました。開発は PhoneGap で。 - 牌語備忘録 - pygo マルチプラットフォーム。iPhone以外でも。 PhoneGapの売りのひとつなので、一応さまざまな環境…
Android 2.1 の canvasタグまわりにバグがあるらしい。drawImage() 使うと致命的に。 Android 2.2以降では治ってるそうな。 詳しくは書きサイトで スマートフォンのcanvasタグのバグのまとめ - yukobaのブログ Android Eclair(2.0/2.1)ブラウザでCanvasを使…
『iPhone と PhoneGap で スリープ時やアプリがバックグラウンド時でのアラート通知表示とかどうやるのかわからんからメモ - 牌語備忘録 - pygo』の続き LocalNotificationでいけるんじゃね？ phonegap/phonegap-plugins · GitHubを見てたら『LocalNotificat…
思って喧々諤々やってみたけど失敗した。 hober/html5-el · GitHub kzh / HTML5 RelaxNG Schema / source / relaxng — Bitbucket EmacsWiki: Flymake Htmlに記載のやり方で "tidy" ってのがHTML5に対応すれば簡単に済む話なんだけど。 なんか他にコマンドラ…
PhoneGap PhoneGap | Home PhoneGap Fan - PhoneGap (Cordova) の日本語コミュニティ How to PhoneGapで手軽にiPhone/Androidアプリを作ろう：連載｜gihyo.jp … 技術評論社 PhoneGapで始めるWeb→スマホアプリ制作入門（1）：PhoneGapでAndroidアプリを作るた…
（main.js若干修正）『4章 アニメーション効果 を jQuery Mobile に書き換えてみた。』の続き サンプルが jQTouch だったので jQuery Mobil でやってみた。 O'Reilly Japan - iPhoneアプリケーション開発ガイド jQuery Mobile ファイル構成 img/button.png j…
結果から言うと取り敢えず jQuery Mobile でやって、物足りないなら Sencha Touch でって感じかな jQuery Mobile jQuery Mobile jQuery Mobile の紹介 Good 本家jQueryから公式リリース 将来期待できる（気がする） 比較的導入の敷居が低そう MITライセンス …
サンプルが 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>
とりあえずJSとHTMLはできたので設定メモ。後で書き足すかも。 CSSはどうやるのかわからん。 （CSSの設定などはこちら『CSS のリアルタイム文法チェックを Emacs の Flymake で Python の cssutils を使ってやってみた - 牌語備忘録 - pygo』） ;;;;;;;;;;;;…
EmacsWiki: Fly Make EmacsWiki: Flymake Html 文字コードが euc-jp しか対応してないか何か？でutf8とかにしてると日本語がエラー表示になるらしい。 なので文字コードを指定すれば良いみたい。 こんな感じで『(list "tidy" (list "-utf8" local-file)』 ;;…
★★★★★ 技術書の翻訳本は読みづらい事が多いけど、これは読みやすく且つ解りやすいと思う。 webサイトやwebアプリを制作してる人が、手軽にiPhoneアプリを作る選択肢の一つとしては良いのかも知れない。 書籍発行時期的にしかたかなったのかもしれないけど jQ…
前回『画像サイズをPythonで取得してみた - 牌語備忘録 - pygo』の続き shell-command-to-string emacs lisp でコマンドの出力を文字列として返すには (shell-command-to-string コマンド) を利用すればできるっぽい。 準備 上記、前回記事のコード「get_ima…
導入にあたって四苦八苦したのでメモ Carbon Emacs に最初から入ってたnXhtml ファイルをダウンロードしたり、MacPortsでインスコとか失敗しまくって困ってた。 が、最初から入ってた＆簡単設定だった(´･ω･`) CarbonEmacs200811版の場合（MacOSX10.5） 23.nx…
少々やってみようかと 崩れないfloatレイアウトのための鉄則 とても参考になった http://adp.daa.jp/archives/000250.html HTML の中の CSS と JS は『mmm-mode』が便利 『キャレット位置によって複数のメジャーモードを切り替えるmmm-mode - ヒルズで働く@r…
