コーディング初心者こそ知っておきたい便利な「CSS関数」5選

HTMLやCSSでホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。 論理的なバックエンドでの実行処理を考えるプログラミングとは違い、HTMLやCSSは「見え方」や「見た目」の部分に責任を持つことが多く、コードによって「組み立てる」イメージからそのように呼ぶのでしょう。 しかしながら、CSSは通常プロパティと値をセットで指定していきますが、*「CSS関数」*と呼ばれる便利な関数も用意されています。 これらの関数を使うことで、計算を実行したり、条件を指定したり、特定の値を別のフォーマットに変形したりすることができます。 そこで本稿では、*コーディング初心者こそ知っておきたい便利な「CSS関数」*を5つ紹介していきます。 普段業務などであまりCSS関数を活用していない方にこそ、CSS関数のよさを知って、使えそうな場面でぜひ活用していただきた

[awajiisland]

だいたいこういう新しいのを使おうと思っても、IE対応で従来のも書かないといけないから覚える気が萎えてくる

[b_wa]

初心者がこんなの使い始めたらメンテが大変すぎる。複雑なことをしなくても素敵なUIはたくさんある。安易に関数に頼るよりも、もっと簡単な書き方やデザインを検討する方が高度だったりする。

[nekosann_08]

初心者向けとはいえ対応状況は書いていただきたかった。

[akahigeg]

こんなのあったのか

[idr_zz]

CSS関数。そうか、このカッコはJSの関数のカッコと同じなのか。なるほど。 コーディング初心者こそ知っておきたい便利な「CSS関数」5選｜ferret [フェレット]

[ksaito54]

これはなかなか面白い。<ol><li>で使える関数は、個人的にかゆいところに手が届く感があっていいですね。

[otchy210]

初心者に教えるなら、無理矢理 5 個にするために "cubic-bezier" とか足さなくても良いのよ？あと、css 内のダブルクォートが ascii じゃないからコピペで動かないとか、 脇が甘い。

[s99e209]

counter関数が便利そう。

[imaginaration]

calcはよく使う(IE9から対応)。

[istj]

css

[monster-energy-zx14]

役に立ちそうで、俗人性が高くなる

[liszworks]

CSSに関数がある事をそもそも知らなかった…使いこなしたら便利そう…

[hiragumo]

ほほう

[anpaku]

後で読みたい。CSSも進化しています。

[masapon49]

calcとcounterしか使ったことないけど便利なの多い

[kuguru_jp]

便利ですね、早速使ってみます！

[mas-higa]

" HTML や CSS でホームページのデザインを行うことを、一般的には「プログラミング」とは言わずに「コーディング」と言います。" ... そうなのか

[AyeBee_TY]

cssにアニメーションを持ち込むという発想がイケてないとおもう。迷走しすぎ。css切り捨てて別枠のスタイル定義を作るべきだよ。

[hiroshe]

便利そうだけど、ここまで出来ると何をどこでやってるのか追いかけるのが難しくなるな。

[kijtra]

Safari に対応してない grid とか初心者に勧めるのよくないよ…余計な仕事増やすよ。

[kping0116]

C