Web デザイン・UIのリニューアルについて
割と長いことUIはあまり変えることはしないでいたのですが、今回少し腰を上げて色々と改善してみようと試みました。なんか根拠があるわけではないですけど、使いやすくするにはどうしたら…みたいなところを重視したつもりです。変更にあたって考慮したデバ...
HTML
Web Web Twitter Cardsの画像が表示されない時はrobots.txtも要確認
Twitter Cardsは、サイトのmetaタグに指定しておくと、サムネイル画像やキャプションを任意にTwitterのTLに反映させられるものです。クリック率を上げるには設定していた方が良いものですね。■公式Twitterカード — Tw...
Web input range属性の値を取得するときのイベント
何かと便利なinput type="range"ですが、スライダー動作をさせた時の値の取得をする時、何のイベントハンドラが最適でしょうか。大体のinputの取得はonChangeとかonKeyUp/Downとかそういうのだと思いますが、スラ...
Web CSS/input range属性のデザインをスタイルシートで指定する
近年のブラウザでは順次実装されつつあるinputタグのrange属性。基本はOS標準もしくはブラウザ独自のUIが表示されますが、これをCSSで指定することができるようです。Chrome、Safariなどで適用されます。残念ながら、Firef...
Web TwitterのユーザーホームのHTMLから、アイコン画像のURLを取得する
Twitterでユーザーのアイコン画像を取得する場合、OAuth認証し、user/lookupで取得できるprofile_image_urlの値を取るのが信頼性が高い…はずなのですが、たまにこのURLの画像が壊れていたり、アクセス拒否された...