コーディング

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()を使って回転を加えたが意図とした位置で回転してくれないといった悩みはないでしょうか? この場合、回転する基準点を設定するこ...
css

cssのみで三角形・矢印やリボンを表現する最新の方法、レスポンシブにも対応!

linear-gradientを使って、三角形やリボンを簡単に表現する方法を徹底解説します!
html

【html+css】imgタグで配置した画像をbackground-size:cover;と同じように表現する方法

htmlのimgタグで配置された画像をcssの記述のみでbackground-size:cover;のように扱う方法を徹底解説します。
Wordpress

【WordPress】個別ページ(single.php)でカテゴリー情報を取得する方法

WordPressの個別ページ(single.php)で、カテゴリ名などの情報を取得できなくて困ったことはないでしょうか?WordPressは一覧ページ(ループ...
スポンサーリンク