CATEGORY
コーディング

コーディング

「background-size:cover」をjQueryで実現する方法

cssのbackgroundプロパティで使用できる「cover」という値は、画像の縦横比を保ったまま背景領域を全て覆うように自動で拡大縮小する便利なプロパティです。 ただ、この値を使うには画像を背景に指定する必要があり、…

コーディング

input要素やselect要素を制御するjQueryまとめ

検索やお問い合わせなどのフォームで使用されるinput要素やselect要素。条件が多岐に渡るほど、フロントエンドでの制御が必要になります。今回は、それらの要素を制御するjQueryをまとめました。 状態を取得する チェ…

コーディング

SVGを実案件で使ってみて便利だったこと

2001年には既にW3Cから勧告されていたものの、ブラウザ側の対応が進んでいなかったため実案件では使いどころが難しかったSVGですが、IEのサポートポリシー変更などもあり、去年〜今年にかけて活用しはじめた方も多いのではな…

コーディング

jQueryで比率計算をする方法

レスポンシブサイトをコーディングする際、「画像を背景に当てたdivの高さをどう指定すればいいかわからない…」「youtubeの埋め込み動画を横幅100%にしたいけど、縦が小さくなってしまう…」と困ったときに便利な、jQu…

コーディング

要素の出現確率を個々に設定するjQuery

先日、「要素を25%の確率で出現させる」必要があったのですが、「複数の要素から決まった個数をランダムにピックアップする」方法しか見つからず、「複数ある要素それぞれをランダムに出現させる」方法は見つからなかったのでメモして…

コーディング

脱画像化!WebFontの使い方

HTML5やCSS3の普及やiPhoneやiPadといったPC以外の閲覧端末の登場でWEBの制作も大きく変わってきたと感じます。 WEBに携わる人間としは、「そろそろWEBフォントを使ってみたいな~」というところではない…

次の20件を見る

PAGE TOP