HTML&CSS

HTML&CSS

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

ブログやサイトにYouTubeの動画を埋め込む機会が最近増えてきました。 YouTubeはすごく親切で、埋め込む際に「このコードだけ貼ったら埋め込めるよ。」ってコードを表示してくれます。 が!! このコードをそのままコピぺしたら、...
HTML&CSS

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

サイトに動きを持たせたい場合、よくJavaScriptを使ったりしていました。 が、AMPの登場により、できるだけJavaScriptは使いたくない今日この頃。 そこで、CSS3のアニメーションをうまく使いこなせるようまとめてみまし...
HTML&CSS

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

最近スマホで何か検索を行った時、いくつかのサイトの横にカミナリマークが付いていますよね。 これは、モバイル端末でウェブページを高速表示するためのプロジェクト、またはそのためのフレームワーク「AMP」に対応したページという印です。 ...
HTML&CSS

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

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

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

前回、Sassとは?というお話を書きました。 次はSassのインストールと使い方を書こうかと思いましたが、インストールの前に、Compassのご紹介。 CompassをインストールすればSassのインストールもできるので、Compass...
HTML&CSS

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

ウェブ制作に携わっている方は、ほとんどの方がご存じだと思います。 ウェブ制作に携わらない方は使わないので知る必要ないか。 という事は、知る必要がある人はみんな知ってるSass。今さら感ハンパないですが、そのSassについて。 僕は...