WEBデザインを下層まで探せるWEBギャラリー・リンク集。WEBサイト・LPを毎日更新していきます!
Webデザインを 探す
新しいデザインの着想や配色のヒント、 サイト構成・UI設計のアイデアを効率よく収集!
Webデザインを 知る
初心者からプロまで! Webデザインに関するナレッジを更新中!
Webデザインを 学ぶ
動画コンテンツで基礎学習 デザイナーの課題添削も
Sassコーディング
全 9 動画
会員限定Sassとは
Sassとは Sass(サス、サース)は Syntactically Awesome Stylesheetsといいます。CSSをより効率的に記述するため...
会員限定ターミナルについて
ターミナルとは ターミナルは、Macをコマンド(命令文)で操作するツールです。通常はアイコンやメニューで操作しますが、ターミナルでは文字を使って直接指示...
会員限定Sassのインストール
Sassのインストール 今回は、Sassのインストールを行います。Sassにはいくつかの実装がありますが、その中からDart Sassをインストールします...
会員限定Sassの書き方
「Sassとは?」のステップで、SassにはSass(インデント形式)とSCSS(波括弧形式)の2つの記述形式があると紹介しました。デザデジでは、CSSに近い記...
会員限定ブラウザで表示
Sassをコンパイルして、ブラウザに反映 このステップでは、Sassをコンパイルしてブラウザに反映させる方法について学びます。前ステップで学んだSCSSの...
会員限定@mixin / @include
@mixin/@includeについて @mixinと@includeはSCSSでコード再利用を効率化する機能です。@mixinでスタイルを定義し、@in...
会員限定変数
本ステップでは、ネスト、変数、演算、ミックスインなどのSCSSの追加機能を解説します。これらの機能を活用することで、コーディングの効率化やデザインの一貫性を向上...
会員限定@extend
@extendとは? @extendは、スタイルの重複を避けコードを効率的に再利用できるようにするために使用されます。簡単に言うと、あるスタイルを別のスタ...
会員限定演算
演算とは? 演算とは、数値やその他のデータに対して計算を行うことを指します。Sassでは、演算を使用して、数値や色を計算したり、動的に値を設定したりするこ...