Code Island

Code

  • Code

data-vocabulary.orgマークアップをschema.orgに置き換える

「data-vocabulary.org schema deprecated」ってどういう意味? 対応しないと検索結果に影響が! パンくずリストの data-vocabulary.org を schema.org に置き換えるコード例。

2020-01-27

  • Code

【Pug】include, mixin, each, whileの使い方

Pugを使いこなすための基礎知識。include・mixin・each・whileの使い方です。

2020-05-11

  • Code

【Pug】基本の書き方!コメントアウトやコードの挿入も

Pugを使えばHTMLがサクサク書ける! 今回は最低限必要な基本の書き方をまとめました。コメントアウトやプレーンテキストの表記方法の違いも解説します。

2020-05-11

  • Code

【CSS】object-fitで画像を枠内に収める

CSSで、固定されたボックスサイズに画像をぴったり収めたいときは「object-fit」プロパティを使いましょう。使い方と注意点はこちら。

2020-05-05

  • Code

highlight.jsでソースコードのハイライト表示をする

ソースコードを美しく掲載するhighlight.jsの使い方。フォントも変えてさらに洗練されたデザインに。

2019-01-17

  • Code

resizeイベント不要。最短コードでレスポンシブなスライダーを自作

jQueryでレスポンシブなスライダーを簡単に実装する方法。CSS: flexboxを活用して超シンプルなコードに仕上げました。

2020-05-05

  • Code

プラグイン不要。jQueryとCSSアニメでスライダー自作

コピペOK! 簡単なjQueryのコードで本格的なイメージスライダーを実装する方法をご紹介。アニメーションはCSSで実行するので超軽量処理になっています。

2020-05-05