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