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