Code Island

Code

  • Code

Pugの書き方:拡張編(eachとwhileで繰り返し)

Pugを使いこなすための基礎知識。eachやwhileを使って繰り返し処理を簡略化しましょう。

2019-07-11

  • Code

Pugの書き方:基本編(コード「-」「=」「!=」)

Pugの基本的な書き方シリーズ。今回はJavascriptのコードを記述する3つの方法。

2019-07-08

  • Code

Pugの書き方:拡張編(mixin)

Pugを使いこなすための基礎知識。今回はmixinの使い方と便利な機能を簡単に説明します。

2019-07-02

  • Code

Pugの書き方:拡張編(include)

Pugを使いこなすための基礎知識。今回は、分割したファイルを読み込むinclude文の書き方です。

2019-06-24

  • Code

Pugの書き方:基本編(テキスト)

Pugの基本的な書き方シリーズ。今回はプレーンテキストを書く4つの方法を取り上げています。

2019-06-21

  • Code

Pugの書き方:基本編(コメント)

Pugの基本的な書き方シリーズ。今回は1行コメント、ブロックコメント、条件付きコメントの書き方です。

2019-06-18

  • Code

Pugの書き方:基本編(タグ・属性)

Pugの基本的な書き方シリーズ。今回は基本中の基本となるタグと属性の書き方です。

  • Code

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

サムネイル画像やイメージスライダーなど、ボックスのサイズや縦横比が決まっていて、画像を合わせたい時。background-size: co...

2019-04-02

  • Code

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

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

2019-01-17

  • Code

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

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

2018-12-17