横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】 | AP*DesignFactory | ホームページ制作 Wordpress LPコーディング – 東京 調布を拠点に活動する個人事業主

BLOG

横幅いっぱいのメイン画像を配置したレスポンシブコーディング【改訂版】

横幅いっぱいのメイン画像を配置したレスポンシブコーディング こちらの記事の改訂版になります。 横幅いっぱいのメイン画像を配置したレスポンシブコーディングのサンプルページ デザインファイル デザイナーから支給されたデザイン…

Posted : 2022.4.22 Update : 2022.4.22 html5/css3, responsive
ReadMore

レスポンシブコーディング:作業中のちょっとしたテクニック

テクニック…というほど大げさなものではありませんが、 スムーズに作業を進めるためにやっていることがたくさんありますので、言語化できるものをいくつかご紹介できれば。 ブレイクポイントごとに文字色を変える @media sc…

Posted : 2022.3.25 Update : 2022.3.25 html5/css3, responsive
ReadMore

wordpressの固定ページのタイトルをスラッグを利用して装飾する

いわゆるサブタイトル付きのページタイトルです。 前提として、ページタイトルには「お知らせ」、 ページスラッグは「information」と設定した場合の例です。 自分の作業用のメモとしてまとめました。 サブタイトルがすべ…

Posted : 2020.3.3 Update : 2020.3.3 wordpress
ReadMore

cssのみでグラデーションのマウスオーバーをフェード処理する

下記サンプルページのような、グラデーションで表現されたボタンのマウスオーバーを、cssのみでフェード処理をする方法をご紹介いたします。 グラデーションボタンマウスオーバーのサンプルページ ボタンなどに使うhoverの変化…

Posted : 2019.1.4 Update : 2019.1.4 html5/css3
ReadMore

jQueryでカウントダウン画像を表示させる

2019/01/04追記一部ブラウザでサンプルページが正しく動作しなかったので修正いたしました。 サイト公開日、商品の発売日、イベント開催日…、などなどいろいろな用途に使えそうなカウントダウン用画像を表示させるためのjQ…

Posted : 2018.9.20 Update : 2019.1.4 jQuery/javascript
ReadMore