Web

hetemlで無料共用SSLを使う為に新サーバーに移設した時のお話

SSL化したいなぁ～と思い始めていた今日この頃。当ブログのサーバーでもあるhetemlが、タイミングよく色々新サービスを提供し始めてくれました。そもそも僕は2007年頃から個人的にサイトを作る場合にhetemlを使っていて、「違うサーバーに...

iPhoneならiOS標準の地図アプリ、AndroidならGoogleマップアプリを起動して経路を表示する

スマホサイトを作成していると、現在地から目的地までの経路 (道順) を、地図アプリを起動して表示したいといったケースは多いと思います。ちょっと前までは、精度や使いやすさからGoogleマップアプリ一択でしたが、最近はiOS標準の「マップ」と...

拡大も縮小もしてないのにIEだけ画像が荒い場合の対処法

ブラウザチェックしてる際に発見したIE独自で起こるバグ。拡大も縮小もしてないのに、IEで見た時だけ画像が荒くなるという現象が発生。残念ながら最新のIE11でも起こります。まったくいくつになってもIEとAndroid標準ブラウザは・・・ﾁｯ(...

CSSのtap-highlight-colorが効かない時の対処法

今日ハマったこと。タイトルにもありますが、タッチデバイス制作時に使うcssの「tap-highlight-color」が効かない現象が発生。タップしてもリンク領域の色がなーーんも変化しない。押したのかも分からないし、どこをタップしたのかもわ...

CSS3のアニメーションがカクカクして動きが悪い時の対処法

Webデザイナー歴10年。出来る技術は相も変わらずPhotoshopとHTMLとCSS。数年前から成長がビタッ！！！と、止まっているなぁ・・・と痛感する今日この頃。ブログを書くことで、少しでも早くWebの最新の動向を知ったり、仕事でつまづい...

ページの途中から固定ナビゲーションへ切り替えた時にページ内リンクがずれる問題を解決した話

レスポンシブウェブデザインでのサイト作成中に、今回僕がハマったことの備忘録です。「position:fixedでアンカーリンクがずれる」といった似たような問題と解決策の記事はたくさんあったのですが、僕のケースではそれだけでは解決しなかったの...

Sublime TextをやめてAtomに乗り換えたけど、またすぐSub limeTextに戻したという話

これはもう超めんどかった。ふぁっく文字化け。うちの会社はようわからんけど、EthnaっていうPHPを利用したWebアプリケーションフレームワークを使ってるからとかいう理由で、EUC-JPで記述する場合が多い。普段使ってるエディタは、Subl...

Smartyで複雑なif文でもソースの可読性を維持する{strip}タグ

この記事タイトルだと分かりづらいな。『SEOやユーザビリティの為に、絞り込みや並べ替え条件によってユニークな文言を表示する際に、複雑なif文のHTMLファイルのインデントや改行は残して可読性を維持したまま、ソース上では余計な余白を取り除いて...