HTML&CSS

HTML&CSS

【コピペでOK!】デモあり YouTubeの動画をレスポンシブでブログやサイトに埋め込む方法

YouTubeの動画を、変な余白を残さず、要素に対して100%の幅かつその幅に対して16:9の高さに自動調整される貼り付け方法をご紹介します。
HTML&CSS

【デモあり】AMPでも大丈夫!CSSだけで要素をアニメーションさせる

CSS3のアニメーションをうまく使いこなせるようまとめてみました。
HTML&CSS

AMP対応は今行うべき!?3つのメリットとデメリット、今対応すべきサイトと待つべきサイト

最近スマホで何か検索を行った時、いくつかのサイトの横にカミナリマークが付いていますよね。 これは、モバイル端末...
HTML&CSS

SCSSの「Error: Invalid Windows-31J character “\xE3″」というエラーの回避法

SCSSのコンパイルエラー「Error: Invalid Windows-31J character "\xE3"」の原因と回避策。意外なところにある落とし穴も合わせてご紹介します。
HTML&CSS

Compassの導入手順と使い方(Windows8版)

以前ご紹介した、CSSフレームワーク「Compass」の導入手順と良く使う便利な機能をご紹介します。 前回の記事はコチ...
HTML&CSS

Compassを使って効率的にCSSを書こう!!

前回、Sassとは?というお話を書きました。 次はSassのインストールと使い方を書こうかと思いましたが、インストール...
HTML&CSS

Sassで効率的なCSSコーディング!今さらだけど便利なSassについて

ウェブ制作に携わっている方は、ほとんどの方がご存じだと思います。 ウェブ制作に携わらない方は使わないので知る必要ないか...