blog | AP*DesignFactory | ホームページ制作 Wordpress LPコーディング - 東京調布を拠点に活動する個人事業主

要素の数だけ繰り返しscroll値を取得

一度に複数の要素のscroll値を取得してアレコレする案件があったので、jQueryで作成してみました。サンプルは（クリックできるボタンの数）と同数の（コンテンツボックス）があったとして、ボタンがクリックされると、同じ…

Posted : 2018.8.17 Update : 2019.1.4 jQuery/javascript

margin と　padding　を　％で表すときは、親要素の横幅が基準となります。上下のmargin/paddingも、親要素の【横幅】が基準です。レスポンシブコーディング時は、これを便利にいろいろなところで活用し…

Posted : 2018.4.25 Update : 2018.4.25 html5/css3, responsive

wordpressで、個別記事ページ（single.phpで表示されるページ）に、関連記事一覧を表示させる方法。実現したいことカテゴリに階層がある場合、同階層のカテゴリに属する記事のみを表示したい。 ↑このようなカテ…

Posted : 2018.4.3 Update : 2018.4.3 wordpress

エフェクト無しな、単純なロールオーバー。末尾に「_off」がついている画像は、「_on」とついている画像にロールオーバー表示されます。 $(function(){ $(“img[src*=’_off’]”).addCl…

Posted : 2018.3.28 Update : 2018.3.30 jQuery/javascript

この記事には【改訂版】がございます。是非下記の記事をご覧ください。横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】用意されたデザインファイルは下記のような感じ。メインイメージの青枠の部分はマス…

Posted : 2018.3.21 Update : 2022.4.29 html5/css3, responsive