読者です 読者をやめる 読者になる 読者になる

一から勉強させてください( ̄ω ̄;)

最下級エンジニアが日々の学びをアウトプットしていくだけのブログです。

CSS

CSS3で簡単なアニメーションつくってみた

CSS

今回はCSS3のtransitionとanimationを使って簡単なアニメーションをつくってみました。サンプルはこんな感じです。transition使用 http://jsfiddle.net/danimal141/j5LAs/3/embedded/result/ animation使用 http://jsfiddle.net/danimal141/75mjG/3/embedde…

IE8対応でやったことメモ

いきなりですが、僕は現在、仕事でIE8の対応を迫られ、地獄のような日々を過ごしています。。そこで今回は、その対応で行ったことを備忘録として残そうと思います。ちなみにIE9,10も対象ブラウザですが、8が比じゃないぐらいうざいのでピンポイントで8に焦点…

CSSで吹き出しをつくってみた

CSS

今回は、「猫の画像にmouseoverした際、その画像の横に吹き出しコメントを出す」という簡単なサンプルをつくってみました。 こんなやつです↓ http://jsfiddle.net/d_animal141/C7Wg3/embedded/result/ ポイント(というかやりたかったこと)は 吹き出しをCSS…

Retinaディスプレイ対応について

先日、Retinaディスプレイ対応のデザインについて議論している時、僕は以前、Retina対応を経験したことがあったので「Retinaディスプレイに対応するときはまず、デザインを2倍の解像度でつくっておいて、CSSでそのサイズの半分の値を指定すればOKなんだぜー…

CSSのclearfixについて

CSS

前回、floatについて書いたので今回はそのfloatを解除する技clearfixについて書いてみたいと思います。clearfixって簡単にいうと、::afterを使ってfloatをかけている要素の後ろに擬似的な要素を作り、そいつに対して、clearプロパティを適用させる技だと思い…

CSSのfloatについて

CSS

今回はCSSのfloatについて書きたいと思います。まず、floatとはなにか↓ ※floatプロパティは、指定された要素を左または右に寄せて配置する際に使用します。 後に続く内容は、その反対側に回り込みます。 尚、floatプロパティは、positionプロパティで static…