はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

Sass

はてなブログテーマ作成のメモ

はてなブログテーマ作成のメモ はてな公式のBoilerPlateテーマを例にした作成方法を見たところ, npmをバリバリ使った開発者向けに作られていたのでメモ. 環境 Windows10 Atom 1.34.0 npm 6.4.1 はてなブログテーマ作成のメモ 環境 はてなブログのHTML構成 …

CSS のみで縞模様、水玉模様を作る

CSS のみで縞模様、水玉模様を作る CSSのみで、縦縞・横縞、水玉模様を作れることがわかったのでメモ。 参考にしたリンクはこちらです。 honttoni.blog74.fc2.com CSS のみで縞模様、水玉模様を作る サンプル 縞模様のサンプル 水玉のサンプル 縦縞・横縞・…

Compass でスプライト画像を作ってみる

Compass でスプライト画像を作ってみる Compass では、画像から自動でスプライト画像を作ってくれる。 実際に試してみたのでメモ。 Compass でスプライト画像を作ってみる スプライト画像生成(自動クラス割り当て) Sass スプライト画像 CSS マジックセレク…

Compass インストール・プロジェクト設定・コンパイル

Compass インストール・プロジェクト設定・コンパイル Compass のインストール、新規プロジェクトの作成、プロジェクトの設定、コンパイルについてのメモです。 Compass インストール・プロジェクト設定・コンパイル Compass とは インストール環境 インスト…

Sass 応用(ファイル分割(@import)、関数(@function)、継承(@extend)、@mixin, @include, @content)

Sass 応用(ファイル分割(@import)、関数(@function)、継承(@extend)、@mixin, @include, @content) Sass の醍醐味であるファイル分割(@import)、関数(@function)、継承(@extend)、@mixin、@include、@content についてまとめておきます。 Sass 応用(ファ…

Sass の基本操作2(条件分岐、繰り返し、リスト)

Sass の基本操作2(条件分岐、繰り返し、リスト) Sassでは、一般的プログラミング言語にあるような 条件分岐、繰り返し、リストを扱うことができます。 Sass の基本操作2(条件分岐、繰り返し、リスト) @if(条件分岐) Sass CSS @for(繰り返し) Sass CS…

Sassの基本操作(コメント文、ネスト、親セレクタの省略、演算、変数、標準で使える関数)

Sassの基本操作(コメント文、ネスト、親セレクタの省略、演算、変数、標準で使える関数) Sass の基本操作である、コメント文、ネスト、親セレクタの省略、演算、変数、標準で使える関数についてのメモです。 Sassの基本操作(コメント文、ネスト、親セレク…

Sass のインストールとコンパイル(Windows)

Sass のインストールとコンパイル(Windows) 今更ながら、Sass を使い始めたので、Sass の基本的な使い方をメモしていきます。 今回はインストールについてです。 Sass のインストールとコンパイル(Windows) Sass とは Ruby のインストール Sass のインストー…