試す2015-04-22サイトがスマートフォンに最適化されているかどうか調べるHTML先日Googleが「サイトがスマートフォンに最適化されているかどうかを検索順位に反映する」的な発表をしました。簡単に調べることができます。Componentsをつかって嘘をマークアップするためのlieタグをつくりました。続いて、今回はpushタグをつくってみました。ここをプッシュして欲しいんだよね。言われたときに、つかいましょう。style属性で文章の見た目を整えよう。その3kimizuka.hatenablog.com以前、タグの説明をするときに、「」が台詞を表すタグのようなものという話をしました。serifタグをつくろう2015-03-19Retinaディスプレイ時代に簡単対応するために簡単にSVGをつかうHTMLスマフォだけではなくRetinaディスプレイ搭載のPCもあふれる昨今。SVGの需要がますます高くなってくるのではないでしょうか。そこで今回は、きたるべく大SVG時代に乗り遅れないように簡単にブラウザにSVGを表示させてみましょう。Vector...Retinaディスプレイ時代に簡単対応するために簡単にSVGをつかう2015-03-17自分用HTMLテンプレートを公開してみるHTMLいつもつかっているHTMLのひな形を自分用にメモ。記憶喪失になった時に備えてほんのり解説をいれておきます。JavaScriptSafariのリーダー機能の仕様が公開されていないので、探り探り実装してみました。Available」と表示されます。IE=edgeでIEの最新バージョンの標準モードを指定できます。バリデートが通りません。自分が設定したものになりません。以上、なんかたぶんこんな感じです。保存されているアプリケーションキャッシュを確認して削除するHTMLChromeのアドレスバーに下記URLを打ちこめば一覧が確認できるのでそこから削除すればOKです。昔はアプリケーションキャッシュを消すのも一苦労だった気がしますが、とても便利な世の中になりましたね。HTMLIEとかもろもろを考えると、iframeのcontentWindowにアクセスするのがベストな気がしています。その際、iframeのonloadを待たないとうまくいかないのでご注意を。つかってウェブページを公開するHTMLkimizuka.github.ioGitHubページをつくってみました。見ながら進めればなにも問題なくつくることができますが、一応手順を記載しておきます。つかってウェブページを公開する2015-01-10URLにベーシック認証のID、パスワードを埋め込むHTMLいつも忘れてしまうのでメモしておきます。http://{ユーザー名}:{パスワード}@{http://以下のURL}で埋め込めます。見た目はブラウザに依存しますが、これだけで簡単にUIがつくれます。step属性でステップ数を設定できます。イベントも簡単に貼ることができて非常に便利な存在です。いう感じでtouchmoveのデフォルトのイベントを止めればスクロールしません。HTMLAndoroidでCanvasをさくさく動かすためにいろいろ検証したことを一旦メモしておきます。W3G多少問題はありましたが、Safariの表示領域を広くつかう手段としては有効だったminimal-ui。調査2014-10-24Googleカスタム検索エンジン調査HTMLGoogleカスタム検索エンジンを調べてみました。簡単に作成することができます。設置方法|LINEで送るボタンこちらのページから簡単に設置できるLINEで送るボタン。aタグだけでも手軽に設置できます。HTMLCSSでメッセージアプリ風のUIを再現してみました。iPhoneでご観覧頂きたいです。HTMLロックに議事録をとれたらおもしろいなと思ってモックをつくりました。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。