コーディング

Wordpress

【WordPress】新エディタに緊急対応、旧エディタに切り替える方法

WordPress 5.0からエディタが「Gutenberg」という新しい仕様にかわりましたが、新仕様に対応しきれていない方も多いのではないでしょうか? そこ...
css

【css】角丸をborder-radiusで作る方法と応用技!

角丸といえばWEBデザインでよく使われる手法のひとつですね。角に丸みを足すだけでやわらかい印象を持たせることができるので、これにはまるサイトに多用されたりします...
css

【css】線形グラデーションを背景に配置できるlinear-gradient()の使い方

WEBデザインでグラデーションを使うことはよくあります。これをWEBサイトに反映させるのに悩むことはありませんか?そのグラデーションの表現が例えばボタンデザイン...
css

【css】複数の背景画像(background-image)を同一要素内に重ねて表示させる方法

背景に複数の背景画像(background-image)を配置したいと思うことは多々あると思います。もし、これが複数の要素で入れ子になっている場合であればそれぞ...
css

【css】背景色(background-color)のみを透過させ文字などは透過させない方法

「背景色(background-color)を透過もする目的でopacityを使ったところ文字やその他の要素まで透過してしまった。」こんな経験コーディングをする...
お役立ち情報

カラーコードからrgbaへ変換するツール【css】

バックグラウンドカラーの透過などに便利カラーコードをrgbaに変換するツールです。 テキストボックにカラーコードを入力またはコピペすることでRGBaに変換され...
php

【php】複数選択したファイルをZipにまとめてダウンロードさせる方法

【php】チェックボックスなどで複数選択した画像やpdfなどのファイルをzipにまとめてダウンロードさせる方法をご紹介します。
コーディング

pxから%へ変換、レスポンシブコーディングのwidthの比率を計算できるツール

レスポンシブコーディングのときpxを%に変換する機会が多くなりませんか? たとへば2カラムのWEBデザインでpxから双方の幅(width)の比率(%)を計算し...
css

【css】幅などの値を計算式で計算して指定できる関数「calc()」の使い方

cssで幅や距離を指定するとき「この数値を計算式で出せたらすごく便利なのに!」と考えたことありませんか? たとえば「widthに100%から数px引いた値を指...
css

【css】要素を回転させるときの基準点を設定する方法

transform:rotate()を使って回転を加えたが意図とした位置で回転してくれないといった悩みはないでしょうか? この場合、回転する基準点を設定するこ...
スポンサーリンク