Tag Archives: html

iPhone で Web ページのソースコードを読めるコードエディタアプリ Textastic が面白い

iPhone で HTML や CSS のコードを書くことができるコードエディタアプリ Textastic Code Editor for iPhone に面白い使い方があることを知りました。それは Safari などのブラウザで見ている Web ページのソースコードをアプリの中に読み込む機能です。ソースコードをただ眺めるだけでなく、自分で編集して見た目がどう変わるかをシミュレートすることもできます。

Continue reading

Drafts からテキストを HTML に整形して PressSync に渡す URL スキーム

最近、ブログの記事の下書き用には、専ら iPhone のメモアプリ Drafts を使っています。Drafts である程度文章をまとめ、PressSync Pro に引き継いで修正や画像の貼り付けをするのがいつもの流れです。このたび PressSync に新規投稿用の URL スキームが追加されたので、Drafts のテキストを HTML に整形して PressSync に渡す方法を考えました。

Continue reading

スクリーンショットの表示サイズを CSS で一括指定する

今までこのブログでは iPhone のスクリーンショットを掲載する際、Retina ディスプレイで画像が粗くなるのを防ぐため、HTML で表示サイズを指定してフルサイズの画像を横幅 240px に縮小表示させてきました。でも毎回毎回、HTML で表示サイズを指定するのはさすがに面倒です。そこで、CSS で一括指定する方法を取り入れてみました。

Continue reading

「追記」に ins 要素を使おうとして WordPress ではまったことのメモ

ブログを続けていると、情報が古くなったなどの理由で以前の記事に「追記」をする必要が出てくることがあります。先日、追記を HTML の ins 要素でマークアップしようとしたら CSS による装飾が思うようにできず、完全にはまってしまいました。functions.php を修正して解決することができたので、その道のりをメモします。

Continue reading