WebTecNote
[HTML5] アプリケーションキャッシュの使い方
- 2011-05-31 (火)
- HTML5
アプリケーションキャッシュは指定したファイルをローカルにキャッシュさせることで、
表示の高速化やオフラインでの動作を可能にするものです。
ブラウザでもその効果は体感できるが、一番威力を発揮するのはスマートフォン環境。
特に速度の遅い3G回線下にあるiPhoneで使うと、まるでWifiを使っているような気分が得られます。
- Comments: 0
- Trackbacks: 1
Xboxとkinectに釣られてコードを書いたら転職する事になった
- 2011-05-03 (火)
- Memo
私事で恐縮ですが…あ…ありのまま この春 起こった事を話すぜ!
- Comments: 1
- Trackbacks: 0
ScanSnap1500とPhotoshopでコミックスの電子書籍自炊メモ
- 2011-04-03 (日)
- Memo
まるっと業者に頼めばいっかーと思って数えてみたら漫画の単行本だけで300冊…
1冊150円が相場の業者に5万近く払うなら周辺機器揃えて自前でやっつけた方がオトクじゃないか?と思ったので
自炊に名高いスキャナーFUJITSU ScanSnap S1500と裁断機を手に入れましたヽ(´∀`)ノ
- Comments: 0
- Trackbacks: 0
[CSS3] テーブルで作った表をグラフに変える
- 2011-03-23 (水)
- CSS
CSS3でグラフを作る手法はList of CSS3 Graph and Chart Techniquesにあるように色々公開されているんだけども、
ソースで見ると意味不明だったりするものが多いんで
それならテーブルをグラフにしちゃえばいいじゃんと思って試してみたのがコレです。
CSSでTableを折れ線グラフに変える - jsdo.it - share JavaScript, HTML5 and CSS
作り方
- tableとその中身をdisplay:blockにする
- theadの要素でx軸とy軸のベースを作る
- trで各ポイントの基準になるx軸とy軸の線を描く
- tr→x軸の線
- tr:before→y軸の線
- tr:after→y軸の数値
- thをx軸に配置
- tdでグラフの線を描く
- td→線
- :befor, :after→線両端の○
ベースと線に画像を使えばIEにも対応できるけど割愛。
表向き表示されないtrみたいな要素にも:beforeと:afterが使えます。
tableの要素はdisplay:tableとかになってるのでpositionを使うとおかしなことになるのですが
display:blockにしてしまえばdivと同じになるため、グラフを描くに必要な素材が不足する心配はありません。
この手法だと表とグラフ・グラフの種類を:targetやクラスの付与で切り替えたり出来るんで結構便利そうだと思いました。
- Comments: 0
- Trackbacks: 0
ZeroMail ver 1.4.6~1.4.7
- 2011-03-14 (月)
- Information
元々1.4.6として公開するつもりだったのですが、新しい機能がちょっぴり増えたので1.4.7にして公開しました。
変更点は以下の通りです。
未入力項目の表示スキップ
私自身ZeroMailを利用してアンケートフォームや予約フォームなど、項目が多いメールフォームを作る機会があったのですが
そういうフォームだと入力されていない項目が並ぶと非常に見にくいんですよね。
コメントでそれについて指摘頂いたのですが、その際「表示しないようにしたらどうか」と提案頂きまして
ソレダ!!と思ったので実装してみました。
設定はinit.phpの「inputのnameとその名称設定」の下に新しく追加してあります。
デフォルトはfalseです。これをtrueにすると有効になります。
マルチバイト文字を含むメールが送れるようになりました
そもそもこれは翻訳機能も付けないと意味が無いのでは…と思ったのですが、サポートの為に前倒し実装しました。
init.phpの先頭に文字コード設定があるのですが、これは確認やエラーなどのzeromail.phpが介して表示するページの文字コードのことで、メールエンコードには関係ありませんでした。
で、今回新しくその下にメールエンコードの設定を設けました。
初期は ja になっていてISO-2022-JPで送信しますが、これを uni にするとメールエンコードがUTF-8になり
中国語、韓国語、アクセントが付いたフランス語などのマルチバイト文字の送信が出来るようになります。
※サーバーによってはzeromail.phpが行う設定変更を受け付けてくれない場合があり、
機能が有効にならないことがあります。
- Comments: 0
- Trackbacks: 0
-
- まとめ
- ホームページビルダー
- 初音ミク
- 擬似クラス
- 楽天
- 1Column
- 2BOX
- 2ch
- 2column
- 2Helvs
- 3column
- 5BOX
- Actionscript
- Ajax
- Android
- Animation
- AntiSpam
- API
- apple
- Aptana
- Aqua
- ASCII
- Assets
- AutoExternalLink
- background
- backup
- BETA
- Blog Status
- breadcrumb
- Bubble
- bug
- Button
- calendar
- Calendarizm
- canvas
- Center
- Chain
- Chrome
- Class
- Click Event
- CMS
- ColorMeShopPro
- ContactForm
- Control
- Cookie
- CSS
- CSS3
- CSV
- Custom
- date()
- Demo
- Dojo
- domain
- Download
- Drag&Drop
- Dreamweaver
- dropdown
- Dummy Text
- Effect
- Elastic
- Error
- File API
- Filter
- filter.html
- FireFox
- Fixed
- Flash
- Floating
- foglio
- Form
- free material
- free script
- Function Reference
- Fx.Morph
- Fx.Scroll
- Fx.Slide
- Fx.Tween
- Game
- gettext
- get_posts
- GMarker
- Go-To-Top
- GoogleChart
- GoogleEarth
- GoogleMap
- GoogleSearch
- Hack
- Halves
- Highlight
- Horizontal
- HTML&XHTML
- HTML5
- HTML5API
- Icon
- IE
- illustrator
- infowindow
- iphone
- iScroll
- Javascript
- jQuery
- jQuery.plugin
- jsdo.it
- KML
- LeftMenu
- liquid
- ListMenu
- Localization
- login-system
- Magpie RSS
- Mobile
- mooFollow
- MooTools
- mooTyping
- number format()
- OnlineGame
- OOP
- OpenPNE
- Pagenation
- permalink
- Photoshop
- PHP
- ping
- plugin
- poedit
- Polyline
- prototype.js
- Regular Expression
- RightMenu
- rollover
- RPC
- RSS
- Safari
- Sample
- script.aculo.us
- scrollbar
- selection
- selectors
- SEO
- session
- Shortcode
- Sidebar Widgets
- slimbbs
- Smarty
- SmoothScroll
- strtotime()
- Symphony-CMS
- Tableless
- Tab Menu
- Tar
- Template
- Template Engine
- Template Tags
- time()
- TinyMCE
- token
- Tooltip
- Transparent
- Tutorial
- Tutoriarl
- userAgent
- Valid
- Validator
- vertical-align
- Web Browser
- Web Site
- Wiki
- window.open
- wordpress
- wp-custom
- wp-function
- wp-plugin
- wp-themes
- xampp
- XHTML
- XML
- Xserver
- YouTube
- YUI
- Zend Framework
- Zend_Form
- Zend_View
- zeromail