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

フロントサイドエンジニアという選択肢

HTMLコーダー → ECサイト運営 → システムエンジニア という経歴の著者がフロントサイトエンジニアという職業に今後の活路を見出し、その道に進むために取得した技術を貯めておくブログ

(CSS)画像を立体的に回転させる

カードがくるくると回転するようにアニメーションさせるCSSです。奥行きを持った変形を行うtransformプロパティを、animationと組み合わせることで簡単に実装できますが、あまり使うことがなさそうなのでメモとして残しておきます。

(CSS)フォントファイルを変換してくれるサイト

Webフォントを全てのブラウザに対応させるためには3~4種類の形式のファイルを用意する必要がありますが、fontsquirrel.com の WEBFONT GENERATORというWebサービスを使用すると、1つのWebフォントファイルから eot、woff、woff2、ttf、svg の5種類のフォント…

(CSS)全てのブラウザにWebフォントを対応させる

Webフォントを全てのブラウザに対応させるためには、1つのフォントに対してeot、woff、truetype の3種類の形式が必要になります。@font-familyのurl指定は4種類記述します。

(CSS)CSS animationの基本

CSSでアニメーションを表現するためのプロパティにanimationがあります。現段階(2015年10月)ではworking draftになっておりますが一応、基本的な使用方法を残しておきます。