コーディング

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

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

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

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

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

transform:rotate()を使って回転を加えたが意図とした位置で回転してくれないといった悩みはないでしょうか? この場合、回転する基準点を設定するこ...
WEB制作の参考に

google map埋め込みの際拡大率、縮小率などの縮尺を調整する方法

GoogleMapの共通を使ってマップを埋め込む際、iframeをコピペして自作のhtmlに張り付けるだけでマップが取り込めて大変便利なので...
css

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

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

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

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

文字数を削りたい!「お問い合わせ」でよく使われる表記はどれかを調査してみた結果、お問合わせ?お問い合せ?お問合せ?

デザインやコーディングの際、あと1文字削ればはまるのにといったときどこを削る?「お問い合わせ」の場合は「お問合わせ」、「お問い合せ」、「お問合せ」、、どれが最適なのかを検索結果から推考してみました。
Wordpress

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

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

ベースに使えるhtml最新版!レスポンシブコーディングの場合

htmlを一から作成する際、どういった記述が最低限必要なのか、迷うことはないでしょうか? そこで今回は、「基本これだけは入れといた方がいいですよ!」というht...
Wordpress

記事の抜粋「the_excerpt();」の末文[…]をリンク付きで(続きを読む)などに変更する方法と、文字数の調整方法【WordPress】

Wordoressのカテゴリやアーカイブなどで抜粋記事を配置する場合 the_excerpt(); を使うと思いますが。 デフォルトでは、末文にされて見栄えも...
スポンサーリンク