最近はSNSのタグ検索などで情報を収集している方も多いと思います。[...]続きを読むサイト制作2020.01.21webメモ,長辺を100%で画像を縦横中央に配置するCSSさまざまな比率の画像を同じサイズにレイアウトする際に、長辺側を100%として縦横中央に配置するCSSを作成しました。マークアップをしていると、定義リスト(dl,dt,dd)を表にしたいときってありますよね。端末サイズに合わせて背景画像を同じ比率で拡大縮小させていく実装方法をまとめました。レスポンシブ対応のLPなどのメインビジュアル作成時に便利だと思います。[...]続きを読むサイト制作2019.09.12webメモ,cssだけで作るリボン(枠から上に少し出たレイアウト)枠から上に少し出たレイアウトのリボンって、プレゼント枠だったり注目してほしい時など結構使うことがあります。毎回一からコードを書くのが面倒なので自分用のメモとしてまとめました。[...]続きを読むサイト、アプリ2019.06.30便利サービス,ワーママがおすすめするサブスクリプション(定額制)サービス最近ネットやアプリではサブスクリプション(定額制)サービスが盛んですよね。サブスクリプションとは提供するサービスや商品を利用する期間に対して対価を支払うサービスのことです。[...]続きを読むサイト制作2019.06.29webメモ,実践でよく使う擬似クラスなどのセレクタまとめ(自分用メモ)動的な実装を行う際は、HTMLの改修やパーツの使い回しが良く発生しますので、できる限りHTMLは統一させておきたいものです。[...]続きを読むサイト制作2019.05.31webメモ,切り替えたタブの背景色が違うタブの切り替え(テンプレート)タブの切り替えもデザインやマークアップをしていてよく遭遇しますよね。今回は自分のメモ用として応用しやすいタブの切り替えテンプレートを記事にまとめておきたいと思います。XSに機種変更しました。その際の移行手順をこちらでもまとめたいと思います。IDが別々のものになっていました。[...]続きを読むサイト制作2019.04.12HTTPからHTTPSに変更する手順(WordPressを使用するならさくらレンタルサーバー!)先日重い腰を上げてこのブログもHTTPS化しました。早くにしようと思っていたのですが、仕事と子育ての合間に更新しているので、せっかく時間がとれれば記事を書く方を優先してしまっていました。IDを変更してしまい苦労したのでこちらでもその時の対処法をご紹介したいと思います。select要素(プルダウン)のデザインを実装している時に、矢印アイコンを画像ではなくCSSのみで実装する場合の方が最近は多くなってきました。[...]続きを読むサイト制作2019.01.26webメモ,トリガーより上に開くアコーディオンとcssのみで実装できる開閉時アイコンが切り替わるアコーディオントリガーより下に開閉する方法はネットで少し調べてみると出てきたのですが、トリガーより上に開く方法がなかなかでてこなかったのでこちらでもまとめておきたいと思います。MEDIAを使用しています。無料テーマとしてはすごく評判のいいテーマですね。久しぶりの更新になりました。子供の咳風邪がうつり咳がとまらなくなっておりました。みなさんも喉、大切に。MEDIA」を使用しています。いろいろなブログでも紹介されていますね。私はノートパソコン派です。育児中はじっと一箇所にいられないので、いつでもささっと持って移動できるノートパソコン型が定番となっています。[...]続きを読むサイト制作2018.09.08webメモ,ターミナルコマンドとGit作業手順書(自分用メモ)ターミナルでよく使うコマンドとGitでのよく使う作業の流れを自分のメモ用にまとめました。[...]続きを読むサイト制作2018.09.04webメモ,ハンバーガーメニューからページ内リンクへ遷移するテンプレート私自身のメモとしてウェブ系カテゴリも今後追加していきます。(20)プロフィール都内在住30代小学生と保育園児の子を持つワーママです。最近やっと保育園の二ヶ所送迎から解放され育児にも少しだけ余裕がもてるようになりました。