MENU

CSSでChromeのinput要素のオートフィル時に黄色い背景色になる問題を解決

すごい細かいことで、気づいていない方もいるかもしれませんが、僕は気になったので解決方法を紹介します。本当に細かい部分まで配慮できるWeb制作者こそ素晴らしいと思います。 Chromeにおける問題 こんな感じで <input> 要素を配置します。そして、ダブルクリックしてみると、黄色い背景

様々なバージョンや機種のAndroidをテストできるエミュレータGenymotion

Androidを持っていないので、実際の環境でのチェックが行えていませんでした。1台確認用に買おうにも、バージョンや機種が多く、とても1台ではチェックしたことにならないと思い、何かいいエミュレータはないか探していたらGenymotionという素晴らしいサービスを見つけたので紹介します。 準備 Genymotion

JSでCSS3のプロパティがブラウザに対応しているかどうか調べる

みなさんはCSS3を使っているでしょうか。使っているなら絶対にやらなくてはいけないことがあります。それは、非対応ブラウザへの対応です。そのためにはまず、使っているブラウザがCSS3のプロパティに対応しているかどうかチェックする必要があります。その方法を紹介します。 仕組みは簡単 // 要素を生成 var div =

JSでWebフォントのロード開始や完了などを判定するWeb Font Loader

最近ではWebフォントは個人ブログなどでも当たり前のように使われるようになってきました。しかし、1つ気になることがあります。それは、アクセスした0.5秒後くらいまではデフォルトフォントが表示されて、その後Webフォントが表示されるので、ちらついて見えることです。Webフォントがレンダリングされるまではロード表示などをしておくなどするために

Photoshopで作った吹き出しの先っちょを自由に変形や移動をしたい

グラフィック関係はあまり詳しくないのですが、結構Photoshopを使います。特に吹き出しはいろんな場面で役に立ち、よく使っていたのですが、先っちょの部分を自由に移動や変形したいと思うことがあり、解決したので紹介します。 まず図形を描く 吹き出しを作るために長方形と三角形を描きます。 吹き出しになるよ

Sass/Scssでデフォルト引数を指定する際の引数順序依存を改善する

SCSSは非常に便利で開発の効率も上がりますが、かゆいところに手が届かないといったことも結構あります。今回はその1つである、引数の順序依存を改善する方法を紹介します。 デフォルト引数とは たとえば、こんな関数を作ってみます。全体の幅とガター幅が分かっていて、均等分割したいとき、1カラムの横幅はいくつになるか求める関
1 / 512345