カテゴリー: HTML / CSS / JavaScript

【SEO】「クーポン情報」にイベントの構造化データにを使用するのはガイドライン違反!?

構造化マークアップもSEO的に無視できなくなりつつある昨今ですが、イベント情報の構造化データをサイトで使用している方は要 […]

多言語サイトにはhreflangタグを入れよう!

hreflangというタグ、ご存知でしょうか?実はこのタグ、多言語サイトを作る時に重要な動きをしてくれるタグなんです。 […]

@keyframesアニメーションを使ってみよう-初心者用-

CSS3のanimationプロパティと@keyframesを使用すると、CSSのみでアニメーションをすることができます […]

GooglePlayバッジを設置する時にUTMソース(utm_source)を設定する

GooglePlayのバッジ作成ツール。 Androidアプリをリリースし、サイトやブログにGooglePlayバッジを […]

Flexboxを使いこなそう!-垂直方向の配置指定の仕方-

Flexboxを使いこなそう!の第5弾です。 [過去の記事] [第1回] Flexboxを使いこなそう!-基本の書き方- […]

hover時に素敵な動きを加えてくれるcss3アニメーション10選 part2

今回は素敵なCSS3アニメーションを用意してくださっているサイトをご紹介します。 以前紹介した記事はこちら hover時 […]

Flexboxを使いこなそう!-水平方向の配置指定の仕方-

Flexboxを使いこなそう!の第4弾です。 [過去の記事] [第1回] Flexboxを使いこなそう!-基本の書き方- […]

jQuery不要!簡単にスクロールアニメーションを実現できるAOSを使おう

Webサイトで画面をスクロールすると、要素がフェード等のエフェクトがかかって出てくることがありますよね。 jQueryを […]

Flexboxを使いこなそう!-子要素の折り返しを指定する-

Flexboxを使いこなそう!の第3弾です。 [第1回] Flexboxを使いこなそう!-基本の書き方- [第2回] F […]

Flexboxを使いこなそう!-子要素の並び順を指定する-

Flexboxを使いこなそう!の第2弾です。 [前回] Flexboxを使いこなそう!-基本の書き方- 今回は子要素の並 […]

Flexboxを使いこなそう!-基本の書き方-

仕様も安定していそうだしそろそろ現状のブラウザのシェアのことを考えるとガンガン使ってもいいかなと思うFlexbox。 各 […]

SVGアニメーションを気軽に作成!Lazy Line Painterを使おう

こんにちは。工藤です。 今回はSVGアニメーションを気軽に作成できるLazy Line Painterについてご紹介しま […]

YouTubeの埋め込み動画をYouTube Player APIでコントロールしよう!

こんにちは、工藤です。 今回はYouTubeの埋め込み動画をjsでコントロールする方法をご紹介します。 例えば埋め込みの […]

様々なタブの切り替えを簡単に実装!Tabsletを使おう

割と使うタブの切り替え。 単純なものであれば自分でもコードを覚えれば書けないこともないのですがもうちょっと様々な効果を使 […]

フリーで使えるwebフォント「Google Fonts」を試してみました

こんにちは、工藤です。 今回はフリーで使えるwebフォント「Google Fonts」を試してみました。 Noto Sa […]

SVGとCSSを使って複雑な形のボタンのhoverを設定する

リンクやボタンにマウスオーバーの動きを設定する際、CSSアニメーションを利用するのもすっかりと一般的になりました。 ここ […]

HTMLに「role属性」を付与してWebアクセシビリティの向上を目指す

今日は、HTML5より正式に採用された「role属性」について書きたいと思います。 role属性とは role属性は、こ […]

コンテンツを魅力的に演出できるjQueryプラグインのまとめ2

こんにちは、工藤です。 今回はコンテンツを魅力的に演出できるjQueryプラグインのまとめの2です。 [前回] コンテン […]

知っておくと便利なcssの小技 part9

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part9です。 バックナンバー 知っておく […]

知っておくと便利なcssの小技 part8

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part8です。 バックナンバー 知っておく […]

オブジェクトを生成する関数を作ろう CreatJS

その他の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]

トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その2

前回の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]

トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1

後学のためにトレンドのJSを調べていたのですが、 jQueryから入って、フロントエンドのアニメーション・マウスイベント […]

グラフを描画できるライブラリのまとめ

こんにちは、工藤です。 今回はグラフを描画できるライブラリをご紹介します。 vis.js ネットワーク図を引っ張った時の […]

知っておくと便利なcssの小技 part7

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part7です。 今回はリセット系の2つです […]

1 2 3 5