WEBページのモック作成テンプレート
2017/06/27CSS
WEBページのレスポンス時のレイアウトや動きなど静止画だけではイメージがつかみにくい事が多いので、最近ではモックをHTMLで作るケースがあります。そこで私が使うモック作成テンプレートをご紹介します。
2017/06/27CSS
WEBページのレスポンス時のレイアウトや動きなど静止画だけではイメージがつかみにくい事が多いので、最近ではモックをHTMLで作るケースがあります。そこで私が使うモック作成テンプレートをご紹介します。
2015/11/12CSS
ブログをリニューアルするにあたって画像やアイコンをSVG化しました。今回はSVGのアニメーションに挑戦します。
2015/06/04CSS
とある案件でCSS3のFlexboxがAndroid4.2.x系のとある端末で効かなかった時の処置です。(非推奨やと思います)
2012/05/23CSS
CSSの背景画像はMedia Queryで分岐する事ができますが、HTMLに直接記述するimgタグでもdevicePixelRatioの値によって書き換わるjQueryスニペットです。
2011/08/31CSS
スマートフォンでは機種によって解像度がことなるのは周知のとおり。
100px×100pxの画像をiphone3で表示すると100px×100pxで表示されるが、iPhone4では解像度が2倍なので50px×50pxになってしまいます。
2008/06/05CSS
Webkitが何かというと、アップルが開発したSafariやMacOSXのダッシュボードやWigetといったアプリケーションやiPhoneのOSのインターフェースの基盤を担っているフレームワークがWebkitです。Googleの携帯用OSであるアンドロイドのブラウザもSafariと同様にWebkitが採用されています。
2008/05/30CSS
イメージの上にCSSでPNG画像を被せて装飾するサンプルの紹介サイトをご紹介します。これCMSを使っている場合、かなり便利ですよ。
2008/03/25CSS
IE6でのロールオーバー時の背景画像のちらつきを解消するためのハックとIE6でmin-heightやmin-widthを効かせるためのCSSハックです。
2008/02/22CSS
僕は仕事ではCMSを使用した案件がメインになっているのですが、CMSを使用した際に頭を悩ませる問題として、クライアントが縦横比率の違う画像を使用することによってレイアウト崩れを起こすことがあります。
その問題をスクリプトを使用せずにCSSだけで解決できそうな方法を見つけたのでご紹介しようと思います。
2008/02/06CSS
今現在、CSSの擬似クラスをサポートしているのはSafari 3だけらしいのですが、IEなどでもCSSの代替え策として最初の子要素に自動的にclassを追加してくれるoffspring.jsをご紹介いたします。